/**
 * Sentinel Sales — refinements for Filament (pairs with primary + gray in AdminPanelProvider).
 */

/* Brand logo (sidebar + auth) */
.fi-logo img {
    width: auto;
    max-width: min(100%, 12rem);
    object-fit: contain;
    object-position: left center;
}

/* Tamaño original dentro del shell autenticado (sidebar/topbar) */
.fi-sidebar .fi-logo img,
.fi-topbar .fi-logo img {
    height: 2.5rem;
    max-width: min(100%, 12rem);
}

/* Logo más grande solo en pantallas simples (login, reset, etc.) */
.fi-simple-main .fi-logo img {
    max-width: min(100%, 18rem);
    height: 4rem !important;
    width: auto;
}

/* ---- Auth & simple pages (login, password reset, email verify) ---- */
.dark .fi-simple-layout {
    background-color: #050505;
    background-image:
        radial-gradient(ellipse 120% 70% at 50% -28%, rgba(197, 160, 40, 0.16), transparent 55%),
        linear-gradient(180deg, #0a0a0a 0%, #050505 45%, #000 100%);
}

.dark .fi-simple-main {
    background-color: rgba(12, 12, 12, 0.98) !important;
    box-shadow:
        0 0 0 1px rgba(197, 160, 40, 0.18),
        0 24px 56px -16px rgba(0, 0, 0, 0.65) !important;
}

html:not(.dark) .fi-simple-layout {
    background: linear-gradient(180deg, #fafafa 0%, #f4f4f5 100%);
}

html:not(.dark) .fi-simple-main {
    box-shadow:
        0 0 0 1px rgba(197, 160, 40, 0.12),
        0 12px 32px -12px rgba(0, 0, 0, 0.08) !important;
}

/* ---- Logged-in shell ---- */
.dark .fi-sidebar {
    background: linear-gradient(200deg, #0d0d0d 0%, #080808 50%, #050505 100%);
}

.dark .fi-sidebar.fi-sidebar-open {
    box-shadow: 1px 0 0 rgba(197, 160, 40, 0.1);
}

.dark .fi-topbar {
    background-color: rgba(9, 9, 11, 0.72);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    border-bottom: 1px solid rgba(197, 160, 40, 0.08);
}

.dark .fi-main-ctn {
    background: linear-gradient(180deg, #09090b 0%, #050505 100%);
}

/* Page headings: slight warmth */
.dark .fi-header-heading {
    letter-spacing: -0.02em;
}