/* Tema del backoffice ModelSpace: stessa identità dell'app web (lavanda, angoli morbidi, stile piatto), tema chiaro e scuro.
   Nessun font o asset di terzi. */
:root {
    --ms-ink: oklch(26% 0.025 290);
    --ms-base: oklch(98.6% 0.004 85);
    --ms-base-2: oklch(96.2% 0.007 85);
    --ms-line: oklch(92.5% 0.01 85);
    --ms-lav: oklch(80% 0.085 295);
    --ms-lav-ink: oklch(47% 0.13 295);
}
.dark {
    --ms-ink: oklch(93% 0.01 290);
    --ms-base: oklch(19% 0.015 290);
    --ms-base-2: oklch(16% 0.014 290);
    --ms-line: oklch(26% 0.018 290);
    --ms-lav: oklch(78% 0.09 295);
    --ms-lav-ink: oklch(80% 0.1 295);
}
.fi-body { background-color: var(--ms-base-2); font-feature-settings: 'cv11', 'ss01'; }
.dark .fi-body { background-color: var(--ms-base-2); }

/* Titoli di pagina in Fraunces, come sul sito. */
.fi-header-heading, .fi-simple-header-heading { font-family: 'Fraunces', ui-serif, Georgia, serif; font-weight: 500; letter-spacing: -0.015em; }
.fi-brand, .fi-logo { font-family: 'Fraunces', ui-serif, Georgia, serif; font-weight: 500; letter-spacing: -0.01em; }

/* Superfici piatte con angoli morbidi (card 20 px, campi e pulsanti 12 px). */
.fi-section, .fi-ta-ctn, .fi-wi-stats-overview-stat, .fi-fo-field-wrp .fi-input-wrp, .fi-simple-main, .fi-dropdown-panel {
    --tw-shadow: 0 0 #0000; --tw-shadow-colored: 0 0 #0000; box-shadow: none;
}
.fi-section, .fi-ta-ctn, .fi-wi-stats-overview-stat, .fi-simple-main { border-radius: 1.25rem; }
.fi-dropdown-panel { border-radius: 1rem; box-shadow: 0 8px 28px -8px rgb(20 15 40 / 0.28), 0 2px 6px rgb(20 15 40 / 0.08); }
.fi-input-wrp, .fi-btn, .fi-select-input, .fi-badge { border-radius: 0.75rem; }
.fi-badge { border-radius: 9999px; }
.fi-sidebar { background-color: var(--ms-base-2); }
.fi-topbar nav { background-color: color-mix(in oklab, var(--ms-base) 90%, transparent); backdrop-filter: blur(12px); }
.fi-sidebar-item-active > .fi-sidebar-item-btn { background-color: color-mix(in oklab, var(--ms-lav) 38%, transparent); }
.fi-sidebar-item-active .fi-sidebar-item-label { color: var(--ms-ink); font-weight: 600; }
.fi-sidebar-item-active .fi-icon { color: var(--ms-lav-ink); }

/* Focus sempre visibile. */
:is(a, button, input, select, textarea, summary, [tabindex]):focus-visible { outline: 2px solid var(--ms-lav-ink); outline-offset: 2px; }

/* Numeri tabulari nelle tabelle e nei widget. */
.fi-ta-table, .fi-wi-stats-overview-stat-value { font-variant-numeric: tabular-nums; }

@media (prefers-reduced-motion: reduce) { *, *::before, *::after { animation-duration: .01ms !important; transition-duration: .01ms !important; scroll-behavior: auto !important; } }