/*
 * TrueVisit "Cobalt" admin theme.
 *
 * Colors and font are already applied via ->colors()/->font() in
 * AdminPanelProvider (which drive Filament's runtime CSS variables and
 * precompiled bundle). Filament v3 does not support Tailwind v4, so this
 * file is registered as a plain static asset (no Tailwind/Vite build) and
 * only overrides the handful of structural details - radius, focus ring,
 * table header treatment - that ->colors()/->font() don't reach.
 *
 * Deeper pixel-matching against the reference design is Phase 9 polish.
 */

.fi-btn,
.fi-input,
.fi-select-input,
.fi-badge,
.fi-dropdown-panel,
.fi-fo-field-wrp,
.fi-ta-table {
    border-radius: 6px;
}

.fi-section,
.fi-modal-window,
.fi-in-card,
.fi-wi-stats-overview-stat {
    border-radius: 8px;
}

.fi-input:focus,
.fi-select-input:focus,
.fi-input:focus-within {
    box-shadow: 0 0 0 3px rgba(21, 96, 172, 0.22);
}

.fi-ta-header-cell {
    background-color: #FAFBFB;
    font-size: 11px;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    font-weight: 650;
    color: #6E7883;
}

.fi-ta-row {
    height: 40px;
}

/*
 * Dashboard stat cards that link somewhere (App\Filament\Widgets\DashboardStatsWidget
 * now sets ->url() on every stat). Filament renders a stat as <a> only when it
 * has a URL and <div> otherwise (see stats-overview-widget/stat.blade.php), so
 * scoping this to the anchor tag automatically limits the hover treatment to
 * cards that are actually clickable — nothing needs updating here if a future
 * stat is added without a URL.
 */
a.fi-wi-stats-overview-stat {
    display: block;
    cursor: pointer;
    transition: transform 150ms ease, box-shadow 150ms ease, border-color 150ms ease;
}

a.fi-wi-stats-overview-stat:hover {
    transform: translateY(-3px);
    box-shadow: 0 12px 24px -8px rgba(21, 96, 172, 0.25), 0 0 0 1px rgba(21, 96, 172, 0.18);
}

a.fi-wi-stats-overview-stat:focus-visible {
    outline: 2px solid #1560AC;
    outline-offset: 2px;
}

@media (prefers-reduced-motion: reduce) {
    a.fi-wi-stats-overview-stat {
        transition: none;
    }

    a.fi-wi-stats-overview-stat:hover {
        transform: none;
    }
}