/* iSmart admin shell. Filament owns navigation, authorization and drawer state. */
:root { --ismart-modern-bg: #f8fafc; --ismart-modern-text: #0f172a; --ismart-modern-muted: #64748b; }
body:has(.ismart-brand) { background: linear-gradient(135deg,#f8fbff,#f8fafc 60%,#f6f5ff) !important; }
.fi-sidebar { height: 100vh; height: 100dvh; overflow: hidden; background: #fff !important; border-right: 1px solid #e2e8f0 !important; box-shadow: none !important; }
.fi-sidebar .fi-sidebar-item-label, .fi-sidebar .fi-sidebar-item-icon { color: #334155 !important; }
.fi-sidebar .fi-sidebar-group-label { color: #64748b !important; font-size: 11px; letter-spacing: .055em; text-transform: uppercase; }
.fi-sidebar .fi-sidebar-item-button { border-radius: 12px; transition: background .15s,color .15s; }
.fi-sidebar .fi-sidebar-item-button:hover { background: #f1f5f9 !important; }
.fi-sidebar .fi-sidebar-item-active { border: none !important; background: transparent !important; }
.fi-sidebar .fi-sidebar-item-active .fi-sidebar-item-button { background: linear-gradient(90deg,#eff6ff,#ede9fe) !important; }
.fi-sidebar .fi-sidebar-item-active .fi-sidebar-item-label, .fi-sidebar .fi-sidebar-item-active .fi-sidebar-item-icon { color: #2563eb !important; }
.fi-sidebar > .overflow-x-clip { flex-shrink: 0; }
.fi-sidebar-header { padding-inline: 18px; box-shadow: none !important; border-bottom: 1px solid #f1f5f9; }
.fi-sidebar-header .fi-icon-btn { color: #64748b; }
.fi-sidebar-nav { flex: 1 1 0%; min-height: 0; padding: 20px 18px; overflow-y: auto; overscroll-behavior-y: contain; scrollbar-width: thin; scrollbar-color: #92989f transparent; }
.fi-sidebar-nav-groups { gap: 22px; }
.fi-topbar, .fi-topbar > nav { background: rgba(255,255,255,.96) !important; box-shadow: none !important; border-bottom: 1px solid #e2e8f0 !important; }
.fi-topbar .fi-global-search-field .fi-input-wrp { border-radius: 12px !important; background: #f8fafc !important; box-shadow: none !important; }
.fi-topbar .fi-global-search-field { width: min(290px,32vw); }
.ismart-brand { display: flex; align-items: center; gap: 10px; white-space: nowrap; }
.ismart-brand img { width: 40px; height: 40px; border-radius: 11px; }
.ismart-brand strong { display: block; color: #0f172a; font-size: 20px; font-weight: 800; line-height: 1.15; }
.ismart-brand span { color: #64748b; font-size: 12px; }
.ismart-sidebar-user { flex: 0 0 auto; margin-top: auto; display: flex; align-items: center; gap: 10px; padding: 16px 18px; border-top: 1px solid #e2e8f0; background: #fafcff; }
.ismart-sidebar-user__avatar { width: 36px; height: 36px; display: grid; place-items: center; border-radius: 50%; background: #2563eb; color: #fff; font-size: 14px; font-weight: 700; flex-shrink: 0; }
.ismart-sidebar-user__details { min-width: 0; flex: 1; }
.ismart-sidebar-user__details strong { display: block; font-size: 13px; color: #0f172a; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.ismart-sidebar-user__details small { display: block; color: #64748b; font-size: 11px; }
.ismart-sidebar-user .ismart-sidebar-user__logout { display: grid; place-items: center; border: 0; border-radius: 8px; padding: 7px; background: transparent !important; box-shadow: none !important; color: #64748b; }
.ismart-sidebar-user .ismart-sidebar-user__logout:focus-visible { outline: 2px solid #2563eb; outline-offset: 2px; }
.ismart-sidebar-user .ismart-sidebar-user__logout:hover { background: #eff6ff !important; color: #2563eb; }
.ismart-sidebar-user svg { width: 19px; height: 19px; }
.ismart-topbar-breadcrumb { display: flex; align-items: center; gap: 10px; min-width: 0; color: #64748b; font-size: 12px; }
.ismart-topbar-breadcrumb a { color: #526785; }
.ismart-topbar-breadcrumb strong { color: #0f172a; font-weight: 650; }
.ismart-topbar-breadcrumb svg { width: 18px; height: 18px; }
.report-settings-company { width: min(420px,100%); }
.report-settings-company > label { display: block; font-size: 13px; font-weight: 600; margin-bottom: 6px; }
/* Keep the existing dark-mode toggle and readable navigation. */
.dark body:has(.ismart-brand) { background: #0f172a !important; }
.dark .fi-sidebar, .dark .fi-sidebar-header, .dark .ismart-sidebar-user, .dark .fi-topbar, .dark .fi-topbar > nav { background: #111b2c !important; border-color: #29364a !important; }
.dark .fi-sidebar .fi-sidebar-item-label, .dark .fi-sidebar .fi-sidebar-item-icon, .dark .ismart-brand strong, .dark .ismart-sidebar-user__details strong, .dark .ismart-topbar-breadcrumb strong { color: #e2e8f0 !important; }
.dark .fi-sidebar .fi-sidebar-item-button:hover { background: #1e293b !important; }
.dark .fi-sidebar .fi-sidebar-item-active .fi-sidebar-item-button { background: #1e3155 !important; }
.dark .fi-sidebar .fi-sidebar-item-active .fi-sidebar-item-label, .dark .fi-sidebar .fi-sidebar-item-active .fi-sidebar-item-icon { color: #93c5fd !important; }
.dark .fi-sidebar .fi-sidebar-group-label, .dark .ismart-brand span, .dark .ismart-sidebar-user__details small { color: #a9b6c8 !important; }
@media (min-width:1024px) { .fi-sidebar:not(.fi-sidebar-open) .ismart-sidebar-user { padding: 14px 8px; flex-direction: column; } }
@media (max-width:767px) { .ismart-topbar-breadcrumb { display:none; } .fi-topbar .fi-global-search-field { width: min(230px,48vw); } }
@media (prefers-reduced-motion:reduce) { .fi-sidebar .fi-sidebar-item-button { transition: none; } }