/* FlyAram Admin — custom overrides (loaded via AdminPanelProvider assets) */

:root {
    --fa-sidebar-gradient: linear-gradient(
        165deg,
        #0f0a2e 0%,
        #1e1b4b 25%,
        #312e81 55%,
        #4c1d95 80%,
        #6d28d9 100%
    );
    --fa-accent: #fbbf24;
    --fa-accent-soft: #fcd34d;
    --fa-btn-gradient: linear-gradient(135deg, #6366f1 0%, #7c3aed 45%, #a855f7 100%);
    --fa-btn-gradient-hover: linear-gradient(135deg, #4f46e5 0%, #6d28d9 45%, #9333ea 100%);
    --fa-topbar-bg: linear-gradient(90deg, #f8fafc 0%, #eef2ff 45%, #f5f3ff 100%);
    --fa-page-bg: #f1f5f9;
}

.dark {
    --fa-sidebar-gradient: linear-gradient(
        165deg,
        #030014 0%,
        #0f0a2e 30%,
        #1e1b4b 60%,
        #312e81 100%
    );
    --fa-topbar-bg: linear-gradient(90deg, #0f172a 0%, #1e1b4b 50%, #1e293b 100%);
    --fa-page-bg: #020617;
}

.fi-body {
    background: var(--fa-page-bg) !important;
}

.fi-sidebar {
    background: var(--fa-sidebar-gradient) !important;
    box-shadow: 4px 0 24px rgba(49, 46, 129, 0.25);
}

.fi-sidebar-nav {
    padding: 1rem 0.75rem;
}

.fi-sidebar-nav-groups {
    gap: 0.5rem !important;
}

.fi-sidebar-group-label {
    color: var(--fa-accent) !important;
    font-weight: 600;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    font-size: 0.7rem;
}

.fi-sidebar-item-label {
    color: rgba(255, 255, 255, 0.88) !important;
}

.fi-sidebar-item-btn > .fi-icon,
.fi-sidebar-group-btn > .fi-icon {
    color: var(--fa-accent-soft) !important;
}

.fi-sidebar-item.fi-sidebar-item-has-url > .fi-sidebar-item-btn:hover {
    background: rgba(255, 255, 255, 0.1) !important;
}

.fi-sidebar-item.fi-active > .fi-sidebar-item-btn {
    background: rgba(255, 255, 255, 0.15) !important;
    box-shadow: inset 3px 0 0 var(--fa-accent);
}

.fi-sidebar-item.fi-active > .fi-sidebar-item-btn > .fi-icon,
.fi-sidebar-item.fi-active > .fi-sidebar-item-btn > .fi-sidebar-item-label {
    color: #fff !important;
}

.fi-sidebar-item.fi-sidebar-item-has-url > .fi-sidebar-item-btn:hover > .fi-sidebar-item-label {
    color: #fff !important;
}

.fi-sidebar-header {
    border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}

.fi-topbar {
    background: var(--fa-topbar-bg) !important;
    border-bottom: 1px solid rgba(99, 102, 241, 0.12);
}

.fi-main .fi-btn.fi-color.fi-color-primary:not(.fi-outlined):not(label),
.fi-modal-window .fi-btn.fi-color.fi-color-primary:not(.fi-outlined):not(label),
.fi-simple-page .fi-btn.fi-color.fi-color-primary:not(.fi-outlined):not(label) {
    background: var(--fa-btn-gradient) !important;
    color: #fff !important;
    border: none;
    box-shadow: 0 4px 14px rgba(99, 102, 241, 0.35);
    transition: all 0.2s ease;
}

.fi-main .fi-btn.fi-color.fi-color-primary:not(.fi-outlined):not(label):hover,
.fi-modal-window .fi-btn.fi-color.fi-color-primary:not(.fi-outlined):not(label):hover,
.fi-simple-page .fi-btn.fi-color.fi-color-primary:not(.fi-outlined):not(label):hover {
    background: var(--fa-btn-gradient-hover) !important;
    box-shadow: 0 6px 20px rgba(124, 58, 237, 0.45);
    transform: translateY(-1px);
}

.fi-main .fi-btn.fi-color.fi-color-primary:not(.fi-outlined):not(label) > .fi-icon,
.fi-modal-window .fi-btn.fi-color.fi-color-primary:not(.fi-outlined):not(label) > .fi-icon,
.fi-simple-page .fi-btn.fi-color.fi-color-primary:not(.fi-outlined):not(label) > .fi-icon {
    color: #fff !important;
}

.fi-main .fi-btn.fi-color.fi-color-primary.fi-outlined,
.fi-modal-window .fi-btn.fi-color.fi-color-primary.fi-outlined,
.fi-simple-page .fi-btn.fi-color.fi-color-primary.fi-outlined {
    border-color: #7c3aed !important;
    color: #6d28d9 !important;
}

.dark .fi-main .fi-btn.fi-color.fi-color-primary.fi-outlined,
.dark .fi-modal-window .fi-btn.fi-color.fi-color-primary.fi-outlined,
.dark .fi-simple-page .fi-btn.fi-color.fi-color-primary.fi-outlined {
    color: #c4b5fd !important;
    border-color: #8b5cf6 !important;
}

.fqn-root .fqn-open-btn {
    background: linear-gradient(135deg, #f5c518, #f07b3f) !important;
    color: #1a1200 !important;
    box-shadow: 0 4px 18px rgba(245, 197, 24, 0.35) !important;
    border: none !important;
    border-radius: 50px !important;
}

.fqn-root .fqn-open-btn:hover {
    background: linear-gradient(135deg, #f5c518, #f07b3f) !important;
    color: #1a1200 !important;
    transform: translateY(-2px) scale(1.03) !important;
    box-shadow: 0 10px 30px rgba(245, 197, 24, 0.5) !important;
}

.fqn-root > .fqn-backdrop {
    position: fixed !important;
    inset: 0 !important;
    z-index: 9999 !important;
}

.fi-section,
.fi-ta-ctn,
.fi-wi-stats-overview-stat {
    border-radius: 0.75rem;
    box-shadow: 0 1px 3px rgba(15, 23, 42, 0.06), 0 4px 12px rgba(99, 102, 241, 0.04);
}

.filament-tree-node {
    padding-right: 17px;
}

.filament-tree-node-content .flex.items-center {
    background: #ffffff;
    border-radius: 0.5rem;
}

.dark .filament-tree-node-content .flex.items-center {
    background: rgba(255, 255, 255, 0.05);
}

.bg-red-50 {
    background: #991b1b;
    color: #fff;
}