/*
 * Concept admin: calm look (approved 2026-11-01). Warm off-white page, white cards with a soft
 * shadow instead of borders, generous spacing, orange only for the main action and the current page.
 * Dark mode keeps Filament's dark palette with the same shapes.
 */
:root { --concept-page: #f6f5f2; --concept-card-shadow: 0 1px 2px rgba(23, 23, 27, .04), 0 8px 24px rgba(23, 23, 27, .06); --concept-radius: 18px; }

.fi-body { background-color: var(--concept-page); letter-spacing: -0.005em; }
.fi-body:where(.dark, .dark *) { background-color: #111114; }

/* Sidebar: no hard edge, quiet group labels, soft active pill. */
.fi-sidebar { background: transparent; }
.fi-sidebar-group-label { font-size: .72rem; font-weight: 600; letter-spacing: .04em; color: var(--gray-400); }
.fi-sidebar-item-btn { border-radius: 12px; }
.fi-sidebar-item.fi-active > .fi-sidebar-item-btn { background-color: #ffede3; }
.fi-sidebar-item.fi-active > .fi-sidebar-item-btn:where(.dark, .dark *) { background-color: #2e1c14; }
.fi-topbar > nav, .fi-topbar { box-shadow: none; }

/* Cards: sections, tables, widgets, stats. */
.fi-section:not(.fi-section-not-contained),
.fi-ta-ctn,
.fi-wi-chart,
.fi-wi-stats-overview-stat {
    border-radius: var(--concept-radius);
    box-shadow: var(--concept-card-shadow);
    --tw-ring-color: transparent;
    border-color: transparent;
}
.fi-section:not(.fi-section-not-contained):where(.dark, .dark *),
.fi-ta-ctn:where(.dark, .dark *),
.fi-wi-chart:where(.dark, .dark *),
.fi-wi-stats-overview-stat:where(.dark, .dark *) { box-shadow: none; background-color: #1a1a1f; }

/* KPI cards: label, one big number, a small trend. */
.fi-wi-stats-overview-stat { padding: 1.25rem 1.4rem; }
.fi-wi-stats-overview-stat-label { font-size: .85rem; font-weight: 500; color: var(--gray-500); }
.fi-wi-stats-overview-stat-value { font-size: 2rem; font-weight: 700; letter-spacing: -0.03em; margin-top: .15rem; }
.fi-wi-stats-overview-stat-description { font-size: .8rem; font-weight: 600; }

/* Page and section headings in sentence case, a little lighter. */
.fi-header-heading { font-weight: 700; letter-spacing: -0.025em; }
.fi-section-header-heading, .fi-ta-header-heading { font-weight: 650; letter-spacing: -0.01em; }

/* Tables: airy rows, no zebra noise. */
.fi-ta-row { transition: background-color .12s ease; }

.fi-ta-header-cell { font-size: .78rem; font-weight: 600; color: var(--gray-500); }

/* Inputs and buttons: rounder. */
.fi-input-wrp { border-radius: 12px; }
.fi-btn { border-radius: 12px; font-weight: 600; }
.fi-badge { border-radius: 999px; font-weight: 600; }
.fi-tabs { border-radius: 14px; box-shadow: none; }

/* The one main action: full Concept orange (Filament's generated shade is lighter). */
.fi-btn.fi-color-primary:not(.fi-outlined):not(.fi-fo-toggle-buttons *) { background-color: #f95500; color: #fff; }
.fi-btn.fi-color-primary:not(.fi-outlined):not(.fi-fo-toggle-buttons *):hover { background-color: #e04c00; }
.fi-ta-cell { padding-block: .6rem; }

/* Room between controls (agreed 2026-11-06): nothing touches its neighbour. */
.fi-fo-toggle-buttons.fi-inline, .fi-fo-toggle-buttons-wrp .fi-fo-toggle-buttons { gap: .5rem; }
.fi-fo-toggle-buttons .fi-btn { padding-inline: 1rem; }
.fi-ac { gap: .75rem; }
.fi-header-actions-ctn { gap: .75rem; }
.fi-ta-actions { gap: .75rem; }
.fi-tabs { gap: .35rem; padding: .35rem; }
.fi-tabs-item { padding-inline: .9rem; border-radius: 10px; }
.fi-ta-header-toolbar { gap: .75rem; }