/* Thawing App — Filament Panel Custom Theme */

/* ── Sidebar background ─────────────────────────────── */
.fi-sidebar,
.fi-sidebar-header,
.fi-sidebar-inner {
    background-color: #013729 !important;
}

/* Sidebar right border */
.fi-sidebar {
    border-right-color: rgba(255, 255, 255, 0.08) !important;
}

/* ── Brand name & header title (scoped to sidebar only) ── */
.fi-sidebar .fi-sidebar-header a,
.fi-sidebar .fi-sidebar-header span,
.fi-sidebar .fi-sidebar-header div,
.fi-sidebar .fi-logo,
.fi-sidebar .fi-brand-name {
    color: #ffffff !important;
}

/* Override Tailwind bg-white on header */
.fi-sidebar-header.bg-white {
    background-color: #013729 !important;
}

/* Remove header box shadow/ring that reveals bg-white */
.fi-sidebar-header {
    box-shadow: none !important;
    --tw-ring-color: rgba(255, 255, 255, 0.08) !important;
}

/* ── Nav group labels (section headers) ─────────────── */
.fi-sidebar-group-label,
.fi-nav-group-label {
    color: rgba(255, 255, 255, 0.5) !important;
}

/* Separator line between groups */
.fi-sidebar-group + .fi-sidebar-group {
    border-top-color: rgba(255, 255, 255, 0.08) !important;
}

/* ── Nav item labels & icons (non-active only) ───────── */
.fi-sidebar-item:not(.fi-active) .fi-sidebar-item-button span,
.fi-sidebar-item:not(.fi-active) .fi-sidebar-item-button svg,
.fi-sidebar-item:not(.fi-active) .fi-sidebar-item-label {
    color: rgba(255, 255, 255, 0.85) !important;
}

/* ── Hover state ─────────────────────────────────────── */
.fi-sidebar-item:not(.fi-active) .fi-sidebar-item-button:hover {
    background-color: rgba(255, 255, 255, 0.92) !important;
}
.fi-sidebar-item:not(.fi-active) .fi-sidebar-item-button:hover span,
.fi-sidebar-item:not(.fi-active) .fi-sidebar-item-button:hover svg,
.fi-sidebar-item:not(.fi-active) .fi-sidebar-item-button:hover .fi-sidebar-item-label {
    color: #013729 !important;
}

/* ── Active / selected item ──────────────────────────── */
.fi-sidebar-item.fi-active .fi-sidebar-item-button {
    background-color: rgba(255, 255, 255, 0.92) !important;
}
/* text-primary-600 tetap jalan — tidak di-override */

/* ── Collapse toggle button ──────────────────────────── */
.fi-sidebar-close-btn svg,
.fi-sidebar-close-btn {
    color: rgba(255, 255, 255, 0.7) !important;
}
.fi-sidebar-close-btn:hover svg {
    color: #ffffff !important;
}

/* ── Loading states ──────────────────────────────────── */

/* Smooth fade-in when deferred table data arrives */
.fi-ta-content {
    transition: opacity 200ms ease;
}

/* Skeleton pulse rows (shown during deferLoading) */
.fi-ta-content .animate-pulse {
    animation: fi-skeleton-pulse 1.2s ease-in-out infinite;
}

@keyframes fi-skeleton-pulse {
    0%, 100% { opacity: 1; }
    50%       { opacity: 0.4; }
}

/* Dim table body during filter/sort/paginate Livewire requests */
.fi-ta-ctn [wire\:loading\.class~="opacity-70"] {
    transition: opacity 150ms ease;
}

/* Top-of-page progress bar during SPA navigation */
#nprogress .bar {
    background: #4ade80 !important;
    height: 3px !important;
}

/* ── Scrollbar ───────────────────────────────────────── */
.fi-sidebar-nav::-webkit-scrollbar-track {
    background: #013729;
}
.fi-sidebar-nav::-webkit-scrollbar-thumb {
    background: rgba(255, 255, 255, 0.2);
    border-radius: 4px;
}