/* scheda-nuova.css - font self-hosted (/assets/fonts) + override 'de-AI' direzione A/B */
@font-face{font-family:'IBM Plex Sans';font-style:normal;font-weight:400;font-display:swap;src:url(/assets/fonts/IBMPlexSans-400.woff2) format('woff2');}
@font-face{font-family:'IBM Plex Sans';font-style:normal;font-weight:600;font-display:swap;src:url(/assets/fonts/IBMPlexSans-600.woff2) format('woff2');}
@font-face{font-family:'IBM Plex Mono';font-style:normal;font-weight:500;font-display:swap;src:url(/assets/fonts/IBMPlexMono-500.woff2) format('woff2');}
@font-face{font-family:'IBM Plex Mono';font-style:normal;font-weight:600;font-display:swap;src:url(/assets/fonts/IBMPlexMono-600.woff2) format('woff2');}
@font-face{font-family:'Fraunces';font-style:normal;font-weight:600;font-display:swap;src:url(/assets/fonts/Fraunces-600.woff2) format('woff2');}

/* =========================================================================
   scheda-nuova.css — anteprima grafica "de-AI" per la scheda azienda.
   Attiva SOLO con ?grafica=a (Terminale dati) o ?grafica=b (Editoriale).
   Sovrascrive il design .rg-scheda esistente, scoped sotto .rg.graf.
   I font sono incorporati sopra (@font-face). Nulla di questo tocca la
   scheda di default: senza il parametro questo file non viene nemmeno caricato.
   ========================================================================= */

/* --- CORE: cambia il font di TUTTA la scheda in un colpo (token) --- */
.rg.graf{
  --rg-sans:'IBM Plex Sans', system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --rg-mono:'IBM Plex Mono', ui-monospace, "SF Mono", Consolas, monospace;
}

/* leggerissima calibrazione tipografica generale */
.rg.graf .r1-nome,
.rg.graf h1, .rg.graf h2, .rg.graf h3{ text-wrap:balance; }

/* =======================  TESTATA  ======================= */
.rg.graf .r1-nome{ letter-spacing:-.025em; line-height:1.06; }

/* direzione A — Terminale: titolo Plex Sans stretto */
.rg.graf-a .r1-nome{ font-family:var(--rg-sans); font-weight:600; }

/* direzione B — Editoriale: titoli in Fraunces (serif) */
.rg.graf-b .r1-nome{ font-family:'Fraunces', Georgia, "Times New Roman", serif; font-weight:600; letter-spacing:-.01em; }
.rg.graf-b h2, .rg.graf-b h3, .rg.graf-b .rg-cat-head, .rg.graf-b .rg-r2-h{ font-family:'Fraunces', Georgia, serif; letter-spacing:0; }

/* chips (ATTIVA / SRL / citta' / ateco / dal 1999) -> pill a filetto */
.rg.graf .r1-chip{
  border:1px solid var(--rg-linea); background:var(--rg-superficie);
  border-radius:20px; font-weight:500; color:var(--rg-inchiostro-2);
}

/* riga identificativi (P.IVA / REA / SDI) in mono discreto */
.rg.graf .r1-ids{ font-family:var(--rg-mono); font-size:.82rem; color:var(--rg-inchiostro-2); }
.rg.graf .r1-fonte{ color:var(--rg-inchiostro-3); }

/* =======================  KPI  =======================
   da 5 riquadri con ombra -> una striscia readout a filetti */
.rg.graf .r1-kpi{
  gap:0; border:1px solid var(--rg-linea); border-radius:10px;
  overflow:hidden; background:var(--rg-superficie); box-shadow:none;
}
.rg.graf .r1-kpi-tile{
  border:0; border-right:1px solid var(--rg-linea-2);
  border-radius:0; box-shadow:none; background:transparent;
}
.rg.graf .r1-kpi-tile:last-child{ border-right:0; }
.rg.graf .r1-kpi-val{
  font-family:var(--rg-mono); font-weight:600; letter-spacing:-.01em;
  font-variant-numeric:tabular-nums;
}
.rg.graf .r1-kpi-lab{
  font-family:var(--rg-sans); font-size:.72rem; letter-spacing:.01em;
  color:var(--rg-inchiostro-3);
}

/* =======================  TABELLA "DATI"  =======================
   e' una tabella Bootstrap (.table-primary...): la rendo leggibile
   (sans, allineata a sinistra) invece del "dump" monospace centrato. */
.rg.graf .rg-scheda table.table,
.rg.graf table.table-primary{
  border:1px solid var(--rg-linea) !important;
  --bs-table-bg:transparent;
}
.rg.graf table.table-primary th,
.rg.graf table.table-primary td{
  font-family:var(--rg-sans) !important;
  text-align:left !important;
  vertical-align:middle;
  font-variant-numeric:tabular-nums;
  border-color:var(--rg-linea-2) !important;
}
.rg.graf table.table-primary th{ font-weight:600; color:var(--rg-inchiostro-2); }
.rg.graf table.table-primary td{ color:var(--rg-inchiostro); }

/* serie storica (rg-reg) — filetti coerenti */
.rg.graf table.rg-reg th{ font-family:var(--rg-mono); }
.rg.graf table.rg-reg td{ font-variant-numeric:tabular-nums; }

/* ammorbidisci le ombre generiche dentro la scheda in preview */
.rg.graf .r1-testata{ letter-spacing:0; }

/* =======================  SEZIONI  =======================
   da "scatola col bordo blu + ombra" (Porto featured-box) a filetto pulito */
.rg.graf .featured-box.featured-box-primary{
  box-shadow:none !important;
  border:1px solid var(--rg-linea) !important;
  border-radius:10px !important;
}
.rg.graf .featured-box.featured-box-primary::before,
.rg.graf .featured-box.featured-box-primary::after{ display:none !important; }
/* la barra blu e' un border-top su .box-content (tema Porto) -> filetto grigio */
.rg.graf .featured-box.featured-box-primary .box-content{ background:transparent; border-top:1px solid var(--rg-linea) !important; }

/* =======================  FIRMA: scala del fatturato F1-F9  ======================= */
.rg.graf .rg-fscale{ margin:18px 0 4px; max-width:660px; }
.rg.graf .rg-fscale-cap{
  display:flex; justify-content:space-between; align-items:baseline;
  font-family:var(--rg-mono); font-size:.66rem; letter-spacing:.1em;
  text-transform:uppercase; color:var(--rg-inchiostro-3); margin-bottom:6px;
}
.rg.graf .rg-fscale-cap b{ color:var(--rg-inchiostro); font-weight:600; }
.rg.graf .rg-fscale-bars{ display:grid; grid-template-columns:repeat(9,1fr); gap:3px; }
.rg.graf .rg-fseg{
  height:30px; border-radius:3px; display:flex; align-items:flex-end; justify-content:center;
  padding-bottom:3px; font-family:var(--rg-mono); font-size:.6rem; font-weight:600; color:var(--rg-blu-scuro);
}
.rg.graf .rg-fseg[data-f="1"]{background:var(--rg-f1);} .rg.graf .rg-fseg[data-f="2"]{background:var(--rg-f2);}
.rg.graf .rg-fseg[data-f="3"]{background:var(--rg-f3);} .rg.graf .rg-fseg[data-f="4"]{background:var(--rg-f4);}
.rg.graf .rg-fseg[data-f="5"]{background:var(--rg-f5);color:#fff;} .rg.graf .rg-fseg[data-f="6"]{background:var(--rg-f6);color:#fff;}
.rg.graf .rg-fseg[data-f="7"]{background:var(--rg-f7);color:#fff;} .rg.graf .rg-fseg[data-f="8"]{background:var(--rg-f8);color:#fff;}
.rg.graf .rg-fseg[data-f="9"]{background:var(--rg-f9);color:#fff;}
.rg.graf .rg-fseg.on{ outline:2px solid var(--rg-inchiostro); outline-offset:1px; height:38px; }
.rg.graf .rg-fscale-rng{
  display:grid; grid-template-columns:repeat(9,1fr); gap:3px; margin-top:4px;
  font-family:var(--rg-mono); font-size:.52rem; color:var(--rg-inchiostro-3); text-align:center;
}