/*
| Portal polish on top of Filament, from design/Portal Style Guide.dc.html. Registered in AppServiceProvider and published with
| `php artisan filament:assets`. Money and counts use tabular numerals so columns line up; motion respects reduced-motion.
*/
.fi-ta-cell,
.fi-wi-stats-overview-stat-value,
.fi-in-text-item,
.tabular-nums {
    font-variant-numeric: tabular-nums;
}

.fi-wi-stats-overview-stat-value {
    font-weight: 600;
    letter-spacing: -0.035em;
}

/* Hairline borders, no drop shadows except overlays (the style guide). */
.fi-section,
.fi-ta-ctn,
.fi-wi-stats-overview-stat {
    box-shadow: none;
}

:focus-visible {
    outline: 2px solid #f15935;
    outline-offset: 2px;
}

@media (prefers-reduced-motion: reduce) {
    *,
    *::before,
    *::after {
        animation: none !important;
        transition: none !important;
    }
}

/* Geist for headings and figures, Geist Mono for ids and commits (the style guide's type scale). */
.fi-header-heading,
.fi-section-header-heading,
.fi-wi-stats-overview-stat-value,
.fi-ta-header-heading {
    font-family: 'Geist', 'Figtree', system-ui, sans-serif;
    letter-spacing: -0.03em;
}

.fi-header-heading {
    font-weight: 600;
}

.font-mono,
.fi-ta-text-item.font-mono {
    font-family: 'Geist Mono', ui-monospace, SFMono-Regular, Menlo, monospace;
}

/* Phones: tables scroll sideways (Filament's default) with slightly smaller text. The design's card-per-row layout is not built. */
@media (max-width: 899px) {
    .fi-ta-content {
        font-size: 0.875rem;
    }
}