/*
 * Ballpark Cards look for the admin, matching ballparkcards.shop:
 * navy bar, red accents (Filament "primary"), condensed uppercase headings.
 * Plain CSS loaded by AdminPanelProvider, so no asset build is needed.
 */
:root {
    --bp-navy: #1b2e4e;
    --bp-navy-deep: #13213a;
    --bp-red: #b22b2e;
    --bp-sky: #7ca4d4;
    --bp-heading-font: 'Roboto Condensed', 'Arial Narrow', sans-serif;
}

/* Brand mark */
.bp-brand { display: inline-flex; align-items: center; gap: .6rem; }
.bp-brand-mark { height: 2.5rem; width: 2.5rem; border-radius: 9999px; background: #fff; padding: 2px; }
.bp-brand-name {
    font-family: var(--bp-heading-font);
    font-weight: 700;
    font-size: 1.15rem;
    letter-spacing: .04em;
    text-transform: uppercase;
    color: var(--bp-navy);
    white-space: nowrap;
}
.bp-brand-sub { color: var(--bp-red); }
.dark .bp-brand-name { color: #fff; }
.dark .bp-brand-sub { color: var(--bp-sky); }

/* Navy top bar with a red rule, in light and dark mode */
.fi-topbar {
    background: var(--bp-navy);
    border-bottom: 3px solid var(--bp-red);
    --tw-ring-color: transparent;
}
.dark .fi-topbar { background: var(--bp-navy-deep); }
.fi-topbar .bp-brand-name { color: #fff; }
.fi-topbar .bp-brand-sub { color: var(--bp-sky); }
.fi-topbar .fi-icon-btn,
.fi-topbar .fi-icon-btn .fi-icon { color: rgb(255 255 255 / .85); }
.fi-topbar .fi-icon-btn:hover .fi-icon { color: #fff; }
.fi-topbar .fi-global-search-field .fi-input-wrp {
    background: rgb(255 255 255 / .1);
    --tw-ring-color: rgb(255 255 255 / .2);
}
.fi-topbar .fi-global-search-field .fi-input,
.fi-topbar .fi-global-search-field .fi-input-wrp-prefix .fi-icon { color: #fff; }
.fi-topbar .fi-global-search-field .fi-input::placeholder { color: rgb(255 255 255 / .6); }

/* Condensed uppercase headings, like the website */
.fi-header-heading,
.fi-simple-header-heading,
.fi-section-header-heading,
.fi-wi-stats-overview-stat-value {
    font-family: var(--bp-heading-font);
    letter-spacing: .02em;
}
.fi-header-heading,
.fi-simple-header-heading {
    text-transform: uppercase;
    font-weight: 800;
    color: var(--bp-navy);
}
.dark .fi-header-heading,
.dark .fi-simple-header-heading { color: #fff; }

/* Active sidebar item: red marker */
.fi-sidebar-item.fi-active > .fi-sidebar-item-btn { box-shadow: inset 3px 0 0 var(--bp-red); }