/* ═══════════════════════════════════════════════════
   TOP BAR — ImportControl
   ═══════════════════════════════════════════════════ */

.topbar {
    background: var(--surface-card);
    border-bottom: 1px solid var(--border-subtle);
    padding: 0 var(--content-padding);
    height: var(--topbar-height);
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: sticky;
    top: 0;
    z-index: var(--z-sticky);
}

.topbar-title {
    font-size: var(--text-md);
    font-weight: var(--weight-semibold);
    color: var(--text-primary);
}

.topbar-actions {
    display: flex;
    align-items: center;
    gap: var(--space-2);
}

@media (max-width: 768px) {
    .topbar {
        padding: 0 var(--content-padding-mobile);
        justify-content: space-between;
    }
    .topbar-actions { flex-wrap: wrap; gap: var(--space-1-5); }
}