/*
 * 24/7 Valuable Transport — admin panel skin.
 *
 * Plain CSS layered on top of Filament's published stylesheet. Deliberately
 * not a compiled Filament theme: shared hosting has no Node, and this needs
 * no build step. Bump config('vta.asset_version') after editing.
 */

:root {
    --vta-navy: #12315e;
    --vta-navy-dark: #0d2547;
    --vta-navy-light: #1c4b8a;
    --vta-blue: #1d4ed8;
    --vta-blue-bright: #3b82f6;
    --vta-sidebar-text: #dbe6f7;
    --vta-sidebar-muted: #90aad1;
}

/* ---------------------------------------------------------------- sidebar */

.fi-sidebar,
.fi-sidebar .fi-sidebar-nav {
    background-color: var(--vta-navy);
    border-right-color: var(--vta-navy-dark);
}

.fi-sidebar-header {
    background-color: var(--vta-navy-dark);
    border-bottom: 1px solid rgba(255, 255, 255, 0.08);
    box-shadow: none;
}

/* Group headings ("Forms", "Administration"). */
.fi-sidebar-group-label {
    color: var(--vta-sidebar-muted);
    text-transform: uppercase;
    letter-spacing: 0.06em;
    font-size: 0.6875rem;
    font-weight: 600;
}

.fi-sidebar-item-label {
    color: var(--vta-sidebar-text);
    font-weight: 500;
}

.fi-sidebar-item-icon {
    color: var(--vta-sidebar-muted);
}

.fi-sidebar-item a:hover,
.fi-sidebar-item button:hover {
    background-color: rgba(255, 255, 255, 0.08);
}

.fi-sidebar-item a:hover .fi-sidebar-item-label,
.fi-sidebar-item a:hover .fi-sidebar-item-icon {
    color: #ffffff;
}

/* Active item: brighter blue with a left rail, the classic dashboard look. */
.fi-sidebar-item-active > a,
.fi-sidebar-item.fi-active > a {
    background-color: var(--vta-blue);
    box-shadow: inset 3px 0 0 0 var(--vta-blue-bright);
}

.fi-sidebar-item-active .fi-sidebar-item-label,
.fi-sidebar-item-active .fi-sidebar-item-icon,
.fi-sidebar-item.fi-active .fi-sidebar-item-label,
.fi-sidebar-item.fi-active .fi-sidebar-item-icon {
    color: #ffffff;
}

/* Collapse/expand chevrons and the sidebar close button. */
.fi-sidebar-header .fi-icon-btn,
.fi-sidebar-group-collapse-button {
    color: var(--vta-sidebar-muted);
}

.fi-sidebar-header .fi-icon-btn:hover {
    color: #ffffff;
    background-color: rgba(255, 255, 255, 0.1);
}

/* Keep the logo legible against the navy header. */
.fi-logo img,
.fi-sidebar-header img {
    background-color: #ffffff;
    border-radius: 9999px;
    padding: 0.15rem;
}

/* ----------------------------------------------------------------- topbar */

.fi-topbar nav {
    border-bottom: 1px solid rgb(226 232 240);
}

.dark .fi-topbar nav {
    border-bottom-color: rgb(51 65 85);
}

/* --------------------------------------------------------------- branding */

.fi-simple-page .fi-logo,
.fi-sidebar-header .fi-logo {
    display: flex;
    align-items: center;
    gap: 0.625rem;
    font-weight: 700;
    letter-spacing: -0.01em;
    color: #ffffff;
}

/* Login screen sits on the same navy. */
.fi-simple-layout {
    background: linear-gradient(160deg, var(--vta-navy) 0%, var(--vta-navy-dark) 100%);
}

.fi-simple-layout .fi-logo {
    color: #ffffff;
}

/* ------------------------------------------------------- form facsimiles */

/* The View pages embed the print-exact form; keep the panel from clipping it. */
.vta-facsimile-wrapper {
    overflow-x: auto;
    background: #ffffff;
    padding: 1rem;
    border-radius: 0.5rem;
    border: 1px solid rgb(226 232 240);
}

@media print {
    .fi-sidebar,
    .fi-topbar,
    .fi-header,
    .fi-btn,
    .fi-breadcrumbs {
        display: none !important;
    }

    .fi-main,
    .fi-page,
    .fi-main-ctn {
        padding: 0 !important;
        margin: 0 !important;
        max-width: none !important;
    }

    .vta-facsimile-wrapper {
        border: 0;
        padding: 0;
        overflow: visible;
    }
}