/* Talenta — contesto «Sistema AI» (richiesta di Matteo del 23/09/2026): Routine ·
   Progettazione AI · Organigramma AI · Consumi · Connessioni · Domande · Smistamento.
   Stessa palette di style.css (variabili), prefisso `sai-`. Solo Matteo. */

/* ---------- gradini di autonomia (L1 guidato → L4 autonomo) ---------- */
.sai-grad{display:inline-flex;align-items:center;gap:5px;font-size:11px;font-weight:700;
  border-radius:20px;padding:2px 9px;border:1px solid var(--line);background:var(--chip);
  color:var(--muted);white-space:nowrap;vertical-align:middle}
.sai-grad i{font-style:normal;font-weight:400;opacity:.85}
.sai-grad.L1{background:var(--chip);color:var(--muted)}
.sai-grad.L2{background:#e8f0fe;color:#0b57d0}
.sai-grad.L3{background:var(--warnbg);color:var(--warn)}
.sai-grad.L4{background:var(--okbg);color:var(--ok)}
@media(prefers-color-scheme:dark){.sai-grad.L2{background:#1d2b46;color:#9cc3ff}}
.sai-grad.proponibile{box-shadow:0 0 0 2px color-mix(in srgb,var(--ok) 45%,transparent)}
.sai-legenda{display:flex;flex-wrap:wrap;gap:8px;margin:8px 0 16px}
.sai-legenda span{background:var(--chip);border:1px solid var(--line);border-radius:99px;
  padding:4px 12px;font-size:12.5px;color:var(--muted)}
.sai-legenda b{color:var(--fg)}

/* ---------- panoramica: strip «cosa non torna» ---------- */
.sai-strip{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:10px;margin:0 0 18px}
.sai-strip .card{padding:12px 14px}
.sai-strip .card b{display:block;font-size:13px;margin-bottom:4px}
.sai-strip .card p{font-size:12.5px;color:var(--muted);margin:0}
.sai-strip .card.ok{border-color:color-mix(in srgb,var(--ok) 50%,var(--line))}
.sai-strip .card.warn{border-color:color-mix(in srgb,var(--warn) 60%,var(--line))}
.sai-strip .card.err{border-color:color-mix(in srgb,var(--err) 60%,var(--line))}

/* ---------- pallini di stato ---------- */
.sai-pallino{display:inline-block;width:10px;height:10px;border-radius:50%;background:var(--muted);
  margin-right:6px;vertical-align:middle;flex:none}
.sai-pallino.ok{background:var(--ok)} .sai-pallino.warn{background:var(--warn)}
.sai-pallino.err{background:var(--err)} .sai-pallino.off{background:var(--line)}

/* ---------- Progettazione AI ---------- */
.sai-richieste{border:1px solid color-mix(in srgb,var(--accent) 40%,var(--line));
  background:color-mix(in srgb,var(--accent) 6%,var(--card));border-radius:14px;padding:14px 16px;margin:0 0 18px}
.sai-richiesta{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px 16px;
  padding:10px 0;border-top:1px solid var(--line);align-items:start}
.sai-richiesta:first-of-type{border-top:0}
.sai-richiesta .chi{font-size:12.5px;color:var(--muted);margin-bottom:2px}
.sai-richiesta .chi b{color:var(--fg)}
.sai-richiesta .testo{font-size:14px}
.sai-richiesta .dett{font-size:12.5px;color:var(--muted);margin-top:4px;white-space:pre-wrap}
.sai-azioni{display:flex;flex-wrap:wrap;gap:6px;justify-content:flex-end}
.sai-azioni .btn{font-size:12.5px;padding:6px 10px}
.sai-azioni .btn.no{color:var(--err)}
.sai-filtri{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:6px 0 14px}
.sai-filtri select,.sai-filtri input[type=search]{padding:7px 10px;border:1px solid var(--line);
  border-radius:8px;background:var(--card);color:var(--fg);font:inherit;font-size:13px}
.sai-filtri input[type=search]{min-width:200px;flex:1}
.sai-ctx{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 14px}
.sai-ctx button{border:1px solid var(--line);background:var(--card);color:var(--muted);border-radius:99px;
  padding:5px 12px;font-size:12.5px;font-weight:600}
.sai-ctx button.attiva{background:var(--accent);border-color:var(--accent);color:#fff}
.sai-ctx button i{font-style:normal;opacity:.75;margin-left:4px}
.sai-prg{border-top:1px solid var(--line);padding:8px 0}
.sai-prg:first-child{border-top:0}
.sai-prg summary{list-style:none;cursor:pointer;display:grid;grid-template-columns:76px minmax(0,1fr) auto;
  gap:8px 12px;align-items:center}
.sai-prg summary::-webkit-details-marker{display:none}
.sai-prg .id{font-size:11.5px;color:var(--muted);font-weight:700}
.sai-prg .task{font-size:13.5px;font-weight:600}
.sai-prg .meta{display:flex;flex-wrap:wrap;gap:6px;align-items:center;justify-content:flex-end}
.sai-prg .corpo{padding:8px 0 4px 88px;font-size:13px;color:var(--muted);white-space:pre-wrap}
.sai-prg .corpo .sai-azioni{justify-content:flex-start;margin-top:8px}
.sai-prg .agente{font-size:11.5px;color:var(--muted)}
.sai-prg.chiusa .task{font-weight:500;color:var(--muted)}
@media(max-width:700px){
  .sai-prg summary{grid-template-columns:1fr}
  .sai-prg .meta{justify-content:flex-start}
  .sai-prg .corpo{padding-left:0}
  .sai-richiesta{grid-template-columns:1fr}
  .sai-azioni{justify-content:flex-start}
}

/* ---------- Organigramma ---------- */
.sai-org{display:grid;gap:14px}
.sai-agente{background:var(--card);border:1px solid var(--line);border-radius:16px;box-shadow:var(--ombra);
  padding:16px 18px;border-left:6px solid var(--a1,#5c6b7a)}
.sai-agente.luce{border-left-color:#d4a017}
.sai-ag-testa{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.sai-ag-icona{width:46px;height:46px;border-radius:50%;display:flex;align-items:center;justify-content:center;
  font-size:22px;color:#fff;background:linear-gradient(140deg,var(--a1,#5c6b7a),var(--a2,#3a4653));flex:none}
.sai-ag-testa h3{font-size:16px;margin:0}
.sai-ag-testa .ruolo{font-size:10.5px;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);font-weight:700}
.sai-ag-testa .conta{margin-left:auto;display:flex;gap:6px;flex-wrap:wrap;font-size:11.5px;color:var(--muted)}
.sai-ag-testa .conta span{background:var(--chip);border-radius:99px;padding:2px 9px}
.sai-identikit{font-size:13px;color:var(--muted);margin:8px 0 0;white-space:pre-wrap}
.sai-identikit summary{cursor:pointer;color:var(--accent);font-weight:600;font-size:12.5px}
.sai-blocco{margin-top:10px}
.sai-blocco > b{font-size:11.5px;text-transform:uppercase;letter-spacing:.05em;color:var(--muted)}
.sai-skill{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px}
.sai-skill span{background:var(--chip);border-radius:8px;padding:4px 9px;font-size:12.5px;display:inline-flex;gap:6px;align-items:center}
.sai-rout{display:grid;gap:4px;margin-top:6px}
.sai-rout div{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:13px}
.sai-rout .quando{color:var(--muted);font-size:12px}
.sai-rout .ultima{color:var(--muted);font-size:11.5px;margin-left:auto}
.sai-sub{margin:12px 0 0 0;display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:10px}
.sai-sub .sai-agente{padding:12px 14px;border-radius:12px;box-shadow:none;border-left-width:4px}
.sai-sub .sai-ag-icona{width:34px;height:34px;font-size:17px}
.sai-sub .sai-ag-testa h3{font-size:14px}

/* ---------- Consumi giorno per giorno ---------- */
/* 30 barre che stanno SEMPRE nella larghezza (niente scorrimento: sul telefono si vedeva
   solo la coda vuota del mese); le etichette si diradano quando lo spazio manca */
/* griglia a 30 colonne uguali (minmax(0,1fr)): con flex le prime colonne prendevano 60px e
   le ultime zero, per una regola discendente ereditata dalla card — la griglia non la subisce */
.sai-giorni{display:grid;grid-template-columns:repeat(30,minmax(0,1fr));align-items:end;gap:3px;height:150px;padding:6px 2px 0}
.sai-giorno{min-width:0;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;
  height:100%;position:relative}
@media(max-width:700px){.sai-giorno:nth-child(even) .lab{visibility:hidden}.sai-giorni{gap:2px}}
/* `.sai-barra`, non `.barra`: quella di style.css (barreVerticali) ha una larghezza fissa e
   impediva alle 30 colonne di stringersi — si vedeva solo la coda vuota del mese */
.sai-giorno .sai-barra{width:100%;background:var(--serie1,#0f9d58);border-radius:3px 3px 0 0;min-height:2px;
  opacity:.9;transition:height .3s ease}
.sai-giorno.oggi .sai-barra{background:var(--accent)}
.sai-giorno.sai-vuoto .sai-barra{background:var(--line)}   /* «sai-vuoto», non «vuoto»: quella di style.css ha padding 30px */
.sai-giorno .lab{font-size:9.5px;color:var(--muted);margin-top:4px;line-height:1}
.sai-giorno:hover .sai-barra{opacity:1}
.sai-tetto{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-top:10px}
.sai-tetto input{width:110px;padding:6px 8px;border:1px solid var(--line);border-radius:8px;background:var(--bg);color:var(--fg);font:inherit}
.sai-tetto label{font-size:12.5px;color:var(--muted)}
.sai-track{height:8px;background:var(--chip);border-radius:5px;overflow:hidden;margin-top:6px}
.sai-track i{display:block;height:100%;background:var(--ok);border-radius:5px}
.sai-track i.warn{background:var(--warn)} .sai-track i.err{background:var(--err)}
.sai-chi{display:flex;flex-wrap:wrap;gap:4px}
.sai-chi span{background:var(--chip);border-radius:99px;padding:1px 8px;font-size:11.5px}

/* ---------- Connessioni ---------- */
.sai-conn{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:10px}
.sai-conn .card{padding:12px 14px;display:flex;gap:10px;align-items:flex-start}
.sai-conn .card.err{border-color:color-mix(in srgb,var(--err) 60%,var(--line))}
.sai-conn .card.warn{border-color:color-mix(in srgb,var(--warn) 60%,var(--line))}
.sai-conn b{display:block;font-size:13.5px}
.sai-conn p{font-size:12.5px;color:var(--muted);margin:2px 0 0}
.sai-conn .quando{font-size:11px;color:var(--muted);margin-top:4px;opacity:.8}
.sai-fuori{border:1px dashed var(--line);border-radius:14px;padding:14px 16px;margin-top:6px}
.sai-fuori div{padding:7px 0;border-top:1px solid var(--line);font-size:13px}
.sai-fuori div:first-of-type{border-top:0}
.sai-fuori b{display:block}
.sai-fuori span{color:var(--muted);font-size:12.5px}
.sai-fuori em{font-style:normal;color:var(--muted);font-size:11.5px;margin-left:6px}

/* ---------- Domande ---------- */
.sai-domanda{border-left:5px solid var(--accent);margin-bottom:12px}
.sai-domanda.rimandata{border-left-color:var(--muted);opacity:.9}
.sai-domanda.risposta{border-left-color:var(--ok)}
.sai-domanda .testa{display:flex;flex-wrap:wrap;gap:8px;align-items:center;font-size:12px;color:var(--muted);margin-bottom:6px}
.sai-domanda h3{font-size:15px;margin:0 0 8px}
.sai-domanda .riga{font-size:13px;margin:4px 0}
.sai-domanda .riga b{color:var(--muted);font-weight:600;font-size:11.5px;text-transform:uppercase;letter-spacing:.04em;display:block}
.sai-domanda textarea{width:100%;min-height:70px;margin-top:8px;padding:8px 10px;border:1px solid var(--line);
  border-radius:9px;background:var(--bg);color:var(--fg);font:inherit;resize:vertical}
.sai-domanda .piede{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-top:8px}
.sai-domanda .piede label{font-size:12.5px;display:flex;gap:6px;align-items:center;color:var(--muted)}
.sai-domanda .risp{background:var(--okbg);color:var(--ok);border-radius:9px;padding:8px 10px;font-size:13px;margin-top:6px}
.sai-domanda .risp.dec::before{content:"📌 decisione · ";font-weight:700}

/* ---------- blocchi <details> del contesto (legende, metodo) ---------- */
.sai-dett{margin:6px 0 14px}
.sai-dett>summary{cursor:pointer;color:var(--accent);font-weight:600;font-size:12.5px;list-style:none;padding:4px 0}
.sai-dett>summary::-webkit-details-marker{display:none}
.sai-dett>summary::before{content:"▸ ";opacity:.7}
.sai-dett[open]>summary::before{content:"▾ "}
.sai-dett p{font-size:13px;color:var(--muted);line-height:1.5;margin:4px 0 8px}
.sai-legenda .sai-grad+span{border:0;background:none;padding:4px 0;flex:1 1 60%;min-width:220px}
.sai-link-err{color:var(--err);font-weight:700}

/* ---------- KPI del contesto (contatori in cima all'Organigramma) ---------- */
.sai-kpi-riga{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}
.sai-kpi{padding:12px 14px}
.sai-kpi b{display:block;font-size:22px;line-height:1.15}
.sai-kpi b:has(.sai-grad){display:flex;flex-wrap:wrap;gap:3px}
.sai-kpi b .sai-grad{margin:0;font-size:11px}
.sai-kpi span{display:block;font-size:11.5px;text-transform:uppercase;letter-spacing:.05em;color:var(--muted);font-weight:700;margin-top:2px}
.sai-kpi i{display:block;font-style:normal;font-size:11.5px;color:var(--muted);margin-top:4px;line-height:1.35}
.sai-kpi.ore b{color:var(--accent)}
.sai-kpi.attenzione{border-color:color-mix(in srgb,var(--warn) 60%,var(--line))}
.sai-metodo table td,.sai-metodo table th{font-size:12.5px}

/* ---------- Routine: descrizioni a 2 righe, riga rotta ---------- */
.sai-clamp{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;cursor:pointer}
.sai-clamp.aperta{display:block;-webkit-line-clamp:unset}
.rout-riga.sai-rotta{background:color-mix(in srgb,var(--err) 6%,transparent);border-radius:10px;padding-left:8px;padding-right:8px}

/* ---------- Progettazione: chip → select sotto i 600 px ---------- */
.sai-ctx-sel{display:none;width:100%;padding:9px 10px;border:1px solid var(--line);border-radius:10px;background:var(--card);color:var(--fg);font:inherit;font-size:14px;margin:0 0 12px}
@media(max-width:600px){.sai-ctx{display:none}.sai-ctx-sel{display:block}}

/* ---------- Connessioni: le non verdi in cima, le verdi chiuse ---------- */
.sai-conn .card.grande b{font-size:16px}
.sai-conn.compatta .card{padding:8px 12px}
.sai-conn.compatta .card p{font-size:12px}
.sai-tutto-ok{color:var(--ok);font-weight:700;border-color:color-mix(in srgb,var(--ok) 45%,var(--line))}
.sai-conn-ok>summary{font-size:13.5px}

/* ---------- skill: pillola con etichetta + nome tecnico in piccolo ---------- */
.sai-skill-pill{background:var(--chip);border-radius:9px;padding:5px 9px;font-size:12.5px;display:inline-flex;gap:6px;align-items:center;flex-wrap:wrap;max-width:100%}
.sai-skill-pill b{font-weight:650}
.sai-skill-pill code{font-family:ui-monospace,Menlo,monospace;font-size:10.5px;color:var(--muted);opacity:.9;max-width:230px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.sai-skill-pill.da-etichettare{outline:1px dashed var(--warn)}
.sai-rout-riga{display:flex;gap:9px;padding:8px 0;border-top:1px solid var(--line);font-size:13px}
.sai-rout-riga:first-of-type{border-top:0}
.sai-rout-riga .quando{color:var(--muted);font-size:12px}
.sai-rout-riga .cosa{color:var(--muted);font-size:12px;margin-top:2px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.sai-rout-riga .ultima{display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin-top:4px;font-size:11.5px;color:var(--muted)}

/* ================= ORGANIGRAMMA GRAFICO (grafo radiale SVG) ================= */
.org-wrap{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:16px;align-items:start;margin:4px 0 12px}
.org-scena{position:relative;padding:0;overflow:hidden;border-radius:18px;
  background:radial-gradient(circle at 50% 45%,color-mix(in srgb,var(--accent) 6%,var(--card)) 0,var(--card) 62%)}
#org-svg{display:block;width:100%;height:640px;touch-action:none;cursor:grab;user-select:none;-webkit-user-select:none}
#org-svg.trascina{cursor:grabbing}
.org-cmd{position:absolute;top:10px;right:10px;z-index:2;display:flex;gap:4px}
.org-cmd button{width:34px;height:34px;border-radius:9px;border:1px solid var(--line);background:var(--card);color:var(--fg);
  font-size:17px;line-height:1;box-shadow:var(--ombra);cursor:pointer}
.org-cmd button:hover{border-color:var(--accent);color:var(--accent)}
.org-suggerimento{position:absolute;left:12px;bottom:12px;z-index:2;font-size:12px;color:var(--muted);background:color-mix(in srgb,var(--card) 85%,transparent);
  border:1px solid var(--line);border-radius:99px;padding:5px 12px;max-width:70%;transition:opacity .4s}
.org-suggerimento.via{opacity:0;pointer-events:none}
.org-albero{display:none}

/* nodi */
.org-nodo{cursor:pointer;transition:transform .45s cubic-bezier(.2,.7,.2,1),opacity .35s}
.org-nodo:focus{outline:none}
.org-nodo.nasce{animation:orgNasce .45s ease both}
@keyframes orgNasce{from{opacity:0}to{opacity:1}}
.org-nodo.via{opacity:0;pointer-events:none}
.org-nodo.attenuato{opacity:.32}
.org-cerchio{stroke:var(--card);stroke-width:3;filter:drop-shadow(0 3px 6px rgba(0,0,0,.22));transition:stroke .2s}
.org-nodo:hover .org-cerchio,.org-nodo:focus .org-cerchio{stroke:var(--accent)}
.org-nodo.scelto .org-cerchio{stroke:var(--accent);stroke-width:4}
.org-nodo.aperto.contesto .org-cerchio,.org-nodo.aperto.sub .org-cerchio{stroke:color-mix(in srgb,var(--accent) 60%,var(--card))}
.org-alone{fill:none;stroke:#d4a017;stroke-width:2;opacity:.5;transform-origin:0 0;animation:orgAlone 3.2s ease-in-out infinite}
@keyframes orgAlone{0%,100%{transform:scale(1);opacity:.45}50%{transform:scale(1.1);opacity:.1}}
.org-icona{pointer-events:none;user-select:none}
.org-nome{font:700 13px/1 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;fill:var(--fg);paint-order:stroke;stroke:var(--card);stroke-width:3px;stroke-linejoin:round}
.org-nodo.luce .org-nome{font-size:17px}
.org-nodo.sub .org-nome{font-size:12px}
.org-conta{font:600 10px/1 -apple-system,BlinkMacSystemFont,sans-serif;fill:var(--muted);paint-order:stroke;stroke:var(--card);stroke-width:3px}
.org-stato{stroke:var(--card);stroke-width:2}
.org-stato.ok{fill:var(--ok)} .org-stato.warn{fill:var(--warn)} .org-stato.err{fill:var(--err)}
/* foglie */
.org-punto{stroke:var(--card);stroke-width:1.5;opacity:.9}
.org-orologio{fill:var(--card);stroke-width:2}
.org-lancette{fill:none;stroke-width:1.6;stroke-linecap:round}
.org-foglia{font:500 12px/1 -apple-system,BlinkMacSystemFont,sans-serif;fill:var(--fg);paint-order:stroke;stroke:var(--card);stroke-width:2.5px;stroke-linejoin:round}
.org-nodo.routine .org-foglia{font-weight:650}
.org-foglia.da-etichettare{fill:var(--warn)}
.org-nodo.skill:hover .org-punto,.org-nodo.skill.scelto .org-punto{stroke:var(--accent);stroke-width:2.5;opacity:1}
.org-nodo.routine.scelto .org-orologio{stroke:var(--accent)}
/* fili */
.org-filo{fill:none;opacity:.45;stroke-linecap:round;animation:orgNasce .5s ease both}
.org-filo.skill{opacity:.32;stroke-dasharray:3 3}
@media(prefers-reduced-motion:reduce){
  .org-nodo,.org-filo,.org-nodo.nasce{transition:none;animation:none}
  .org-alone{animation:none}
}

/* legenda sotto il grafo */
.org-legenda{display:flex;flex-wrap:wrap;gap:8px 16px;font-size:12px;color:var(--muted);margin:0 0 18px;align-items:center}
.org-legenda span{display:inline-flex;align-items:center;gap:5px}
.org-leg{display:inline-block;width:12px;height:12px;border-radius:50%;background:var(--muted)}
.org-leg.luce{width:16px;height:16px;background:linear-gradient(140deg,#d4a017,#3a4046)}
.org-leg.contesto{background:linear-gradient(140deg,#1a73e8,#0f9d58)}
.org-leg.sub{width:10px;height:10px;background:#4b8fe8}
.org-leg.routine{width:11px;height:11px;background:var(--card);border:2px solid var(--muted);box-sizing:border-box}
.org-leg.skill{width:8px;height:8px;background:var(--fg)}

/* pannello laterale */
.org-pannello{position:sticky;top:12px}
.org-vuoto{background:var(--card);border:1px dashed var(--line);border-radius:18px;padding:34px 20px;text-align:center;color:var(--muted);font-size:13.5px}
.org-scheda{background:var(--card);border:1px solid var(--line);border-radius:18px;box-shadow:var(--ombra);overflow:hidden;position:relative;animation:orgNasce .25s ease both}
.org-scheda .org-testa{padding:16px 18px;color:#fff;display:flex;gap:12px;align-items:center;background:linear-gradient(135deg,var(--a1),var(--a2))}
.org-scheda .org-testa .icona{font-size:34px;filter:drop-shadow(0 2px 6px rgba(0,0,0,.25))}
.org-scheda .org-testa b{font-size:18px;display:block;line-height:1.2}
.org-scheda .org-testa small{opacity:.92;font-size:12px}
.org-scheda .org-testa small .sai-pallino{width:8px;height:8px;margin:0 3px 0 0}
.org-chiudi{position:absolute;top:10px;right:12px;background:rgba(0,0,0,.25);color:#fff;border:0;border-radius:99px;width:28px;height:28px;font-size:14px;cursor:pointer;z-index:1}
.org-scheda .org-corpo{display:block;padding:14px 16px 16px;max-height:calc(100vh - 140px);overflow:auto}
.org-scheda .sintesi{font-size:13.5px;line-height:1.5;margin:0 0 10px}
.org-scheda .org-chips{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:10px;font-size:12px;color:var(--muted);align-items:center}
.org-scheda .org-chips>span{background:var(--chip);border-radius:99px;padding:3px 10px}
.org-scheda h4{font-size:11px;text-transform:uppercase;letter-spacing:.07em;color:var(--muted);margin:14px 0 6px}
.org-scheda .identikit{white-space:pre-line;font-size:13px}
.org-scheda .cartella{font-family:ui-monospace,Menlo,monospace;font-size:11px;color:var(--muted);background:var(--chip);border-radius:7px;padding:4px 8px;display:inline-block;margin-top:10px;max-width:100%;overflow-wrap:anywhere}
.org-scheda .cartella em{font-family:inherit;font-style:normal;opacity:.8}
.org-azioni{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}
.org-sub{display:flex;flex-wrap:wrap;gap:6px}
.org-sub-btn{display:inline-flex;align-items:center;gap:4px;width:auto;height:auto;border:1px solid color-mix(in srgb,var(--a1) 40%,var(--line));background:color-mix(in srgb,var(--a1) 8%,var(--card));color:var(--fg);
  border-radius:99px;padding:5px 11px;font-size:12.5px;font-weight:600;cursor:pointer}
.org-sub-btn i{font-style:normal;color:var(--muted);font-weight:500;margin-left:4px;font-size:11px}
.org-sub-btn:hover{border-color:var(--accent)}

/* card-documento chiuse sotto il grafo */
.org-doc{background:var(--card);border:1px solid var(--line);border-radius:14px;box-shadow:var(--ombra)}
.org-doc>summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:10px;padding:12px 16px;flex-wrap:wrap}
.org-doc>summary::-webkit-details-marker{display:none}
.org-doc>summary b{font-size:14.5px}
.org-doc>summary .ruolo{font-size:10.5px;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);font-weight:700}
.org-doc>summary .conta{margin-left:auto;font-size:12px;color:var(--muted)}
.org-doc-icona{width:32px;height:32px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-size:16px;color:#fff;
  background:linear-gradient(140deg,var(--a1,#5c6b7a),var(--a2,#3a4653));flex:none}
.org-doc .sai-agente{border-radius:0 0 14px 14px;box-shadow:none;border:0;border-top:1px solid var(--line)}

/* iPad: pannello sotto il grafo */
@media(max-width:1020px){
  .org-wrap{grid-template-columns:1fr}
  .org-pannello{position:static}
  #org-svg{height:560px}
  .org-scheda .org-corpo{max-height:none}
}
/* telefono: albero a livelli al posto del grafo */
@media(max-width:600px){
  #org-svg,.org-cmd,.org-suggerimento{display:none}
  .org-albero{display:block;padding:8px 10px 12px}
  .org-scena{background:var(--card)}
  .org-ramo{border-left:3px solid var(--a1,var(--line));margin:6px 0 6px 0;border-radius:6px}
  .org-ramo.p1{margin-left:6px} .org-ramo.p2{margin-left:8px}
  .org-ramo>summary{list-style:none;display:flex;align-items:center;gap:8px;padding:10px 8px;min-height:44px;cursor:pointer;flex-wrap:wrap}
  .org-ramo>summary::-webkit-details-marker{display:none}
  .org-ramo>summary b{font-size:14.5px}
  .org-ramo>summary .ruolo{font-size:10px;text-transform:uppercase;letter-spacing:.05em;color:var(--muted);font-weight:700}
  .org-ramo>summary .conta{margin-left:auto;font-size:11.5px;color:var(--muted);white-space:nowrap;display:inline-flex;align-items:center;gap:6px}
  .org-ramo-corpo{padding:0 8px 8px 10px}
  .org-ramo-corpo .sintesi{font-size:12.5px;color:var(--muted);margin:0 0 6px;line-height:1.45}
  .org-foglia-riga{display:flex;align-items:center;gap:6px;flex-wrap:wrap;padding:8px 6px;min-height:40px;border-top:1px solid var(--line);font-size:13px}
  .org-foglia-riga b{font-weight:600}
  .org-foglia-riga .alb-ver{font-size:10.5px;font-family:ui-monospace,Menlo,monospace}
  .org-legenda{font-size:11.5px}
  .sai-kpi b{font-size:19px}
}

/* Organigramma a TUTTA PAGINA (Matteo, collaudo v3 del 23/09: «lo voglio a pagina intera solo con
   quello, non come blocco»): il grafo riempie lo schermo, la scheda del nodo si apre SOPRA a
   destra (niente colonna fissa), numeri e schede stanno chiusi sotto. Telefono: albero, come prima. */
@media(min-width:601px){
  .org-wrap{display:block;position:relative;margin:4px 0 14px}
  #org-svg{height:calc(100vh - 150px);min-height:520px}
  .org-pannello{position:absolute;top:58px;right:12px;width:380px;max-width:calc(100% - 24px);z-index:3;
    max-height:calc(100% - 70px);overflow:auto;border-radius:18px}
  .org-pannello:not(.aperto){display:none}
  .org-scheda .org-corpo{max-height:none}
}
.org-extra{margin-top:6px}
.org-extra>.sai-kpi-riga{margin-top:10px}

/* Consumi: il piano in € reali (23/09) */
.sai-piano .card i{display:block;font-style:normal;font-size:12px;color:var(--muted);margin-top:6px;line-height:1.4}
.sai-piano .card .sai-track{margin-top:8px}
/* Risposte alle richieste (29/09/2026): tasto nel titolo, riquadro a scomparsa */
.sai-richieste h2 .sai-btn-risposte{margin-left:auto;font-size:12.5px;padding:4px 12px;text-transform:none;letter-spacing:0}
.sai-richieste h2{display:flex;align-items:center;flex-wrap:wrap;gap:8px}
.sai-risposte{border:1px dashed var(--line);border-radius:10px;padding:8px 10px;margin:0 0 12px;background:var(--bg)}
.sai-risposte-testa{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:6px}
.sai-risposte-testa .btn{margin-left:auto}