/**
 * URawi Radius - Commercial Filament Custom Theme & Styling Rules
 * Extracted from AdminPanelProvider for Browser HTTP Caching & Zero PHP Opcode Overhead
 */

                    /* Universal Cross-Platform & Antialiased Font Stack (Inter + Segoe UI fallback for Win 7) */
                    :root, html, body, .fi-body, .fi-ta, .fi-main {
                        font-family: "Inter Variable", "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif !important;
                        -webkit-font-smoothing: antialiased !important;
                        -moz-osx-font-smoothing: grayscale !important;
                        text-rendering: optimizeLegibility !important;
                    }
                    /* ========================================================= */
                    /* UNIVERSAL MODAL STACKING & OVERLAY LAYER ISOLATION        */
                    /* Strictly guarantees modals render above sidebar & topbar  */
                    /* ========================================================= */

                    .fi-modal.fi-modal-open {
                        position: relative !important;
                        z-index: 9999 !important;
                    }
                    .fi-modal.fi-modal-open > .fi-modal-close-overlay {
                        z-index: 9998 !important;
                    }
                    .fi-modal.fi-modal-open > .fi-modal-window-ctn {
                        z-index: 9999 !important;
                    }
                    .fi-no {
                        z-index: 10000 !important;
                    }
                    /* Box sizing & subpixel rounding protection */
                    .fi-ta-ctn, .fi-ta-main, .fi-ta-table {
                        box-sizing: border-box !important;
                    }
                    /* Premium Custom Scrollbar */
                    ::-webkit-scrollbar {
                        width: 6px;
                        height: 6px;
                    }
                    ::-webkit-scrollbar-track {
                        background: transparent;
                    }
                    ::-webkit-scrollbar-thumb {
                        background: rgba(156, 163, 175, 0.4);
                        border-radius: 9999px;
                    }
                    ::-webkit-scrollbar-thumb:hover {
                        background: rgba(245, 158, 11, 0.85);
                    }
                    * {
                        scrollbar-width: thin;
                        scrollbar-color: rgba(156, 163, 175, 0.4) transparent;
                    }
                    /* Central Smart Scrollable Dropdowns, Menus & Panels */
                    .fi-dropdown-panel {
                        max-height: min(70vh, 420px) !important;
                        overflow-y: auto !important;
                        overscroll-behavior: contain !important;
                    }
                    .fi-ta-col-manager-content {
                        max-height: min(60vh, 360px) !important;
                        overflow-y: auto !important;
                        overscroll-behavior: contain !important;
                    }
                    .fi-ta-filters {
                        max-height: min(70vh, 460px) !important;
                        overflow-y: auto !important;
                        overscroll-behavior: contain !important;
                    }
                    /* Calm Neutral Gray Info Circle & Hint Icons Across Entire Application */
                    .fi-fo-field-wrp-hint-icon,
                    .fi-fo-field-wrp-hint-icon svg,
                    .fi-fo-field-wrp-hint svg,
                    [data-slot="hint-icon"],
                    button[data-slot="hint-icon"],
                    svg.fi-fo-field-wrp-hint-icon,
                    svg[class*="heroicon"][class*="information-circle"],
                    .fi-section-header-icon svg[class*="information-circle"] {
                        color: rgb(156 163 175) !important;
                        transition: color 0.15s ease-in-out;
                    }
                    .fi-fo-field-wrp-hint-icon:hover,
                    .fi-fo-field-wrp-hint-icon:hover svg,
                    [data-slot="hint-icon"]:hover,
                    svg[class*="heroicon"][class*="information-circle"]:hover {
                        color: rgb(107 114 128) !important;
                    }
                    .dark .fi-fo-field-wrp-hint-icon,
                    .dark .fi-fo-field-wrp-hint-icon svg,
                    .dark [data-slot="hint-icon"],
                    .dark svg[class*="heroicon"][class*="information-circle"],
                    .dark .fi-section-header-icon svg[class*="information-circle"] {
                        color: rgb(156 163 175) !important;
                    }
                    .dark .fi-fo-field-wrp-hint-icon:hover,
                    .dark .fi-fo-field-wrp-hint-icon:hover svg,
                    .dark [data-slot="hint-icon"]:hover,
                    .dark svg[class*="heroicon"][class*="information-circle"]:hover {
                        color: rgb(209 213 219) !important;
                    }
                    /* ========================================================= */
                    /* ONLINE SUBSCRIBERS IP PERMANENT BLUE LINK                 */
                    /* ========================================================= */
                    .online-sub-ip-link,
                    a.online-sub-ip-link,
                    .online-sub-ip-link span,
                    a.online-sub-ip-link span,
                    .online-sub-ip-link svg,
                    a.online-sub-ip-link svg {
                        color: #2563eb !important;
                        text-decoration-color: #2563eb !important;
                    }
                    .online-sub-ip-link:hover,
                    a.online-sub-ip-link:hover {
                        color: #1d4ed8 !important;
                        text-decoration: underline !important;
                    }
                    :is(.dark, [data-theme="dark"]) .online-sub-ip-link,
                    :is(.dark, [data-theme="dark"]) a.online-sub-ip-link,
                    :is(.dark, [data-theme="dark"]) .online-sub-ip-link span,
                    :is(.dark, [data-theme="dark"]) a.online-sub-ip-link span,
                    :is(.dark, [data-theme="dark"]) .online-sub-ip-link svg,
                    :is(.dark, [data-theme="dark"]) a.online-sub-ip-link svg {
                        color: #60a5fa !important;
                        text-decoration-color: #60a5fa !important;
                    }
                    :is(.dark, [data-theme="dark"]) .online-sub-ip-link:hover,
                    :is(.dark, [data-theme="dark"]) a.online-sub-ip-link:hover {
                        color: #93c5fd !important;
                    }
                    /* ========================================================= */
                    /* UNIVERSAL MAC ADDRESS & MONOSPACE LTR ISOLATION           */
                    /* Strictly prevents octet/segment flipping in RTL (Arabic) */
                    /* ========================================================= */
                    [dir="rtl"] .fi-mac-address,
                    [dir="rtl"] .mac-address,
                    [dir="rtl"] [data-mac-address],
                    [dir="rtl"] .fi-mac-column,
                    [dir="rtl"] .fi-mac-column span,
                    [dir="rtl"] .font-mono,
                    [dir="rtl"] code,
                    [dir="rtl"] pre,
                    [dir="rtl"] bdi[dir="ltr"],
                    [dir="rtl"] .fi-ta-text-item:has(.font-mono) span,
                    [dir="rtl"] .fi-ta-text-item:has(.fi-mac-address) span,
                    [dir="rtl"] .fi-ta-text-item:has([dir="ltr"]) span,
                    [dir="rtl"] td[data-column*="mac"] span,
                    [dir="rtl"] td[data-column*="callingstationid"] span,
                    [dir="rtl"] input[name*="mac"],
                    [dir="rtl"] input[id*="mac"],
                    [dir="rtl"] input[placeholder*="AA:BB"],
                    [dir="rtl"] input[placeholder*="aa:bb"],
                    [dir="rtl"] input[name*="callingstationid"],
                    [dir="rtl"] .fi-fo-tags-input-tags-ctn,
                    [dir="rtl"] .fi-fo-tags-input-tags-ctn .fi-badge,
                    [dir="rtl"] .fi-fo-tags-input-tags-ctn .fi-badge-label,
                    [dir="rtl"] .fi-fo-tags-input-tags-ctn .fi-badge-label span,
                    [dir="rtl"] .fi-fo-tags-input-tags-ctn .fi-badge-label-ctn,
                    [dir="rtl"] .fi-mac-tags-input,
                    [dir="rtl"] .fi-mac-tags-input .fi-badge,
                    [dir="rtl"] .fi-mac-tags-input .fi-badge-label,
                    [dir="rtl"] .fi-mac-tags-input .fi-badge-label span {
                        direction: ltr !important;
                        unicode-bidi: isolate !important;
                        unicode-bidi: -webkit-isolate !important;
                        text-align: left !important;
                        display: inline-block !important;
                    }

                    /* Preserve badge flow & delete button alignment inside TagsInput in RTL */
                    [dir="rtl"] .fi-fo-tags-input-tags-ctn .fi-badge,
                    [dir="rtl"] .fi-mac-tags-input .fi-badge {
                        flex-direction: row !important;
                    }
                    /* ========================================================= */
                    /* Centralized Table Layout (Native Theme & High Performance):*/
                    /* Row 1 (Top): Header Heading (Start) + Tools (End)        */
                    /* Row 2: Actions Button (Above Checkbox) + Search Field     */
                    /* ========================================================= */
                    :root {
                        --fi-topbar-offset: 4rem;
                    }
                    @media (max-width: 1023px) {
                        :root {
                            --fi-topbar-offset: 3.5rem;
                        }
                    }

                    /* Table Container - Freeze 2 Distinct Rows at Top of Table */
                    .fi-ta-ctn,
                    .fi-ta-main {
                        overflow: visible !important;
                    }

                    /* Sticky Container holding both Row 1 and Row 2 - 100% Opaque Central Theme */
                    .fi-ta-header-ctn {
                        display: block !important;
                        position: -webkit-sticky !important;
                        position: sticky !important;
                        top: var(--fi-topbar-offset) !important;
                        z-index: 20 !important;
                        background-color: #ffffff !important;
                        border-bottom: 1px solid rgba(156, 163, 175, 0.2) !important;
                        -webkit-backface-visibility: hidden !important;
                        backface-visibility: hidden !important;
                        transform: translateZ(0);
                        -webkit-transform: translateZ(0);
                    }
                    .dark .fi-ta-header-ctn {
                        background-color: var(--gray-900, #111827) !important;
                        border-bottom: 1px solid rgba(255, 255, 255, 0.08) !important;
                    }

                    /* 1. Freeze Header Row 1 (Title on Start + Tools on End) */
                    .fi-ta-header {
                        display: flex !important;
                        flex-direction: row !important;
                        align-items: center !important;
                        justify-content: space-between !important;
                        padding: 0.5rem 1rem !important;
                        min-height: 44px !important;
                        background-color: #ffffff !important;
                        border-bottom: 1px solid rgba(156, 163, 175, 0.12) !important;
                    }
                    .dark .fi-ta-header {
                        background-color: var(--gray-900, #111827) !important;
                        border-bottom: 1px solid rgba(255, 255, 255, 0.06) !important;
                    }

                    .fi-ta-header > div:first-child {
                        display: flex !important;
                        flex-direction: row !important;
                        align-items: baseline !important;
                        gap: 8px !important;
                    }

                    .fi-ta-header .fi-ta-header-heading {
                        font-size: 1.05rem !important;
                        font-weight: 700 !important;
                        white-space: nowrap !important;
                        margin: 0 !important;
                        display: flex !important;
                        align-items: center !important;
                    }
                    .fi-ta-header .fi-ta-header-heading svg,
                    .fi-ta-header .fi-ta-header-heading > svg,
                    .fi-ta-header .fi-ta-header-heading::before {
                        display: none !important;
                    }
                    .fi-ta-header-description {
                        font-size: 11px !important;
                        font-weight: 500 !important;
                        color: rgb(156 163 175) !important;
                        opacity: 0.85 !important;
                        margin: 0 !important;
                        white-space: nowrap !important;
                    }
                    .fi-ta-header-description::before {
                        content: "| ";
                        opacity: 0.45;
                        margin-inline-end: 4px;
                    }

                    /* 2. Freeze Toolbar Row 2 (Actions on Start + Search on End) */
                    .fi-ta-header-toolbar,
                    .fi-ta-toolbar {
                        display: flex !important;
                        background-color: #ffffff !important;
                        padding: 0.45rem 1rem !important;
                        min-height: 46px !important;
                    }
                    .dark .fi-ta-header-toolbar,
                    .dark .fi-ta-toolbar {
                        background-color: var(--gray-900, #111827) !important;
                    }

                    /* Desktop Toolbar Layout */
                    @media (min-width: 768px) {
                        .fi-ta-header-toolbar,
                        .fi-ta-toolbar {
                            display: flex !important;
                            flex-direction: row !important;
                            align-items: center !important;
                            justify-content: space-between !important;
                            min-height: 46px !important;
                        }
                        /* Actions button container positioned on start side directly above checkboxes */
                        .fi-ta-header-toolbar .fi-ta-actions,
                        .fi-ta-toolbar .fi-ta-actions {
                            order: 1 !important;
                            margin: 0 !important;
                            flex-shrink: 0 !important;
                            display: flex !important;
                            align-items: center !important;
                        }
                        .fi-ta-header-toolbar .fi-ta-actions .fi-btn,
                        .fi-ta-header-toolbar .fi-ta-actions button,
                        .fi-ta-toolbar .fi-ta-actions .fi-btn,
                        .fi-ta-toolbar .fi-ta-actions button {
                            border-radius: 0px !important;
                            font-weight: 700 !important;
                            min-width: 120px !important;
                        }
                        /* Search box container positioned on the end side (pure universal selectors) */
                        .fi-ta-header-toolbar .fi-ta-toolbar-search-ctn,
                        .fi-ta-header-toolbar .fi-ta-search-field-ctn,
                        .fi-ta-header-toolbar .fi-ta-search-field-wrapper,
                        .fi-ta-toolbar .fi-ta-toolbar-search-ctn,
                        .fi-ta-toolbar .fi-ta-search-field-ctn,
                        .fi-ta-toolbar .fi-ta-search-field-wrapper {
                            order: 2 !important;
                            margin-inline-start: auto !important;
                            margin-left: auto !important;
                        }
                        [dir="rtl"] .fi-ta-header-toolbar .fi-ta-toolbar-search-ctn,
                        [dir="rtl"] .fi-ta-header-toolbar .fi-ta-search-field-ctn,
                        [dir="rtl"] .fi-ta-header-toolbar .fi-ta-search-field-wrapper,
                        [dir="rtl"] .fi-ta-toolbar .fi-ta-toolbar-search-ctn,
                        [dir="rtl"] .fi-ta-toolbar .fi-ta-search-field-ctn,
                        [dir="rtl"] .fi-ta-toolbar .fi-ta-search-field-wrapper {
                            margin-inline-start: auto !important;
                            margin-right: auto !important;
                            margin-left: 0 !important;
                        }
                        .fi-ta-search-field,
                        .fi-ta-search-field input {
                            border-radius: 0px !important;
                            font-size: 12.5px !important;
                            height: 34px !important;
                            width: 240px !important;
                        }
                    }

                    /* Mobile Toolbar Layout */
                    @media (max-width: 767px) {
                        .fi-ta-header-toolbar,
                        .fi-ta-toolbar {
                            display: flex !important;
                            flex-direction: column !important;
                            align-items: stretch !important;
                            gap: 0.5rem !important;
                            padding: 0.5rem 0.75rem !important;
                            box-sizing: border-box !important;
                            width: 100% !important;
                            max-width: 100% !important;
                            overflow: hidden !important;
                        }
                        .fi-ta-header-toolbar .fi-ta-actions,
                        .fi-ta-toolbar .fi-ta-actions {
                            order: 1 !important;
                            width: 100% !important;
                            display: flex !important;
                        }
                        .fi-ta-header-toolbar .fi-ta-actions > *,
                        .fi-ta-header-toolbar .fi-ta-actions .fi-dropdown,
                        .fi-ta-header-toolbar .fi-ta-actions .fi-dropdown-trigger,
                        .fi-ta-header-toolbar .fi-ta-actions .fi-btn,
                        .fi-ta-header-toolbar .fi-ta-actions button,
                        .fi-ta-toolbar .fi-ta-actions > *,
                        .fi-ta-toolbar .fi-ta-actions .fi-dropdown,
                        .fi-ta-toolbar .fi-ta-actions .fi-dropdown-trigger,
                        .fi-ta-toolbar .fi-ta-actions .fi-btn,
                        .fi-ta-toolbar .fi-ta-actions button {
                            width: 100% !important;
                            min-width: 100% !important;
                            max-width: 100% !important;
                            display: flex !important;
                            justify-content: center !important;
                            align-items: center !important;
                            border-radius: 0px !important;
                            font-weight: 700 !important;
                            box-sizing: border-box !important;
                        }
                        /* Search container row on mobile (pure universal selectors) */
                        .fi-ta-header-toolbar .fi-ta-toolbar-search-ctn,
                        .fi-ta-header-toolbar .fi-ta-search-field-ctn,
                        .fi-ta-header-toolbar .fi-ta-search-field-wrapper,
                        .fi-ta-toolbar .fi-ta-toolbar-search-ctn,
                        .fi-ta-toolbar .fi-ta-search-field-ctn,
                        .fi-ta-toolbar .fi-ta-search-field-wrapper {
                            order: 2 !important;
                            width: 100% !important;
                            max-width: 100% !important;
                            min-width: 0 !important;
                            display: flex !important;
                            align-items: center !important;
                            gap: 0.375rem !important;
                            margin: 0 !important;
                            box-sizing: border-box !important;
                        }
                        .fi-ta-search-field {
                            flex: 1 1 0% !important;
                            width: 100% !important;
                            min-width: 0 !important;
                            max-width: 100% !important;
                            box-sizing: border-box !important;
                        }
                        .fi-ta-search-field input,
                        .fi-ta-search-field .fi-input-wrp {
                            width: 100% !important;
                            max-width: 100% !important;
                            min-width: 0 !important;
                            border-radius: 0px !important;
                            height: 36px !important;
                            box-sizing: border-box !important;
                        }
                    }

                    /* 3. Table Column Headers (thead th) - Unfrozen / Static natural flow */
                    .fi-ta-table thead th,
                    .fi-ta-header-cell {
                        position: static !important;
                        background-color: #f9fafb !important;
                        border-bottom: 1px solid rgba(156, 163, 175, 0.2) !important;
                        border-radius: 0px !important;
                    }
                    .dark .fi-ta-table thead th,
                    .dark .fi-ta-header-cell {
                        background-color: #18181b !important;
                        border-bottom: 1px solid rgba(75, 85, 99, 0.4) !important;
                    }
                    .dark .fi-ta-table thead th,
                    .dark .fi-ta-header-cell {
                        background-color: #18181b !important;
                        border-bottom: 1px solid rgba(75, 85, 99, 0.4) !important;
                    }
                    /* Ensure Sidebar Children / Nested Items Always Show Icons Cleanly */
                    .fi-sidebar-sub-group-items .fi-sidebar-item-btn {
                        padding-inline-start: 1rem;
                    }
                    .fi-sidebar-sub-group-items .fi-sidebar-item-icon {
                        width: 1.25rem !important;
                        height: 1.25rem !important;
                        flex-shrink: 0 !important;
                        opacity: 0.85;
                    }
                    .fi-sidebar-sub-group-items .fi-sidebar-item:hover .fi-sidebar-item-icon,
                    .fi-sidebar-sub-group-items .fi-sidebar-item.fi-active .fi-sidebar-item-icon {
                        opacity: 1;
                    }
                    /* ========================================================= */
                    /* ULTRA-RESPONSIVE ZERO-LAG SIDEBAR PERFORMANCE ENHANCEMENT */
                    /* ========================================================= */
                    .fi-sidebar,
                    .fi-main-sidebar {
                        z-index: 40 !important;
                        background-color: #ffffff !important;
                        border-inline-end: 1px solid #e5e7eb !important;
                        transition: none !important;
                        animation: none !important;
                        transition-duration: 0s !important;
                        animation-duration: 0s !important;
                    }
                    .dark .fi-sidebar,
                    .dark .fi-main-sidebar {
                        background-color: #18181b !important;
                        border-inline-end: 1px solid #27272a !important;
                    }
                    .fi-sidebar-close-overlay {
                        z-index: 39 !important;
                        transition: none !important;
                        animation: none !important;
                        transition-duration: 0s !important;
                        animation-duration: 0s !important;
                    }
                    .fi-main-ctn {
                        position: relative !important;
                        z-index: auto !important;
                        transition: none !important;
                        animation: none !important;
                        transition-duration: 0s !important;
                        animation-duration: 0s !important;
                    }
                    .fi-sidebar-group-items {
                        transition: none !important;
                        animation: none !important;
                        transition-duration: 0s !important;
                        animation-duration: 0s !important;
                    }
                    /* Pure CSS Desktop Collapsible Sidebar Rules (Zero Alpine / Layout Overhead) */
                    @media (min-width: 1024px) {
                        .fi-sidebar:not(.fi-sidebar-open) .fi-sidebar-group-items,
                        .fi-sidebar:not(.fi-sidebar-open) .fi-sidebar-item-label,
                        .fi-sidebar:not(.fi-sidebar-open) .fi-sidebar-item-badge-ctn,
                        .fi-sidebar:not(.fi-sidebar-open) .fi-sidebar-group-label,
                        .fi-sidebar:not(.fi-sidebar-open) .fi-sidebar-group-collapse-btn,
                        .fi-sidebar:not(.fi-sidebar-open) .fi-sidebar-group-btn {
                            display: none !important;
                        }
                        .fi-sidebar:not(.fi-sidebar-open) .fi-sidebar-group-dropdown-wrapper {
                            display: block !important;
                        }
                        .fi-sidebar:not(.fi-sidebar-open) .fi-sidebar-group-dropdown-trigger-btn {
                            display: flex !important;
                        }
                        .fi-sidebar.fi-sidebar-open .fi-sidebar-group-dropdown-wrapper {
                            display: none !important;
                        }
                        .fi-sidebar.fi-sidebar-open .fi-sidebar-group-btn {
                            display: flex !important;
                        }
                        .fi-sidebar.fi-sidebar-open .fi-sidebar-item-label {
                            display: inline-block !important;
                        }
                        .fi-sidebar.fi-sidebar-open .fi-sidebar-item-badge-ctn {
                            display: inline-flex !important;
                        }
                    }
                    /* ========================================================= */
                    /* MOBILE SAFE AREA & BOTTOM CLEARANCE FOR SIDEBAR           */
                    /* ========================================================= */
                    :root {
                        --safe-area-inset-bottom: env(safe-area-inset-bottom, 0px);
                    }
                    .fi-sidebar,
                    .fi-main-sidebar {
                        padding-bottom: env(safe-area-inset-bottom, 0px) !important;
                    }
                    .fi-sidebar-nav {
                        -webkit-overflow-scrolling: touch !important;
                        overscroll-behavior-y: contain !important;
                    }
                    .fi-sidebar-bottom-safe-spacer {
                        display: block !important;
                        width: 100% !important;
                        pointer-events: none !important;
                        flex-shrink: 0 !important;
                        height: 2rem !important;
                    }
                    @media (max-width: 1023px) {
                        .fi-sidebar-group-dropdown-wrapper {
                            display: none !important;
                        }
                        .fi-sidebar,
                        .fi-main-sidebar {
                            height: 100% !important;
                            height: 100dvh !important;
                            max-height: 100dvh !important;
                            padding-bottom: max(1.5rem, env(safe-area-inset-bottom, 24px)) !important;
                            box-sizing: border-box !important;
                        }
                        .fi-sidebar-nav {
                            min-height: 0 !important;
                            flex: 1 1 auto !important;
                            overflow-y: auto !important;
                            /* Generous bottom padding to ensure the last item is never hidden behind mobile navigation bar / home indicator */
                            padding-bottom: max(7.5rem, calc(5rem + env(safe-area-inset-bottom, 34px))) !important;
                            scroll-padding-bottom: max(7.5rem, calc(5rem + env(safe-area-inset-bottom, 34px))) !important;
                        }
                        .fi-sidebar-nav-groups {
                            padding-bottom: max(3rem, calc(1.5rem + env(safe-area-inset-bottom, 24px))) !important;
                        }
                        .fi-sidebar-nav-groups > li:last-child,
                        .fi-sidebar-nav-groups > .fi-sidebar-group:last-child {
                            margin-bottom: max(4rem, calc(2.5rem + env(safe-area-inset-bottom, 28px))) !important;
                            padding-bottom: 1.5rem !important;
                        }
                        /* Also ensure items inside the last group have clear separation */
                        .fi-sidebar-group:last-child .fi-sidebar-group-items > li:last-child,
                        .fi-sidebar-group:last-child .fi-sidebar-group-items > .fi-sidebar-item:last-child {
                            margin-bottom: max(2.5rem, env(safe-area-inset-bottom, 20px)) !important;
                            padding-bottom: 1rem !important;
                        }
                        .fi-sidebar-bottom-safe-spacer {
                            height: max(5.5rem, calc(3.5rem + env(safe-area-inset-bottom, 34px))) !important;
                            min-height: 5.5rem !important;
                        }
                    }
                    /* Eliminate artificial delay-100 on sidebar items and labels */
                    .fi-sidebar-item-label,
                    .fi-sidebar-item-badge-ctn,
                    .fi-sidebar-group-btn,
                    .fi-sidebar-group-label,
                    .fi-sidebar-header-logo-ctn,
                    .fi-sidebar-open-collapse-sidebar-btn,
                    .fi-sidebar-close-collapse-sidebar-btn,
                    .fi-transition-enter {
                        transition-delay: 0s !important;
                        animation-delay: 0s !important;
                        transition-duration: 0s !important;
                    }
                    .fi-sidebar-group-items {
                        transition-duration: 100ms !important;
                    }
                    .fi-dropdown-panel {
                        z-index: 50 !important;
                    }
                    .fi-sidebar .fi-dropdown-panel,
                    .fi-sidebar-group .fi-dropdown-panel,
                    .fi-sidebar-nav .fi-dropdown-panel {
                        z-index: 60 !important;
                    }
                    /* Force English/Western Digits (0-9) Across All Languages & Components */
                    :root, html, body, *, *::before, *::after,
                    input, select, textarea, button, table, td, th,
                    .fi-ta-cell, .fi-sc-stat-value, .fi-badge, .fi-dropdown,
                    .fi-modal, .fi-section, .fi-fo-field-wrp, .fi-pagination,
                    .tabular-nums, [data-slot] {
                        font-variant-numeric: lining-nums tabular-nums !important;
                        font-feature-settings: "locl" 0, "numr" 0, "onum" 0, "pnum" 0 !important;
                        -webkit-font-feature-settings: "locl" 0, "numr" 0, "onum" 0, "pnum" 0 !important;
                        -moz-font-feature-settings: "locl" 0, "numr" 0, "onum" 0, "pnum" 0 !important;
                    }
                    /* Footer styling */
                    .fi-footer {
                        border-top: 1px solid rgba(156,163,175,0.15);
                        padding: 0.75rem 1.5rem;
                        text-align: center;
                        font-size: 0.78rem;
                        color: rgb(107 114 128);
                        letter-spacing: 0.01em;
                    }
                    /* ========================================================= */
                    /* Global Flat Aesthetic: Universal 0px Radius Everywhere */
                    /* ========================================================= */
                    :root {
                        --rounded-xs: 0px !important;
                        --rounded-sm: 0px !important;
                        --rounded-md: 0px !important;
                        --rounded-lg: 0px !important;
                        --rounded-xl: 0px !important;
                        --rounded-2xl: 0px !important;
                        --rounded-3xl: 0px !important;
                        --rounded-full: 0px !important;
                    }
                    *, *::before, *::after {
                        --tw-border-radius: 0px !important;
                        border-radius: 0px !important;
                    }
                    [class*="rounded"],
                    .fi-btn,
                    .fi-btn-group,
                    .fi-btn-group button,
                    .fi-icon-btn,
                    .fi-input-wrp,
                    .fi-input,
                    .fi-select-input,
                    .fi-fo-field-wrp,
                    .fi-fo-text-input,
                    .fi-fo-select,
                    .fi-fo-textarea,
                    .fi-fo-key-value,
                    .fi-fo-tags-input,
                    .fi-fo-color-picker,
                    .fi-fo-file-upload,
                    .fi-fo-rich-editor,
                    .fi-fo-builder,
                    .fi-fo-repeater,
                    .fi-fo-repeater-item,
                    .fi-fo-wizard,
                    .fi-fo-wizard-step,
                    .fi-fo-wizard-step-indicator,
                    .fi-ta-ctn,
                    .fi-ta-record,
                    .fi-ta-header,
                    .fi-ta-footer,
                    .fi-ta-filter,
                    .fi-ta-search-field,
                    .fi-ta-selection-indicator,
                    .fi-modal-window,
                    .fi-modal-content,
                    .fi-modal-header,
                    .fi-modal-footer,
                    .fi-modal,
                    .fi-dropdown-panel,
                    .fi-dropdown-list,
                    .fi-dropdown-list-item,
                    .fi-section,
                    .fi-section-header,
                    .fi-section-content-ctn,
                    .fi-badge,
                    .fi-tabs,
                    .fi-tabs-item,
                    .fi-tabs-item-btn,
                    .fi-sidebar-item-button,
                    .fi-sidebar-item,
                    .fi-topbar,
                    .fi-user-menu,
                    .fi-notifications,
                    .fi-notification,
                    .fi-pagination,
                    .fi-pagination-item,
                    .fi-pagination-records-per-page-select,
                    .fi-breadcrumbs,
                    .fi-breadcrumbs-item,
                    .fi-fieldset,
                    .fi-card,
                    .fi-sc-stat,
                    .fi-sc-stat-card,
                    .fi-wi,
                    .fi-wi-stats-overview-stat,
                    .fi-ac-action,
                    .fi-ac-btn-action,
                    .fi-ac-icon-btn-action {
                        border-radius: 0px !important;
                    }
                    /* Ensure user avatars, toggle switches and circular items are ALWAYS preserved */
                    .fi-toggle-thumb,
                    .fi-switch-thumb,
                    [role="switch"] > span,
                    [role="switch"] span[aria-hidden="true"],
                    .fi-avatar,
                    .fi-avatar img,
                    .fi-user-avatar,
                    .fi-user-avatar img,
                    .fi-user-menu-trigger,
                    .fi-user-menu-trigger img,
                    .fi-topbar-user-menu-trigger,
                    .fi-topbar-user-menu-trigger img,
                    [data-slot="avatar"],
                    [data-slot="avatar"] img,
                    img.fi-avatar,
                    .fi-circular,
                    .avatar-circular,
                    .rounded-full {
                        border-radius: 9999px !important;
                        border-radius: 50% !important;
                        overflow: hidden !important;
                    }
                    /* Ensure icons never overflow, collapse, or blow up in size */
                    svg[class*="heroicon"],
                    .fi-icon,
                    .fi-btn-icon {
                        max-width: 1.5rem;
                        max-height: 1.5rem;
                        flex-shrink: 0 !important;
                    }
                    /* Disable default number input spin buttons */
                    input[type="number"]::-webkit-inner-spin-button,
                    input[type="number"]::-webkit-outer-spin-button {
                        -webkit-appearance: none;
                        margin: 0;
                    }
                    input[type="number"] {
                        -moz-appearance: textfield;
                    }
                    /* Allow normal mouse selection and text cursor on table rows/cells */
                    .fi-ta-row,
                    .fi-ta-record,
                    .fi-ta-cell,
                    .fi-ta-text,
                    .fi-ta-text-item,
                    .fi-ta-text-item-label {
                        cursor: default !important;
                        user-select: text !important;
                        -webkit-user-select: text !important;
                    }
                    /* Keep pointer cursor strictly on links, buttons, sorting headers, and checkboxes */
                    .fi-ta-cell a,
                    .fi-ta-cell a *,
                    .fi-ta-cell button,
                    .fi-ta-cell button *,
                    .fi-ta-actions,
                    .fi-ta-actions *,
                    .fi-ta-selection-cell,
                    .fi-ta-selection-cell *,
                    .fi-ta-header-cell,
                    .fi-ta-header-cell * {
                        cursor: pointer !important;
                    }
                    /* Align Avatar file upload to the start (Left in LTR / Right in RTL) */
                    .avatar-align-start,
                    .avatar-align-start .fi-fo-file-upload,
                    .avatar-align-start .filepond--root,
                    .avatar-align-start .fi-fo-field-wrp,
                    .avatar-align-start .fi-fo-field-wrp-inner {
                        margin-inline-start: 0 !important;
                        margin-inline-end: auto !important;
                        margin-left: 0 !important;
                        justify-content: flex-start !important;
                        align-items: flex-start !important;
                        text-align: start !important;
                    }
                    .avatar-align-start .filepond--root {
                        margin-inline-start: 0 !important;
                        margin-inline-end: auto !important;
                        margin-left: 0 !important;
                    }


/* --- Additional Icon & State Rules --- */
                        /* Calm Neutral Gray Info Circle & Hint Icons Across Entire Application */
                        svg.fi-sc-icon,
                        svg.fi-sc-icon.fi-color-primary,
                        .fi-color-primary.fi-sc-icon,
                        svg[x-tooltip],
                        .fi-fo-field-wrp-hint-icon,
                        .fi-fo-field-wrp-hint-icon svg,
                        .fi-fo-field-wrp-hint svg,
                        [data-slot="hint-icon"],
                        button[data-slot="hint-icon"],
                        svg[class*="information-circle"],
                        .fi-section-header-icon svg[class*="information-circle"] {
                            color: #9ca3af !important;
                            fill: currentColor !important;
                            transition: color 0.15s ease-in-out;
                        }
                        svg.fi-sc-icon:hover,
                        svg.fi-sc-icon.fi-color-primary:hover,
                        .fi-color-primary.fi-sc-icon:hover,
                        svg[x-tooltip]:hover,
                        .fi-fo-field-wrp-hint-icon:hover,
                        .fi-fo-field-wrp-hint-icon:hover svg,
                        [data-slot="hint-icon"]:hover,
                        svg[class*="information-circle"]:hover {
                            color: #6b7280 !important;
                        }
                        .dark svg.fi-sc-icon,
                        .dark svg.fi-sc-icon.fi-color-primary,
                        .dark .fi-color-primary.fi-sc-icon,
                        .dark svg[x-tooltip],
                        .dark .fi-fo-field-wrp-hint-icon,
                        .dark .fi-fo-field-wrp-hint-icon svg,
                        .dark [data-slot="hint-icon"],
                        .dark svg[class*="information-circle"],
                        .dark .fi-section-header-icon svg[class*="information-circle"] {
                            color: #9ca3af !important;
                        }
                        .dark svg.fi-sc-icon:hover,
                        .dark svg.fi-sc-icon.fi-color-primary:hover,
                        .dark .fi-color-primary.fi-sc-icon:hover,
                        .dark svg[x-tooltip]:hover,
                        .dark .fi-fo-field-wrp-hint-icon:hover,
                        .dark .fi-fo-field-wrp-hint-icon:hover svg,
                        .dark [data-slot="hint-icon"]:hover,
                        .dark svg[class*="information-circle"]:hover {
                            color: #d1d5db !important;
                        }
                        /* Premium Custom Scrollbar */
                        ::-webkit-scrollbar {
                            width: 6px;
                            height: 6px;
                        }
                        ::-webkit-scrollbar-track {
                            background: transparent;
                        }
                        ::-webkit-scrollbar-thumb {
                            background: rgba(156, 163, 175, 0.4);
                            border-radius: 9999px;
                        }
                        ::-webkit-scrollbar-thumb:hover {
                            background: rgba(245, 158, 11, 0.85);
                        }
                        * {
                            scrollbar-width: thin;
                            scrollbar-color: rgba(156, 163, 175, 0.4) transparent;
                        }
                        /* Footer styling */
                        .fi-footer {
                            border-top: 1px solid rgba(156,163,175,0.15);
                            padding: 0.75rem 1.5rem;
                            text-align: center;
                            font-size: 0.78rem;
                            color: rgb(107 114 128);
                            letter-spacing: 0.01em;
                        }
                        /* Table rows default cursor - pointer only on interactive links & buttons */
                        .fi-ta-row, .fi-ta-row td, tbody tr, tbody tr td {
                            cursor: default !important;
                        }
                        .fi-ta-row a, .fi-ta-row a *, .fi-ta-row button, .fi-ta-row input, .fi-ta-row [role="button"], .fi-ta-row .cursor-pointer {
                            cursor: pointer !important;
                        }

/* Logo Sizing for Simple (Auth) and Sidebar Layouts */
.fi-simple-main .fi-logo { height: 50px !important; }
.fi-sidebar-header .fi-logo { height: 40px !important; }

/* ========================================================= */
/* URAWI KPI STATS & EXCEL-GRID DATA TABLES                  */
/* ========================================================= */

.urawi-kpi-grid-4 {
    display: grid !important;
    grid-template-columns: repeat(1, minmax(0, 1fr)) !important;
    gap: 16px !important;
    width: 100% !important;
}
@media (min-width: 640px) {
    .urawi-kpi-grid-4 {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
}
@media (min-width: 1024px) {
    .urawi-kpi-grid-4 {
        grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    }
}

.urawi-excel-scroll {
    width: 100% !important;
    overflow-x: auto !important;
    border: 1px solid #e5e7eb !important;
    border-radius: 8px !important;
    background-color: #ffffff !important;
}
.dark .urawi-excel-scroll {
    border-color: rgba(255, 255, 255, 0.1) !important;
    background-color: var(--gray-900, #111827) !important;
}

.urawi-excel-table {
    width: 100% !important;
    border-collapse: collapse !important;
    font-size: 12px !important;
}
.urawi-excel-table th,
.urawi-excel-table td {
    border: 1px solid #e5e7eb !important;
    padding: 10px 14px !important;
    vertical-align: middle !important;
}
.dark .urawi-excel-table th,
.dark .urawi-excel-table td {
    border-color: rgba(255, 255, 255, 0.08) !important;
}
.urawi-excel-table thead th {
    background-color: #f9fafb !important;
    color: #111827 !important;
    font-weight: 700 !important;
    text-align: start !important;
    font-size: 11px !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
}
.dark .urawi-excel-table thead th {
    background-color: rgba(255, 255, 255, 0.04) !important;
    color: #ffffff !important;
}
.urawi-excel-table .col-num {
    width: 48px !important;
    text-align: center !important;
    background-color: #f3f4f6 !important;
    color: #4b5563 !important;
    font-weight: 700 !important;
    font-size: 11px !important;
}
.dark .urawi-excel-table .col-num {
    background-color: rgba(255, 255, 255, 0.03) !important;
    color: #9ca3af !important;
}
.urawi-excel-table tbody tr:hover {
    background-color: rgba(59, 130, 246, 0.05) !important;
}
.dark .urawi-excel-table tbody tr:hover {
    background-color: rgba(255, 255, 255, 0.04) !important;
}