/*
 * FinePass design-system finish for the Filament panels (ops + portal).
 * The teal/stone/state palette is applied in code via App\Support\Brand
 * (panel ->colors), which warms every surface. This static file adds the
 * touches Filament's colour variables don't cover: IBM Plex Mono for
 * references/plates/amounts, restrained radii and soft warm-neutral shadows on
 * cards, and civic-style sidebar group labels. Linked from both panels via a
 * HEAD_END render hook (no build step, deploy-safe).
 */
@import url("https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@400;500;600&display=swap");

:root {
    --fp-mono: "IBM Plex Mono", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
    --fp-radius-card: 12px;
    --fp-radius-control: 8px;
    --fp-shadow-card: 0 1px 2px rgba(30, 28, 24, 0.06), 0 1px 3px rgba(30, 28, 24, 0.08);
    --fp-shadow-raised: 0 2px 4px rgba(30, 28, 24, 0.06), 0 4px 12px rgba(30, 28, 24, 0.08);
}

/* Mono for references, plates and amounts (Filament's fontFamily('mono')). */
.fi-body .font-mono,
.fi-body [class~="font-mono"] {
    font-family: var(--fp-mono);
    letter-spacing: 0.01em;
}

/* Cards / sections / widgets: 12px radius, soft warm-neutral shadow (the DS
   favours borders + a low shadow over heavy elevation). */
.fi-section,
.fi-wi-stats-overview-stat,
.fi-ta-ctn,
.fi-fo-component-ctn > .fi-section {
    border-radius: var(--fp-radius-card);
    box-shadow: var(--fp-shadow-card);
}

/* Controls: restrained 8px radius. */
.fi-input,
.fi-select-input,
.fi-btn,
.fi-badge {
    border-radius: var(--fp-radius-control);
}
.fi-badge {
    border-radius: var(--fp-radius-control);
}

/* Sidebar group labels: small, uppercase, tracked — civic infrastructure feel. */
.fi-sidebar-group-label {
    text-transform: uppercase;
    letter-spacing: 0.06em;
    font-size: 0.6875rem;
    font-weight: 600;
}

/* Primary buttons: nudge down 1px on press, no bounce (DS interaction). */
.fi-btn:active {
    transform: translateY(1px);
}