/* Colori, caratteri e spaziature usati dalla dashboard. Modifica qui per cambiare l'aspetto. */
:root {
  color-scheme: light;
  --font-anthropic-sans: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --font-anthropic-serif: "Iowan Old Style", "Palatino Linotype", Palatino, Georgia, "Times New Roman", serif;

  --color-bg: #f6f7f9;
  --color-panel: #ffffff;
  --color-fg: #1b2330;
  --color-fg-muted: #5d6879;
  --color-border-line: #dfe3ea;
  --color-ok: #1d7a46;
  --color-warn: #a35c00;
  --color-bad: #c0352b;

  --serie-1: #2457c5;
  --serie-2: #d9822b;
  --serie-3: #2a9d8f;
  --serie-4: #8e5cc2;
  --serie-5: #c94f7c;
  --serie-6: #6c8c2a;
  --serie-7: #3a8fc9;
  --serie-8: #8a6d3b;

  --cds-chart-muted: #b8c0cc;
  --cds-chart-grid: #e8ebf0;
  --cds-chart-axis: #9aa3b0;
  --cds-chart-reference: #7d8796;
  --cds-chart-status-critical: #d64534;

  --cds-surface-popover: #ffffff;
  --cds-border: #d3d8e0;
  --cds-shadow-popover: 0 6px 20px rgba(20, 30, 45, 0.14);
  --cds-text-secondary: #5d6879;

  --cds-font-size-caption: 0.8125rem;
  --cds-font-size-body: 0.9375rem;
  --cds-font-size-heading: 1.0625rem;
  --cds-font-size-title: 1.75rem;
  --cds-font-weight-medium: 600;

  --cds-gap-xs: 0.25rem;
  --cds-gap-sm: 0.5rem;
  --cds-gap-md: 1rem;
  --cds-gap-lg: 1.5rem;
  --cds-gap-xl: 2rem;
  --cds-pad-xs: 0.25rem;
  --cds-pad-sm: 0.5rem;
  --cds-pad-md: 0.75rem;
  --cds-pad-lg: 1.125rem;
  --cds-pad-xl: 1.5rem;
  --cds-radius: 8px;
  --cds-dur-slow: 240ms;
  --cds-ease-out: cubic-bezier(0.2, 0.7, 0.2, 1);
}
@media (prefers-color-scheme: dark) {
  :root {
    color-scheme: dark;
    --color-bg: #12161d;
    --color-panel: #1a2029;
    --color-fg: #e7ebf1;
    --color-fg-muted: #9aa5b5;
    --color-border-line: #2c3440;
    --color-ok: #4cc283;
    --color-warn: #e0a24a;
    --color-bad: #f07167;
    --serie-1: #6e9bff;
    --serie-2: #f0a35c;
    --serie-3: #4cc0b0;
    --serie-4: #b48ce6;
    --serie-5: #e57fa6;
    --serie-6: #9cbf4f;
    --serie-7: #6cb6e8;
    --serie-8: #c9a46a;
    --cds-chart-muted: #4b5563;
    --cds-chart-grid: #252c37;
    --cds-chart-axis: #5b6574;
    --cds-chart-reference: #8792a2;
    --cds-chart-status-critical: #f07167;
    --cds-surface-popover: #222935;
    --cds-border: #364050;
    --cds-shadow-popover: 0 6px 20px rgba(0, 0, 0, 0.45);
    --cds-text-secondary: #9aa5b5;
  }
}

[hidden] { display: none !important; }
* { box-sizing: border-box; }
html, body { margin: 0; }
body {
  background: var(--color-bg);
  color: var(--color-fg);
  font-family: var(--font-anthropic-sans);
  font-size: 15px;
  -webkit-font-smoothing: antialiased;
}
#dash-root {
  max-width: 1280px;
  margin-inline: auto;
  padding-block: 1.5rem 3rem;
  padding-left: max(16px, env(safe-area-inset-left, 0px));
  padding-right: max(16px, env(safe-area-inset-right, 0px));
}
.dash-skeleton { position: relative; color: transparent !important; }
.dash-skeleton::after {
  content: ""; position: absolute; left: 0; top: 50%; transform: translateY(-50%);
  width: min(6rem, 100%); height: 0.8em; border-radius: 4px; background: var(--color-border-line);
}
div.dash-skeleton::after { top: 0; transform: none; width: 100%; height: 100%; opacity: 0.45; }
@media (prefers-reduced-motion: no-preference) {
  .dash-skeleton::after { animation: it-pulse 1.2s ease-in-out infinite; }
  @keyframes it-pulse { 50% { opacity: 0.25; } }
}
.it-import-bar { display: flex; flex-wrap: wrap; gap: var(--cds-gap-sm); align-items: center; background: var(--color-panel); border: 1px solid var(--color-warn); border-radius: var(--cds-radius); padding: var(--cds-pad-sm) var(--cds-pad-md); font-size: var(--cds-font-size-caption); }
.it-import-bar b { color: var(--color-warn); }
.it-ok-line::before { background: var(--color-ok) !important; }
input[type="file"].it-input { padding: 6px; }