/*
 * Admin panel–only visual fixes: fixed topbar/sidebar layout and premium tab styling.
 * Registered as a Filament asset — see App\Providers\AppServiceProvider::boot().
 */

/* Fix floating/overlapping topbar layout issues */
.fi-body-has-topbar .fi-topbar-ctn {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    z-index: 40 !important;
    width: 100% !important;
}
.fi-body-has-topbar .fi-layout {
    margin-top: 4rem !important;
}
@media (min-width: 1024px) {
    .fi-sidebar {
        top: 4rem !important;
        height: calc(100vh - 4rem) !important;
    }
}

/* Premium styling for active/inactive tabs */
.fi-tabs-item {
    transition: all 0.2s ease-in-out !important;
}
.fi-tabs-item.fi-active {
    background-color: #f59e0b !important;
    color: white !important;
    box-shadow: 0 4px 6px -1px rgba(245, 158, 11, 0.2), 0 2px 4px -2px rgba(245, 158, 11, 0.2) !important;
    border-radius: 0.375rem !important;
}
.fi-tabs-item.fi-active .fi-tabs-item-label {
    color: white !important;
    font-weight: 600 !important;
}
.fi-tabs-item.fi-active .fi-badge {
    background-color: rgba(255, 255, 255, 0.25) !important;
    color: white !important;
}
.fi-tabs-item:not(.fi-active):hover {
    background-color: rgba(245, 158, 11, 0.08) !important;
    color: #f59e0b !important;
}
.fi-tabs-item:not(.fi-active):hover .fi-tabs-item-label {
    color: #f59e0b !important;
}