/* Pannello Redazione · stessi colori e caratteri del sito e del gestionale della pubblicità */
:root{
  --calce:#F6F3ED;--carta:#FFFFFF;--ink:#252B29;--muted:#5C6460;--line:#DCD6CB;--line-2:#E9E4DA;
  --brand:#183F47;--brand-2:#0F2E34;--brand-t:#E4ECEC;--ottone:#A27B2C;
  --ok:#2E6B3F;--ok-t:#D9ECD9;--warn:#7A5600;--warn-t:#F8E7B5;--err:#8A2B1E;--err-t:#F6DDD0;--info:#1F4E79;--info-t:#DCE8F4;
  --serif:"Source Serif 4",Georgia,serif;--sans:"Public Sans",system-ui,"Segoe UI",sans-serif;--mono:ui-monospace,Consolas,monospace;
  --raggio:3px;color-scheme:light;
}
@media (prefers-color-scheme:dark){:root{--calce:#121918;--carta:#1B2423;--ink:#E8E5DF;--muted:#A9B3AF;--line:#34413F;--line-2:#29332F;
  --brand:#8CC5CB;--brand-2:#0B100F;--brand-t:#1D2B2A;--ottone:#D2AA5C;
  --ok:#8FCB9C;--ok-t:#1E3122;--warn:#E3C063;--warn-t:#33290F;--err:#E59A7A;--err-t:#3A1F1A;--info:#8DB8E0;--info-t:#1A2836;color-scheme:dark}}
*{box-sizing:border-box}
html{font-size:16.5px}
body{margin:0;background:var(--calce);color:var(--ink);font:1rem/1.55 var(--sans);-webkit-font-smoothing:antialiased}
h1,h2,h3{font-family:var(--serif);font-weight:600;line-height:1.2;margin:0}
h1{font-size:1.8rem}h2{font-size:1.4rem}h3{font-size:1.05rem;margin:18px 0 6px}
p{margin:0 0 10px}
a{color:var(--brand)}
code{font-family:var(--mono);font-size:.85em;background:var(--line-2);padding:1px 6px;border-radius:2px;word-break:break-all}
[hidden]{display:none!important}
button{font:600 .9rem/1.2 var(--sans);background:var(--brand);color:#fff;border:1px solid var(--brand);border-radius:var(--raggio);padding:9px 15px;cursor:pointer;display:inline-flex;align-items:center;gap:6px}
@media (prefers-color-scheme:dark){button:not(.sec):not(.pericolo):not(.filtro){color:#0B100F}}
button:hover{filter:brightness(1.1)}
button.sec{background:var(--carta);color:var(--brand);border-color:var(--line)}
button.pericolo{background:var(--carta);color:var(--err);border-color:var(--line)}
button.pericolo:hover{border-color:var(--err);filter:none}
button.ok{background:var(--ok);border-color:var(--ok)}
button.mini{padding:5px 10px;font-size:.82rem}
button[disabled]{opacity:.45;cursor:not-allowed;filter:none}
:focus-visible{outline:3px solid var(--ottone);outline-offset:2px}
input,textarea{font:inherit;font-size:.95rem;color:var(--ink);background:var(--carta);border:1px solid var(--line);border-radius:var(--raggio);padding:9px 11px;width:100%}
textarea{resize:vertical;line-height:1.5}
label{display:block;font-size:.85rem;font-weight:600;margin:10px 0 4px}
.aiuto{font-size:.85rem;color:var(--muted)}
.errore{color:var(--err);font-size:.9rem}

/* accesso */
.accesso{min-height:100vh;display:grid;place-items:center;padding:24px}
.scheda{background:var(--carta);border-top:4px solid var(--brand);border-radius:var(--raggio);padding:28px;width:min(420px,100%);box-shadow:0 1px 2px rgba(0,0,0,.06)}
.scheda button{margin-top:14px;width:100%;justify-content:center}

/* testa */
.testa{background:var(--carta);border-bottom:4px solid var(--brand);display:flex;align-items:center;gap:18px;padding:10px 20px;position:sticky;top:0;z-index:10;flex-wrap:wrap}
.marchio{display:flex;flex-direction:column;line-height:1.1}
.logo{font:700 1.05rem/1 "Barlow Condensed","Arial Narrow",var(--sans);letter-spacing:.06em;color:var(--brand)}
.sezione{font-size:.78rem;color:var(--muted)}
.filtri{display:flex;gap:4px;flex-wrap:wrap;flex:1}
.filtro{background:none;color:var(--ink);border-color:transparent;padding:6px 10px;font-weight:600;font-size:.86rem}
.filtro b{background:var(--line-2);border-radius:10px;padding:0 7px;font-size:.78rem;margin-left:4px}
.filtro.attivo{background:var(--brand-t);border-color:var(--brand-t);color:var(--brand)}
.comandi{display:flex;gap:6px;align-items:center}
#stop.acceso{background:var(--err);border-color:var(--err);color:#fff}

/* cruscotto */
.cruscotto{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:10px;padding:14px 20px 0}
.cruscotto .voce{background:var(--carta);border-radius:var(--raggio);padding:10px 14px;border-left:3px solid var(--line)}
.cruscotto .voce b{display:block;font-size:1.25rem;font-family:var(--serif)}
.cruscotto .voce.avviso{border-left-color:var(--warn)}
.cruscotto .voce.male{border-left-color:var(--err)}
.cruscotto .voce.bene{border-left-color:var(--ok)}
.cruscotto small{color:var(--muted);font-size:.78rem}

/* due colonne */
.due{display:grid;grid-template-columns:minmax(280px,360px) minmax(0,1fr);gap:16px;padding:14px 20px 40px;align-items:start}
.due>*{min-width:0}
@media (max-width:900px){.due{grid-template-columns:1fr}}
.lavori{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}
.lavori li{background:var(--carta);border-radius:var(--raggio);border-left:3px solid var(--line);padding:10px 12px;cursor:pointer}
.lavori li:hover{border-left-color:var(--ottone)}
.lavori li.scelto{border-left-color:var(--brand);outline:1px solid var(--brand)}
.lavori .t{font-weight:600;display:block;line-height:1.3}
.lavori .m{font-size:.8rem;color:var(--muted);display:flex;gap:8px;flex-wrap:wrap;margin-top:4px}
.tag{display:inline-block;font-size:.74rem;font-weight:600;padding:1px 7px;border-radius:10px;background:var(--line-2);color:var(--ink);text-transform:uppercase;letter-spacing:.03em}
.tag.in_attesa_approvazione{background:var(--warn-t);color:var(--warn)}
.tag.approvato,.tag.pubblicato,.tag.ok{background:var(--ok-t);color:var(--ok)}
.tag.respinto,.tag.fallito,.tag.scartato,.tag.alto,.tag.errore{background:var(--err-t);color:var(--err)}
.tag.sospeso,.tag.medio{background:var(--info-t);color:var(--info)}
.tag.stub{background:var(--brand-t);color:var(--brand)}

/* dettaglio */
.dettaglio{background:var(--carta);border-radius:var(--raggio);border-top:4px solid var(--brand);padding:18px 20px;min-height:300px}
.intesta .meta{color:var(--muted);font-size:.86rem;margin-top:6px}
.etichette{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:6px}
.azioni{background:var(--calce);border-radius:var(--raggio);padding:12px 14px;margin:14px 0}
.impronta{font-size:.84rem;color:var(--muted)}
.bottoni{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}
.esito{margin:8px 0 0;font-size:.9rem;min-height:1.2em}
.esito.ok{color:var(--ok)}.esito.errore{color:var(--err)}
.schede{display:flex;gap:2px;border-bottom:1px solid var(--line);margin-top:14px}
.scheda-tab{background:none;color:var(--muted);border:none;border-bottom:3px solid transparent;border-radius:0;padding:8px 12px;font-size:.88rem}
.scheda-tab.attivo{color:var(--brand);border-bottom-color:var(--brand)}
.pannello-scheda{padding-top:14px}
.anteprima{width:100%;height:min(78vh,900px);border:1px solid var(--line);border-radius:var(--raggio);background:#fff}
pre.testo,pre.diff{font:.82rem/1.5 var(--mono);white-space:pre-wrap;word-break:break-word;background:var(--calce);padding:12px;border-radius:var(--raggio);max-height:75vh;overflow:auto;margin:0}
.diff .add{color:var(--ok)}.diff .del{color:var(--err)}.diff .hunk{color:var(--info)}.diff .file{font-weight:700}
.storia{list-style:none;margin:0;padding:0}
.storia li{padding:8px 0;border-bottom:1px solid var(--line-2);font-size:.9rem}
.storia time{color:var(--muted);font-size:.8rem;margin-right:8px}
table{border-collapse:collapse;width:100%;font-size:.9rem}
td,th{text-align:left;padding:6px 8px;border-bottom:1px solid var(--line-2);vertical-align:top}
th{font-size:.8rem;color:var(--muted);font-weight:600}

/* ===== cruscotto (11/11/2026): viste Programma, Nuova richiesta, Come lavorano ===== */
.viste{display:flex;gap:4px;flex-wrap:wrap;flex:1}
.vista{background:none;color:var(--ink);border-color:transparent;padding:7px 12px;font-size:.9rem}
.vista b{background:var(--warn-t);color:var(--warn);border-radius:10px;padding:0 7px;font-size:.78rem;margin-left:2px}
.vista.attivo{background:var(--brand);border-color:var(--brand);color:#fff}
@media (prefers-color-scheme:dark){.vista:not(.attivo){color:var(--ink)!important}}
#vista-approvazioni .filtri{padding:12px 20px 0}
.pagina{padding:14px 20px 48px;display:flex;flex-direction:column;gap:14px;max-width:1200px}
.riquadro{background:var(--carta);border-radius:var(--raggio);border-top:3px solid var(--brand);padding:16px 18px}
.riquadro>h2{font-size:1.15rem;margin-bottom:8px}
.riquadro h2 small{font-family:var(--sans);font-weight:400}
.griglia-2{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,340px),1fr));gap:14px}
.banner{border-radius:var(--raggio);padding:12px 16px;font-weight:600}
.banner.bene{background:var(--ok-t);color:var(--ok)}
.banner.male{background:var(--err-t);color:var(--err)}
.banner ul{margin:6px 0 0;padding-left:18px;font-weight:400}
.orari{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}
.orari li{display:grid;grid-template-columns:92px 1fr;gap:10px;align-items:start}
.orari .ora{font:600 1rem var(--serif);color:var(--brand)}
.orari b{display:block}
.vuoto{color:var(--muted);font-size:.9rem;padding:6px 0}
.fasi{display:flex;gap:4px;flex-wrap:wrap;margin-top:6px}
.fase{font-size:.75rem;padding:2px 8px;border-radius:10px;background:var(--line-2);color:var(--muted)}
.fase.fatta{background:var(--ok-t);color:var(--ok)}
.fase.ora{background:var(--warn-t);color:var(--warn)}
.tag.tua{background:var(--brand);color:#fff}
.tag.subito{background:var(--warn-t);color:var(--warn)}
.barra{display:grid;grid-template-columns:130px 1fr 52px;gap:8px;align-items:center;font-size:.86rem;margin:5px 0}
.barra .traccia{height:9px;background:var(--line-2);border-radius:5px;overflow:hidden}
.barra .pieno{height:100%;background:var(--brand);border-radius:5px}
.barra .pieno.colmo{background:var(--err)}
.barra .n{text-align:right;color:var(--muted)}
.piega{margin-top:10px}
.piega summary{cursor:pointer;font-weight:600;font-size:.9rem;color:var(--brand)}
.tabella-scorre{overflow-x:auto}
.tabella-scorre td:first-child{white-space:nowrap}
/* modulo richiesta */
.modulo fieldset{border:none;margin:0;padding:14px 0;border-top:1px solid var(--line-2)}
.modulo legend{font:600 1rem var(--serif);display:flex;align-items:center;gap:8px;padding:0}
.num{display:inline-grid;place-items:center;width:24px;height:24px;border-radius:50%;background:var(--brand);color:#fff;font:700 .8rem var(--sans)}
@media (prefers-color-scheme:dark){.num,.tag.tua,.vista.attivo{color:#0B100F}}
.scelte{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));gap:10px;margin-top:8px}
.carta-scelta{position:relative;display:block;margin:0;padding:12px 14px 12px 40px;border:1.5px solid var(--line);border-radius:var(--raggio);cursor:pointer;font-weight:400;background:var(--carta)}
.carta-scelta input{position:absolute;left:14px;top:15px;width:auto;margin:0;accent-color:var(--brand)}
.carta-scelta b{display:block;font-size:.95rem}
.carta-scelta span{font-size:.84rem;color:var(--muted)}
.carta-scelta:has(input:checked){border-color:var(--brand);background:var(--brand-t)}
select{font:inherit;font-size:.95rem;color:var(--ink);background:var(--carta);border:1px solid var(--line);border-radius:var(--raggio);padding:9px 11px;width:100%;max-width:360px}
.righe{display:flex;flex-direction:column;gap:10px;margin:12px 0 10px}
.riga{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr) auto;gap:8px;align-items:end;background:var(--calce);padding:10px;border-radius:var(--raggio)}
.riga label{margin-top:0}
.riga.refresh{grid-template-columns:minmax(0,1fr) auto;align-items:center}
@media (max-width:640px){.riga{grid-template-columns:1fr}}
.chips{display:flex;flex-wrap:wrap;gap:6px;margin:8px 0 10px}
.chip{background:var(--carta);color:var(--brand);border:1px dashed var(--brand);border-radius:14px;padding:4px 11px;font-size:.82rem;font-weight:600}
.chip.usato{border-style:solid;background:var(--brand-t)}
.modulo .bottoni{border-top:1px solid var(--line-2);padding-top:14px}
.anteprima-prompt{margin-top:14px;border-top:1px solid var(--line-2);padding-top:12px}
.anteprima-prompt details{background:var(--calce);border-radius:var(--raggio);padding:8px 12px;margin:8px 0}
.anteprima-prompt summary{cursor:pointer;font-weight:600}
.anteprima-prompt pre{font:.8rem/1.5 var(--mono);white-space:pre-wrap;word-break:break-word;margin:8px 0 0;max-height:420px;overflow:auto}
/* come lavorano */
.filiera{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:6px;align-items:center}
.filiera li{background:var(--brand-t);color:var(--brand);border-radius:var(--raggio);padding:7px 11px;font-size:.86rem;font-weight:600;display:flex;flex-direction:column;line-height:1.25}
.filiera li small{font-weight:400;color:var(--muted);font-size:.74rem}
.filiera li.umano{background:var(--warn-t);color:var(--warn)}
.filiera li.script{background:var(--line-2);color:var(--ink)}
.filiera .freccia{background:none;color:var(--muted);padding:0}
.carte{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:10px}
.carta-agente{border:1px solid var(--line);border-radius:var(--raggio);padding:12px 14px;border-left:4px solid var(--line)}
.carta-agente.auto{border-left-color:var(--ok)}
.carta-agente h3{margin:0 0 4px;text-transform:capitalize}
.carta-agente p{font-size:.88rem}
.carta-agente .meta{font-size:.78rem;color:var(--muted)}
.regole-gruppo ul{margin:4px 0 0;padding-left:18px;font-size:.9rem}
.regole-gruppo li{margin:3px 0}
.elenco-skill{margin:0;padding-left:18px;font-size:.9rem}
.elenco-skill li{margin:6px 0}
@media (prefers-color-scheme:dark){.chip{color:var(--brand)!important}.chip.usato{color:var(--brand)!important}}
.riga label input{font-weight:400;font-size:.95rem;margin-top:4px}

/* ===== cruscotto v2 (11/11/2026): aiuti, inizio, temi, ordine, statistiche, calendario, guida ===== */
.q{display:inline-grid;place-items:center;width:20px;height:20px;padding:0;border-radius:50%;background:var(--brand-t);color:var(--brand);border:1px solid var(--brand);font:700 .72rem/1 var(--sans);vertical-align:middle;cursor:help;flex:none}
.q:hover,.q[aria-expanded="true"]{background:var(--brand);color:var(--carta);filter:none}
@media (prefers-color-scheme:dark){.q{color:var(--brand)!important}.q:hover,.q[aria-expanded="true"]{color:#0B100F!important}}
.popaiuto{position:absolute;z-index:50;background:var(--carta);color:var(--ink);border:1px solid var(--line);border-top:4px solid var(--ottone);border-radius:var(--raggio);box-shadow:0 8px 28px rgba(0,0,0,.18);padding:12px 14px 10px;font-size:.88rem;line-height:1.5}
.popaiuto b{display:block;font:600 1rem var(--serif);margin:0 22px 6px 0}
.popaiuto p{margin:0 0 8px;white-space:pre-line}
.popaiuto .chiudi{position:absolute;top:6px;right:6px;background:none;border:none;color:var(--muted);padding:4px 6px;font-size:.9rem}
button.link{background:none;border:none;color:var(--brand);padding:0;font-weight:600;text-align:left;cursor:pointer}
button.link:hover{text-decoration:underline;filter:none}
@media (prefers-color-scheme:dark){button.link,.popaiuto .chiudi{color:var(--brand)!important}}
.intro-vista{margin:0;color:var(--muted);font-size:.95rem;display:flex;gap:8px;align-items:center;flex-wrap:wrap}
#vista-approvazioni .intro-vista{padding:14px 20px 0}
.vista.evidenza:not(.attivo){border-color:var(--brand);color:var(--brand)}
.banner.avviso{background:var(--warn-t);color:var(--warn)}
.banner .problema{font-weight:400;margin-top:6px}
.banner .problema div{margin-top:4px;font-size:.9rem}
.cruscotto small .q{width:17px;height:17px;font-size:.66rem;margin-left:2px}
/* inizio */
.azioni-grandi{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr));gap:10px}
.azione-grande{flex-direction:column;align-items:flex-start;text-align:left;gap:4px;background:var(--carta);color:var(--ink);border:1.5px solid var(--line);padding:14px 16px;font-weight:400;min-height:96px}
.azione-grande b{font:600 1.02rem var(--serif);color:var(--brand)}
.azione-grande em{font-style:normal;color:var(--warn)}
.azione-grande span{font-size:.85rem;color:var(--muted)}
.azione-grande:hover{border-color:var(--brand);filter:none}
.azione-grande.principale{background:var(--brand);border-color:var(--brand)}
.azione-grande.principale b,.azione-grande.principale span{color:#fff}
@media (prefers-color-scheme:dark){.azione-grande:not(.principale){color:var(--ink)!important}.azione-grande.principale b,.azione-grande.principale span{color:#0B100F}}
.giornata{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}
.giornata li{display:grid;grid-template-columns:86px 1fr;gap:10px;align-items:baseline}
.giornata .ora{font:600 .95rem var(--serif);color:var(--brand)}
.giornata.grande li{grid-template-columns:110px 1fr}
.giornata.grande b{display:block}
/* diario */
.diario{list-style:none;margin:0 0 10px;padding:0}
.diario .ev{display:grid;grid-template-columns:26px 1fr;gap:8px;padding:9px 0;border-bottom:1px solid var(--line-2);font-size:.9rem}
.diario .icona{display:grid;place-items:center;width:22px;height:22px;border-radius:50%;font-size:.78rem;font-weight:700;background:var(--line-2);color:var(--muted)}
.diario .ev.ok .icona{background:var(--ok-t);color:var(--ok)}
.diario .ev.errore .icona{background:var(--err-t);color:var(--err)}
.diario .riga-ev{display:flex;gap:8px;flex-wrap:wrap;align-items:baseline}
.diario time{color:var(--muted);font-size:.8rem}
.diario .perche{margin-top:4px;padding:6px 10px;background:var(--err-t);color:var(--err);border-radius:var(--raggio);font-size:.86rem}
.diario .tecnico summary{cursor:pointer;color:var(--muted);font-size:.8rem;margin-top:3px}
.diario .tecnico div{font:.78rem/1.45 var(--mono);color:var(--muted);word-break:break-word;margin-top:4px}
.filtri-diario{margin-bottom:6px}
.spunta{display:inline-flex;gap:6px;align-items:center;font-weight:400;font-size:.88rem;margin:0}
.spunta input{width:auto}
/* tabella dei temi */
table.temi th{white-space:nowrap;vertical-align:bottom}
table.temi th .q{width:17px;height:17px;font-size:.66rem}
.ordina-col{background:none;border:none;color:var(--muted);padding:0;font:600 .8rem var(--sans);cursor:pointer}
.ordina-col:hover{color:var(--brand);filter:none}
th[data-verso="su"] .ordina-col::after{content:" ▲"}
th[data-verso="giu"] .ordina-col::after{content:" ▼"}
@media (prefers-color-scheme:dark){.ordina-col{color:var(--muted)!important}}
.riga-filtri td{padding:4px 6px;background:var(--calce)}
.riga-filtri input,.riga-filtri select{padding:4px 6px;font-size:.8rem;min-width:70px;max-width:none}
.riga-filtri input[type=number]{width:64px;min-width:0}
table.temi td.casella{text-align:center}
table.temi td.casella input{width:20px;height:20px;accent-color:var(--brand);cursor:pointer}
table.temi tr.scelto td{background:var(--brand-t)}
table.temi tr.aperto td{border-bottom:none}
.dettaglio-tema td{background:var(--calce);padding:12px 14px}
.scheda-tema{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:20px;font-size:.88rem}
@media (max-width:800px){.scheda-tema{grid-template-columns:1fr}}
.scheda-tema h4{margin:10px 0 3px;font:600 .9rem var(--sans);color:var(--brand)}
.scheda-tema h4:first-child{margin-top:0}
.scheda-tema ul{margin:0;padding-left:18px}
.fattore{margin-bottom:6px}
.fattore .barra{grid-template-columns:190px 1fr 36px;margin:2px 0}
.punti{display:grid;grid-template-columns:minmax(50px,1fr) 34px;align-items:center;gap:6px;min-width:100px}
.punti .traccia{display:block;height:8px;background:var(--line-2);border-radius:4px;overflow:hidden}
.punti .f{display:block;height:100%;background:var(--brand);border-radius:4px}
.punti b{font-size:.85rem;min-width:30px;text-align:right}
.conta-filtri{margin:6px 0 0}
.tag.agg{background:var(--info-t);color:var(--info)}
.tag.nuovo{background:var(--ok-t);color:var(--ok)}
.barra-scelti{position:sticky;bottom:0;z-index:20;display:flex;gap:10px;align-items:center;flex-wrap:wrap;background:var(--brand);color:#fff;padding:12px 20px;box-shadow:0 -4px 16px rgba(0,0,0,.15)}
.barra-scelti span{flex:1;min-width:200px;font-weight:600;font-size:.9rem}
.barra-scelti button:not(.sec){background:var(--ottone);border-color:var(--ottone);color:#fff}
@media (prefers-color-scheme:dark){.barra-scelti{color:#0B100F}.barra-scelti button:not(.sec){color:#0B100F}}
/* ordine */
.passi-ordine{list-style:none;margin:6px 0 0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,170px),1fr));gap:8px}
.passi-ordine li{background:var(--brand-t);border-radius:var(--raggio);padding:9px 12px;display:flex;flex-direction:column}
.passi-ordine li b{color:var(--brand);font-size:.92rem}
.passi-ordine li span{font-size:.8rem;color:var(--muted)}
.passi-ordine li.dopo{background:var(--warn-t)}
.passi-ordine li.dopo b{color:var(--warn)}
.vuoto-grande{border:2px dashed var(--line);border-radius:var(--raggio);padding:18px;text-align:center;color:var(--muted);margin:10px 0}
.aggiungi{display:flex;gap:6px;flex-wrap:wrap;align-items:center}
.aggiungi .q{margin-right:10px}
.riga-ordine{background:var(--calce);border-radius:var(--raggio);border-left:4px solid var(--ok);padding:10px 12px}
.riga-ordine.refresh{border-left-color:var(--info)}
.testa-riga{display:flex;gap:8px;align-items:center;margin-bottom:4px}
.testa-riga .spazio{flex:1}
.num-riga{display:inline-grid;place-items:center;width:22px;height:22px;border-radius:50%;background:var(--ink);color:var(--carta);font:700 .75rem var(--sans)}
.riga-ordine .campi{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));gap:4px 12px}
.riga-ordine label{margin-top:6px}
.riga-ordine label input,.riga-ordine label select{font-weight:400;margin-top:4px;max-width:none}
.riga-ordine label .q{width:17px;height:17px;font-size:.66rem}
.scelto-art{padding:6px 0}
.riepilogo ul{margin:6px 0 0;padding-left:18px}
.riepilogo li{margin:3px 0}
.riepilogo li.errore{font-weight:600}
.modulo legend .q{margin-left:2px}
/* statistiche */
.kpi{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:10px}
.kpi .voce{background:var(--carta);border-radius:var(--raggio);padding:10px 14px;border-left:3px solid var(--brand)}
.kpi .voce b{display:block;font:600 1.6rem var(--serif)}
.kpi small{color:var(--muted);font-size:.8rem}
.kpi small .q{width:17px;height:17px;font-size:.66rem}
.grafico{display:flex;flex-direction:column;gap:2px}
.barra.larga{grid-template-columns:minmax(110px,190px) 1fr 44px;margin:3px 0}
.barra.larga .et{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.barra.cliccabile{cursor:pointer;border-radius:var(--raggio)}
.barra.cliccabile:hover{background:var(--calce)}
.barra .traccia.doppia{display:flex;gap:2px;background:none}
.barra .traccia.doppia .pieno{border-radius:0}
.barra .traccia.doppia .pieno:first-child{border-radius:5px 0 0 5px}
.barra .pieno.bozza{background:repeating-linear-gradient(45deg,var(--brand) 0 2px,var(--brand-t) 2px 6px);border-radius:0 5px 5px 0}
.barra small.tecnica{color:var(--ottone);font-size:.72rem}
.legenda{display:flex;gap:14px;font-size:.8rem;color:var(--muted);margin:0 0 6px;flex-wrap:wrap}
.legenda .l-online::before,.legenda .l-bozza::before{content:"";display:inline-block;width:12px;height:9px;border-radius:2px;margin-right:5px;vertical-align:middle;background:var(--brand)}
.legenda .l-bozza::before{background:repeating-linear-gradient(45deg,var(--brand) 0 2px,var(--brand-t) 2px 6px)}
#st-sez-scelta{margin-bottom:8px}
.colonne{display:grid;grid-template-columns:repeat(12,1fr);gap:6px;align-items:end;height:200px}
.colonna{display:flex;flex-direction:column;align-items:center;height:100%;gap:3px;font-size:.75rem}
.colonna .col-traccia{flex:1;width:100%;max-width:38px;display:flex;align-items:flex-end;background:var(--line-2);border-radius:4px 4px 0 0}
.colonna .col-pieno{width:100%;background:var(--brand);border-radius:4px 4px 0 0;min-height:0}
.colonna .et{color:var(--muted);white-space:nowrap}
.colonna .n{font-weight:600;min-height:1em}
td.num{min-width:110px}
/* agenti */
.legenda-filiera{display:flex;gap:12px;margin:10px 0 0;font-size:.8rem}
.legenda-filiera span{padding:2px 8px;border-radius:var(--raggio)}
.l-ai{background:var(--brand-t);color:var(--brand)}.l-script{background:var(--line-2)}.l-umano{background:var(--warn-t);color:var(--warn)}
/* guida */
.guida{max-width:980px}
.indice-guida{display:flex;flex-wrap:wrap;gap:6px 14px;align-items:center;position:sticky;top:64px;z-index:5;border-top-color:var(--ottone)}
.indice-guida a{font-size:.88rem;text-decoration:none}
.indice-guida a:hover{text-decoration:underline}
.guida .riquadro{scroll-margin-top:130px}
.guida .riquadro p,.guida .riquadro li{font-size:.95rem}
.guida ol,.guida ul{padding-left:20px}
.guida li{margin:5px 0}
.nota-guida{background:var(--brand-t);border-left:3px solid var(--brand);padding:8px 12px;border-radius:var(--raggio)}
.filiera-guida li b{color:var(--brand);margin-right:6px}
.faq-guida dt{font-weight:600;margin-top:12px}
.faq-guida dd{margin:4px 0 0;color:var(--ink);font-size:.93rem}

/* ===== calendario di produzione: scala a una tinta, dal chiaro (1) allo scuro (5+); 0 = vuoto ===== */
.l0{--sf:var(--carta);--tx:var(--muted)}
.l1{--sf:color-mix(in srgb,var(--brand) 14%,var(--carta));--tx:var(--ink)}
.l2{--sf:color-mix(in srgb,var(--brand) 30%,var(--carta));--tx:var(--ink)}
.l3{--sf:color-mix(in srgb,var(--brand) 48%,var(--carta));--tx:var(--ink)}
.l4{--sf:color-mix(in srgb,var(--brand) 68%,var(--carta));--tx:#fff}
.l5{--sf:color-mix(in srgb,var(--brand) 88%,var(--carta));--tx:#fff}
@media (prefers-color-scheme:dark){.l4,.l5{--tx:#0B100F}.l3{--tx:#0B100F}}
.cal-testa{display:flex;gap:14px;align-items:center;flex-wrap:wrap;margin-bottom:12px}
.cal-nav{display:flex;gap:8px;align-items:center}
.cal-nav b{font:600 1.25rem var(--serif);min-width:110px;text-align:center;text-transform:capitalize}
.cal-legenda{display:flex;gap:4px;align-items:center;margin-left:auto;font-size:.8rem;color:var(--muted);flex-wrap:wrap}
.cal-l{display:inline-grid;place-items:center;min-width:26px;height:22px;padding:0 5px;border-radius:3px;background:var(--sf);color:var(--tx);border:1px solid var(--line);font:600 .78rem var(--sans)}
.cal-griglia{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:4px}
.cal-intesta{text-align:center;font-size:.8rem;font-weight:700;color:var(--muted);padding:4px 0;text-transform:uppercase;letter-spacing:.04em}
.cal-giorno{display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;gap:2px;min-height:92px;padding:6px 8px;background:var(--sf);color:var(--tx);border:1px solid var(--line);border-radius:var(--raggio);font-weight:400;text-align:left;cursor:pointer}
.cal-giorno:hover{outline:2px solid var(--ottone);filter:none}
.cal-giorno .cal-num{font-size:.82rem;font-weight:700}
.cal-giorno .cal-num small{font-weight:600;color:inherit;text-transform:uppercase;font-size:.66rem}
.cal-giorno .cal-quanti{font:600 1.7rem/1 var(--serif);align-self:center}
.cal-giorno .cal-nota{font-size:.7rem;line-height:1.2;opacity:.9}
.cal-giorno.predef{border-style:dashed}
.cal-giorno.predef .cal-quanti{opacity:.55}
.cal-giorno.passato{filter:grayscale(.85);opacity:.6}
.cal-giorno.oggi{box-shadow:inset 0 0 0 2px var(--ottone)}
.cal-giorno.aperto{outline:3px solid var(--ottone);outline-offset:1px}
@media (prefers-color-scheme:dark){.cal-giorno{color:var(--tx)!important}}
.cal-vuota{min-height:92px}
@media (max-width:640px){.cal-giorno{min-height:64px;padding:4px}.cal-giorno .cal-quanti{font-size:1.2rem}.cal-giorno .cal-nota{display:none}.cal-legenda{margin-left:0}}
#cal-riepilogo{margin-top:10px}
#cal-editor h2 small{font-family:var(--sans);font-weight:400}
.cal-quanti-blocco label{font-size:.95rem}
.cal-stepper{display:flex;gap:6px;align-items:center;flex-wrap:wrap}
.cal-stepper>button{min-width:40px;justify-content:center;font-size:1.1rem}
.cal-input-n{width:76px;text-align:center;font:600 1.2rem var(--serif)}
.cal-rapidi{display:flex;gap:4px;margin-left:10px}
.cal-rapidi .rapido{min-width:34px;height:34px;justify-content:center;cursor:pointer}
.cal-rapidi .rapido.attivo{outline:3px solid var(--ottone);outline-offset:1px}
@media (prefers-color-scheme:dark){.cal-rapidi .rapido{color:var(--tx)!important}}
.spiega-giorno{margin:10px 0;padding:10px 12px;background:var(--brand-t);border-radius:var(--raggio)}
#cal-editor textarea{margin-top:4px;font-weight:400}
.riga-ordine.bloccata{border-left-color:var(--line);opacity:.85}
#righe-ordine textarea{margin-top:4px;font-weight:400}