/*
 | Admin panel polish.
 |
 | Simple was the brief, not unstyled. This carries the same typeface, accent
 | and light-only rule as the two apps so the three surfaces read as one
 | product. It is deliberately small: spacing, type and hairlines, nothing
 | decorative.
 */

:root {
    --ey-ink: 47 51 51;
    --ey-muted: 91 96 95;
    --ey-hairline: 226 228 227;
    --ey-ground: 249 249 248;
}

.fi-body {
    font-family: 'Lexend', ui-sans-serif, system-ui, sans-serif;
    background-color: rgb(var(--ey-ground));
    color: rgb(var(--ey-ink));
    -webkit-font-smoothing: antialiased;
}

/* Headings carry a little more weight and a little less letter spacing than
   the default, which reads as considered rather than generic. */
.fi-header-heading,
.fi-section-header-heading,
.fi-modal-heading {
    font-weight: 600;
    letter-spacing: -0.01em;
}

.fi-header-subheading,
.fi-section-header-description {
    color: rgb(var(--ey-muted));
}

/* Hairlines rather than shadows, matching the apps. */
.fi-section,
.fi-ta-ctn,
.fi-wi-stats-overview-stat {
    box-shadow: none;
    border: 1px solid rgb(var(--ey-hairline));
}

/* Tables are the main working surface, so rows get room to breathe and
   headers get quiet, small capitals instead of shouting. */
.fi-ta-header-cell {
    font-size: 0.75rem;
    font-weight: 600;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: rgb(var(--ey-muted));
}

.fi-ta-row .fi-ta-cell {
    padding-top: 0.7rem;
    padding-bottom: 0.7rem;
}

.fi-ta-row:hover {
    background-color: rgb(240 253 250 / 0.5);
}

/* The sidebar is navigation, not decoration. */
.fi-sidebar-nav {
    padding-top: 0.5rem;
}

.fi-sidebar-group-label {
    font-size: 0.7rem;
    font-weight: 600;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    color: rgb(var(--ey-muted));
}

.fi-sidebar-item-label {
    font-weight: 450;
}

/* Buttons sit a touch taller so the panel feels less cramped than default. */
.fi-btn {
    font-weight: 500;
    letter-spacing: 0;
}

/* Dashboard figures are the one place a large number should feel large. */
.fi-wi-stats-overview-stat-value {
    font-weight: 600;
    letter-spacing: -0.02em;
}

/* Money and counts read better aligned and tabular. */
.fi-ta-text-item-label:has(+ *),
.fi-wi-stats-overview-stat-value,
.fi-ta-col-money {
    font-variant-numeric: tabular-nums;
}