/* Young Engineers ERP — Minimal custom overrides */

@import url('https://fonts.googleapis.com/css2?family=Cairo:wght@400;500;600;700;800;900&display=swap');

/* ── Sidebar container ────────────────────────────── */
.fi-sidebar {
    background-color: #1e1b4b !important;
    border-inline-end-color: rgba(199, 210, 254, 0.15) !important;
}

.fi-sidebar-header {
    background-color: rgba(0, 0, 0, 0.2) !important;
    border-block-end-color: rgba(199, 210, 254, 0.15) !important;
}

.fi-sidebar-footer {
    background-color: rgba(0, 0, 0, 0.15) !important;
    border-block-start-color: rgba(199, 210, 254, 0.15) !important;
}

.fi-brand-name {
    color: #ffffff !important;
}

/* ── Group labels  ────────────────────────────────── */
/* Filament uses: text-gray-500  →  need bright override */
.fi-sidebar-group-label {
    color: #a5b4fc !important;
    font-weight: 700 !important;
    font-size: 0.7rem !important;
    letter-spacing: 0.05em !important;
}

/* ── Nav item labels ──────────────────────────────── */
/* Filament uses: text-gray-700  →  very dark on dark bg */
.fi-sidebar-item-label {
    color: #e0e7ff !important;
    font-weight: 500 !important;
}

/* ── Nav item icons ───────────────────────────────── */
/* Filament uses: text-gray-400  →  dim on dark bg */
.fi-sidebar-item-icon {
    color: #818cf8 !important;
}

/* ── Hover state ──────────────────────────────────── */
/* Filament uses: hover:bg-gray-100  →  bright flash on dark bg */
.fi-sidebar-item-button:hover {
    background-color: rgba(255, 255, 255, 0.1) !important;
}

.fi-sidebar-item-button:hover .fi-sidebar-item-label {
    color: #ffffff !important;
}

.fi-sidebar-item-button:hover .fi-sidebar-item-icon {
    color: #c7d2fe !important;
}

/* ── Active state ─────────────────────────────────── */
/* Filament uses: bg-gray-100  →  light gray on dark bg */
.fi-active .fi-sidebar-item-button,
.fi-sidebar-item-active .fi-sidebar-item-button {
    background-color: #4f46e5 !important;
}

.fi-active .fi-sidebar-item-label,
.fi-sidebar-item-active .fi-sidebar-item-label {
    color: #ffffff !important;
    font-weight: 600 !important;
}

.fi-active .fi-sidebar-item-icon,
.fi-sidebar-item-active .fi-sidebar-item-icon {
    color: #ffffff !important;
}

/* ── Language switcher ────────────────────────────── */
.ye-lang-switcher {
    display: inline-flex;
    align-items: center;
    gap: 0.2rem;
    margin-inline-end: 0.5rem;
    background: #f1f1fa;
    padding: 0.2rem;
    border-radius: 9999px;
    border: 1px solid #e4e4f0;
}

.ye-lang-btn {
    padding: 0.25rem 0.75rem;
    border-radius: 9999px;
    font-size: 0.72rem;
    font-weight: 700;
    text-decoration: none !important;
    transition: all 0.15s;
    color: #6b7280 !important;
    line-height: 1.4;
}

.ye-lang-btn:hover {
    color: #4f46e5 !important;
    background: rgba(79, 70, 229, 0.08);
}

.ye-lang-btn.ye-active {
    background: #4f46e5 !important;
    color: #ffffff !important;
    box-shadow: 0 2px 6px rgba(79, 70, 229, 0.3);
}