/* FlowDesk design polish — v4 */

/* ── Sidebar ───────────────────────────────── */
.fi-sidebar {
    border-right: 1px solid rgba(var(--gray-200), 1) !important;
}
.dark .fi-sidebar {
    border-right: 1px solid rgba(var(--gray-700), 0.6) !important;
}

/* Nav items */
.fi-sidebar-item-button {
    border-radius: 8px !important;
    font-size: 13px !important;
    font-weight: 500 !important;
    transition: all 0.15s ease !important;
}

/* Group headings */
.fi-sidebar-group-label {
    font-size: 10px !important;
    font-weight: 700 !important;
    letter-spacing: 0.08em !important;
    text-transform: uppercase !important;
}

/* ── Topbar ────────────────────────────────── */
.fi-topbar {
    backdrop-filter: blur(8px) !important;
    -webkit-backdrop-filter: blur(8px) !important;
}

/* ── Page header ───────────────────────────── */
.fi-header-heading {
    font-size: 20px !important;
    font-weight: 800 !important;
    letter-spacing: -0.03em !important;
}

/* ── Cards / sections ──────────────────────── */
.fi-section {
    border-radius: 12px !important;
}

/* ── Tables ────────────────────────────────── */
.fi-ta-header-cell {
    font-size: 11px !important;
    font-weight: 700 !important;
    letter-spacing: 0.06em !important;
    text-transform: uppercase !important;
}

/* ── Badges ────────────────────────────────── */
.fi-badge {
    border-radius: 20px !important;
    font-size: 11px !important;
    font-weight: 600 !important;
}

/* ── Buttons ───────────────────────────────── */
.fi-btn {
    border-radius: 8px !important;
    font-weight: 600 !important;
    transition: transform 0.15s ease, box-shadow 0.15s ease !important;
}
.fi-btn:hover:not(:disabled) {
    transform: translateY(-1px) !important;
}

/* ── Modals ────────────────────────────────── */
.fi-modal-window {
    border-radius: 16px !important;
}

/* ── Inputs ────────────────────────────────── */
.fi-input {
    border-radius: 8px !important;
}

/* ── Scrollbar ─────────────────────────────── */
::-webkit-scrollbar { width: 5px; height: 5px; }
::-webkit-scrollbar-track { background: transparent; }
::-webkit-scrollbar-thumb { background: rgba(var(--gray-300), 1); border-radius: 999px; }
.dark ::-webkit-scrollbar-thumb { background: rgba(var(--gray-600), 1); }