/* Seven Tricho Lab · Tricologia (Analisi tricologica, Impostazioni Tricologia). Solo valori da stl-tokens.css. */

/* ---------- Analisi tricologica ---------- */
.t-res{display:flex;flex-direction:column;gap:2px;margin-top:var(--space-2);max-height:300px;overflow:auto}
.t-res button{display:flex;align-items:center;gap:var(--space-3);text-align:left;background:none;border:1px solid transparent;border-radius:var(--radius-button);padding:6px 10px}
.t-res button:hover{background:var(--stl-green-tint);border-color:var(--stl-green)}
.t-res small,.t-scelto small{display:block;color:var(--text-muted);font-size:var(--fs-xs)}
.t-scelto{background:var(--stl-green-tint);border-radius:var(--radius-button);padding:8px 12px}
.t-testata .g-head{align-items:flex-start}
.t-altre{display:inline-flex;flex-wrap:wrap;gap:6px;align-items:center;font-size:var(--fs-small);color:var(--text-muted)}
.t-anteprima{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:var(--space-4);align-items:start}
.t-elenco{margin:0;padding-left:18px;display:flex;flex-direction:column;gap:3px;font-size:var(--fs-small)}

/* ---------- Impostazioni Tricologia: costruttore ---------- */
.t-savebar{position:sticky;top:calc(var(--header-h) + 8px);z-index:20;display:flex;flex-wrap:wrap;gap:var(--space-3);align-items:center;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-card);padding:10px var(--space-4);font-size:var(--fs-small);box-shadow:var(--shadow-float)}
.t-savebar .g-grow{flex:1}
.t-builder{display:flex;flex-direction:column;gap:var(--space-4)}
.t-sez{gap:var(--space-3);padding:var(--space-5)}
.t-sez.t-off>.g-bar h2,.t-campo.t-off .t-cl{opacity:.55}
.t-sez.t-over{outline:2px dashed var(--stl-green);outline-offset:2px}
.t-campi{display:flex;flex-direction:column;border:1px solid var(--border);border-radius:var(--radius-button);overflow:hidden}
.t-campi>.stl-empty{padding:var(--space-4)}
.t-campo{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:var(--space-3);align-items:center;padding:8px 10px;background:var(--bg-card);border-top:1px solid var(--border)}
.t-campo:first-child{border-top:0}
.t-campo:hover{background:var(--bg-soft)}
.t-campo.t-over{box-shadow:inset 0 3px 0 var(--stl-green)}
.t-campo.t-dragging,.t-sez.t-dragging{opacity:.4}
.t-drag{cursor:grab;color:var(--text-muted);font-size:14px;letter-spacing:-3px;padding:4px 6px;user-select:none}
.t-cl{display:flex;flex-direction:column;gap:2px;min-width:0}
.t-cl strong{font-size:var(--fs-small);overflow-wrap:anywhere}
.t-cl small{color:var(--text-muted);font-size:var(--fs-xs)}
.t-cl code{font-size:10.5px}
.t-cl .t-cond{color:var(--stl-rose-text)}
.t-flags{display:flex;flex-wrap:wrap;gap:4px;margin-top:4px}
.t-flag{font-size:10.5px;font-weight:700;text-transform:uppercase;letter-spacing:.03em;border-radius:var(--radius-pill);padding:2px 9px;border:1px solid var(--border-input);background:var(--bg-card);color:var(--text-muted);cursor:pointer}
.t-flag[aria-pressed="true"]{background:var(--stl-green-tint);border-color:var(--stl-green);color:var(--stl-green-text)}
.t-campo .g-act{display:flex;gap:0;white-space:nowrap}
.t-condbox{display:flex;flex-direction:column;gap:var(--space-3)}
.t-imgopz{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:var(--space-3)}

@media (max-width:820px){
  .t-campo{grid-template-columns:auto minmax(0,1fr)}
  .t-campo .g-act{grid-column:2}
  .t-savebar{position:static}
}

/* ---------- Campi configurabili (t-campi.js): operatore e cliente ---------- */
.tc-sez{display:flex;flex-direction:column;gap:var(--space-4);padding:var(--space-4) 0;border-top:1px solid var(--border)}
.tc-sez:first-of-type{border-top:0;padding-top:var(--space-2)}
.tc-sez h3{font-family:var(--font-display);font-weight:400;font-size:var(--fs-card-title);letter-spacing:var(--ls-card-title);text-transform:uppercase;color:var(--stl-green-text);margin:0}
.tc-campi{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:var(--space-5) var(--space-5)}
.tc-f{display:flex;flex-direction:column;gap:6px;min-width:0}
.tc-f.tc-wide{grid-column:1/-1}
.tc-f[hidden],.tc-sez[hidden]{display:none}
.tc-l{font-size:var(--fs-small);font-weight:600;color:var(--text)}
.tc-help{color:var(--text-muted);font-size:var(--fs-xs);margin:0}
.tc-nop{color:var(--stl-rose-text);font-size:var(--fs-xs)}
.tc-nop::before{content:"Nota per l'operatore: ";font-weight:700}
.tc-f input[type=text],.tc-f input[type=number],.tc-f input[type=date],.tc-f select,.tc-f textarea{min-height:var(--h-input);padding:0 var(--space-3);border-radius:var(--radius-input);border:1px solid var(--border-input);background:var(--bg-input);font:inherit;font-size:16px;min-width:0;width:100%}
.tc-f textarea{padding:var(--space-2) var(--space-3);resize:vertical}
.tc-f :is(input,select,textarea):focus{border-color:var(--stl-green-dark);box-shadow:var(--focus-ring);outline:none}
.tc-f.tc-manca .tc-l{color:var(--stl-error)}
.tc-f.tc-manca :is(input,select,textarea,.tc-pills){outline:2px solid var(--stl-error);outline-offset:2px;border-radius:var(--radius-input)}
.tc-num{display:flex;align-items:center;gap:var(--space-2)}
.tc-num input{max-width:180px}
.tc-num span{color:var(--text-muted);font-size:var(--fs-small)}
.tc-rif{color:var(--text-muted);font-size:var(--fs-xs)}
.tc-pills{display:flex;flex-wrap:wrap;gap:6px}
.tc-pills label{cursor:pointer}
.tc-pills input{position:absolute;opacity:0;pointer-events:none}
.tc-pills label{max-width:100%}
.tc-pills span{display:inline-flex;align-items:center;gap:6px;min-height:38px;padding:6px 14px;border:1px solid var(--border-input);border-radius:19px;background:var(--bg-card);font-size:var(--fs-small);line-height:1.25}
.tc-pills label:hover span{border-color:var(--stl-green)}
.tc-pills input:checked+span{background:var(--stl-green-tint);border-color:var(--stl-green);color:var(--stl-green-text);font-weight:700}
.tc-pills input:focus-visible+span{box-shadow:var(--focus-ring)}
.tc-pills.scala span{min-width:40px;justify-content:center;padding:6px 8px}
.tc-pills.imgs span{flex-direction:column;border-radius:var(--radius-button);padding:8px}
.tc-pills.imgs img{width:88px;height:88px;object-fit:contain}
.tc-spunta{display:inline-flex;align-items:center;gap:var(--space-2);font-size:var(--fs-small);cursor:pointer}
.tc-spunta input{width:22px;height:22px;accent-color:var(--stl-green-dark)}
.tc-grid{overflow-x:auto}
.tc-grid table{border-collapse:collapse;min-width:100%}
.tc-grid th,.tc-grid td{padding:6px 8px;border-bottom:1px solid var(--border);text-align:left;font-size:var(--fs-small)}
.tc-grid thead th{font-size:var(--fs-label);text-transform:uppercase;letter-spacing:var(--ls-label);color:var(--text-muted)}
.tc-grid td :is(input,select){min-width:90px}
.tc-lista{display:flex;flex-direction:column;gap:var(--space-2)}
.tc-lrow{display:flex;flex-wrap:wrap;gap:var(--space-2);align-items:flex-end;padding:var(--space-3);background:var(--bg-soft);border-radius:var(--radius-button)}
.tc-lrow label{display:flex;flex-direction:column;gap:4px;flex:1;min-width:140px;font-size:var(--fs-xs);color:var(--text-muted)}
.tc-add{align-self:flex-start;display:inline-flex;align-items:center;min-height:36px;padding:0 var(--space-3);border:1px solid var(--border-input);border-radius:var(--radius-button);background:var(--bg-card);font-size:var(--fs-small);font-weight:600;cursor:pointer;color:var(--text)}
.tc-add:hover{background:var(--bg-app)}
.tc-x{width:36px;height:36px;border:1px solid var(--border-input);border-radius:var(--radius-button);background:var(--bg-card);color:var(--stl-error);font-size:20px;line-height:1;cursor:pointer}
.tc-mappa{display:flex;flex-wrap:wrap;gap:var(--space-4);align-items:center}
.tc-head{width:150px;height:auto;flex:none}
.tc-head .tc-skull{fill:var(--bg-soft);stroke:var(--border-input);stroke-width:2}
.tc-head .tc-nose{fill:none;stroke:var(--border-input);stroke-width:2}
.tc-head [data-zona]{fill:var(--stl-green-tint);stroke:var(--bg-card);stroke-width:3;cursor:pointer}
.tc-head [data-zona]:hover{fill:#cfe0d1}
.tc-head [data-zona][aria-pressed="true"]{fill:var(--stl-green)}
.tc-head .tc-rim{fill:none;stroke:var(--border-input);stroke-width:2;pointer-events:none}
.tc-head text{font-size:10px;fill:var(--text-muted);font-family:var(--font-body);pointer-events:none}
.tc-mappa .tc-pills{flex:1;min-width:200px}
.tc-file{display:flex;flex-wrap:wrap;gap:var(--space-2);align-items:center;font-size:var(--fs-small)}
.tc-firma canvas{width:100%;max-width:700px;height:auto;aspect-ratio:700/220;border:1px dashed var(--border-input);border-radius:var(--radius-input);background:var(--bg-input);touch-action:none;display:block;margin-bottom:var(--space-2)}
.tc-firma [data-tcfirmata]{display:flex;flex-wrap:wrap;gap:var(--space-3);align-items:center}
.tc-firma img{max-width:280px;height:auto;border:1px solid var(--border);border-radius:var(--radius-input);background:#fff}
.tc-firma small{color:var(--text-muted);font-size:var(--fs-xs)}
.tc-calc{font-weight:700;font-variant-numeric:tabular-nums}
.tc-domande{background:var(--stl-rose-tint);border-radius:var(--radius-button);padding:var(--space-3) var(--space-4);font-size:var(--fs-small)}
.tc-domande ul{margin:6px 0 0;padding-left:18px}

/* ---------- Anamnesi lato operatore ---------- */
.t-linkbox{gap:var(--space-2)}
.t-form{gap:0}
.t-salvato{font-size:var(--fs-xs);color:var(--text-muted)}
.t-note textarea{min-height:90px;padding:var(--space-2) var(--space-3);border-radius:var(--radius-input);border:1px solid var(--border-input);background:var(--bg-input);font:inherit;width:100%}
.t-qrbox{display:flex;flex-wrap:wrap;gap:var(--space-5);align-items:flex-start}
.t-qrbox>.stl-stack{flex:1;min-width:240px}
.t-qr{width:220px;height:220px;border:1px solid var(--border);border-radius:var(--radius-card);background:#fff;padding:6px;flex:none}
.t-passi{margin:0;padding-left:20px;display:flex;flex-direction:column;gap:6px;font-size:var(--fs-small);flex:1;min-width:240px}

/* ---------- Pagina del cliente (link personale) ---------- */
body.pub{background:var(--bg-app);margin:0;color:var(--text);font-family:var(--font-body);font-size:var(--fs-base)}
.pub-head{display:flex;align-items:center;gap:var(--space-3);padding:12px 16px;background:var(--bg-card);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:5}
.pub-head .stl-brand-mark{width:30px;height:34px;color:var(--stl-green-dark);flex:none}
.pub-head .stl-brand-name{display:block;font-family:var(--font-display);font-size:13px;letter-spacing:.08em;text-transform:uppercase}
.pub-head .stl-brand-app{display:block;font-size:var(--fs-xs);color:var(--text-muted)}
.pub-saved{margin-left:auto;font-size:var(--fs-xs);color:var(--text-muted)}
.pub-main{max-width:760px;margin:0 auto;padding:16px 16px 48px;display:flex;flex-direction:column;gap:var(--space-4)}
.pub-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-card);padding:var(--space-5)}
.pub-card h1{font-family:var(--font-display);font-weight:400;font-size:20px;letter-spacing:var(--ls-title);text-transform:uppercase;margin:0 0 var(--space-2)}
.pub-card h2{font-family:var(--font-display);font-weight:400;font-size:var(--fs-card-title);letter-spacing:var(--ls-card-title);text-transform:uppercase;margin:0 0 var(--space-2)}
.pub-card p{margin:0 0 var(--space-3)}
.pub-card .tc-campi{grid-template-columns:1fr}
.pub-msg{text-align:center;padding:var(--space-8) var(--space-5)}
.pub-prog{height:6px;background:var(--border);border-radius:3px;overflow:hidden}
.pub-prog span{display:block;height:100%;background:var(--stl-green)}
.pub-step{margin:-8px 0 0;font-size:var(--fs-xs);color:var(--text-muted)}
.pub-nav{display:flex;justify-content:space-between;gap:var(--space-3)}
.pub-nav .stl-btn{min-height:48px;padding:0 var(--space-6)}
.pub-err{color:var(--stl-error);font-weight:600;margin:0}
.pub-disc{font-size:var(--fs-small);color:var(--text-muted);border-left:3px solid var(--stl-rose);padding-left:var(--space-3)}

/* ---------- Esame obiettivo: zone, confronto, domande guida, consulenza precedente ---------- */
.tc-main{display:flex;flex-direction:column;gap:var(--space-4);min-width:0}
.tc-sez.tc-has-dom{display:grid;grid-template-columns:minmax(0,1fr) 250px;gap:var(--space-5);align-items:start}
.tc-has-dom .tc-domande{position:sticky;top:calc(var(--header-h) + 12px)}
.tc-domande li{margin-bottom:4px}
.tc-imgbtn{align-self:flex-start}
.tc-ztabs{display:flex;flex-wrap:wrap;gap:2px;border-bottom:1px solid var(--border)}
.tc-ztabs button{background:none;border:0;border-bottom:2px solid transparent;padding:9px 12px;font-size:var(--fs-small);font-weight:600;color:var(--text-muted);margin-bottom:-1px}
.tc-ztabs button[aria-selected="true"]{color:var(--stl-green-text);border-bottom-color:var(--stl-green)}
.tc-ztabs [data-tczn]{font-weight:400}
.tc-zona[hidden]{display:none}
.tc-confronto{grid-column:1/-1}
.tc-confronto th[scope=row]{min-width:180px}
.tc-confronto h4{font-size:var(--fs-small);margin:0 0 var(--space-2)}
.tc-confronto h4 small,.tc-confronto th small{font-weight:400;color:var(--text-muted)}
.tc-confronto td{font-variant-numeric:tabular-nums;white-space:nowrap}
.tc-confronto td small{color:var(--text-muted)}
.tc-confronto td small.tc-giu{color:var(--stl-error);font-weight:700}
.tc-prima{color:var(--text-muted);font-size:var(--fs-xs)}
.tc-prima::before{content:"Prima: ";font-weight:600}
.tc-warn{color:var(--stl-error);font-weight:700}
@media (max-width:1000px){.tc-sez.tc-has-dom{grid-template-columns:1fr}.tc-has-dom .tc-domande{position:static;order:-1}}

/* ---------- Immagini ---------- */
.t-imgbar{gap:var(--space-2)}
[data-trgal]{display:flex;flex-direction:column;gap:var(--space-4);border-radius:var(--radius-card)}
[data-trgal].t-dropping{outline:3px dashed var(--stl-green);outline-offset:6px}
.t-set{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:var(--space-4)}
.t-shot{display:flex;flex-direction:column;gap:4px;font-size:var(--fs-small);position:relative}
.t-shot small{color:var(--text-muted);font-size:var(--fs-xs)}
.t-shot.ok strong{color:var(--stl-green-text)}
.t-thumb{display:block;padding:0;border:1px solid var(--border);border-radius:var(--radius-button);background:var(--bg-soft);aspect-ratio:4/3;overflow:hidden;cursor:zoom-in;position:relative;width:100%}
.t-thumb img{width:100%;height:100%;object-fit:cover;display:block}
.t-thumb.vuoto{display:flex;align-items:center;justify-content:center;cursor:default;border-style:dashed;color:var(--text-muted);font-size:var(--fs-xs)}
.t-thumb.vuoto .t-sagoma{position:absolute;inset:0;object-fit:contain;opacity:.35}
.t-thumb.vuoto span{position:relative}
.t-prec{position:absolute;top:6px;right:6px;display:flex;flex-direction:column;align-items:center;gap:1px;padding:2px;border:1px solid var(--border);border-radius:6px;background:var(--bg-card);font-size:10px;color:var(--text-muted);cursor:zoom-in}
.t-prec img{width:38px;height:28px;object-fit:cover;border-radius:4px}
.t-gal{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:var(--space-4)}
.t-fig{margin:0;display:flex;flex-direction:column;gap:6px}
.t-fig.t-noreport .t-thumb{opacity:.6}
.t-fig figcaption{display:flex;flex-direction:column;gap:3px;font-size:var(--fs-small)}
.t-fig figcaption small{color:var(--text-muted);font-size:var(--fs-xs)}
.t-fig .t-nota{color:var(--text)}
.t-fig .t-flags{margin:0}
.t-fig .g-act{display:flex;gap:2px}
.t-viewer{position:fixed;inset:0;z-index:70;background:rgba(10,10,10,.92);display:flex;align-items:center;justify-content:center;padding:48px 56px}
.t-viewer>img{max-width:100%;max-height:100%;object-fit:contain}
.t-viewer button{position:absolute;background:rgba(255,255,255,.12);border:0;color:#fff;font-size:32px;width:48px;height:48px;border-radius:50%;cursor:pointer}
.t-vx{top:12px;right:12px}.t-vp{left:12px;top:50%}.t-vn{right:12px;top:50%}
.t-vcap{position:absolute;bottom:12px;left:0;right:0;text-align:center;color:#fff;font-size:var(--fs-small)}
.t-uplist{display:flex;flex-direction:column;gap:var(--space-3)}
.t-uprow{display:grid;grid-template-columns:96px minmax(0,1fr) auto;gap:var(--space-3);align-items:center;padding:var(--space-2);border:1px solid var(--border);border-radius:var(--radius-button)}
.t-uprow img{width:96px;height:72px;object-fit:cover;border-radius:6px;background:var(--bg-soft)}
.t-uprow .stl-fgrid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:var(--space-2)}
.t-uprow .stl-field span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.t-cam{display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:var(--space-4)}
.t-camview{background:#111;border-radius:var(--radius-button);overflow:hidden;position:relative;aspect-ratio:4/3}
.t-camview video{width:100%;height:100%;object-fit:contain;display:block}
.t-camerr{position:absolute;inset:auto 12px 12px;color:#fff;margin:0;font-size:var(--fs-small)}
.t-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}
.t-camthumb{position:relative}
.t-camthumb img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:4px;display:block}
.t-camthumb i{position:absolute;top:2px;right:4px;font-style:normal;font-weight:700;color:#fff;text-shadow:0 0 3px #000}
.t-cartgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:var(--space-3);max-height:55vh;overflow:auto}
.t-cartf{display:flex;flex-direction:column;gap:4px;font-size:var(--fs-xs);color:var(--text-muted);position:relative;cursor:pointer}
.t-cartf input{position:absolute;top:6px;left:6px;width:20px;height:20px;accent-color:var(--stl-green-dark)}
.t-cartf img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:6px;background:var(--bg-soft)}
.t-side{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-3)}
.t-side figure{margin:0;display:flex;flex-direction:column;gap:4px;align-items:center}
.t-side img{width:100%;max-height:60vh;object-fit:contain;background:var(--bg-soft);border-radius:6px}
.t-slider{position:relative;width:100%;max-height:62vh;aspect-ratio:4/3;background:var(--bg-soft);border-radius:6px;overflow:hidden}
.t-slider img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}
.t-slider .t-top{clip-path:inset(0 0 0 var(--p))}
.t-slider::after{content:"";position:absolute;top:0;bottom:0;left:var(--p);width:2px;background:var(--stl-green)}
.t-slider span{position:absolute;bottom:8px;background:rgba(20,20,20,.7);color:#fff;font-size:var(--fs-xs);padding:2px 8px;border-radius:var(--radius-pill)}
.t-sl-a{left:8px}.t-sl-b{right:8px}
@media (max-width:820px){.t-cam,.t-side{grid-template-columns:1fr}.t-uprow{grid-template-columns:72px minmax(0,1fr)}}

/* ---------- Telefono (QR) ---------- */
.pf-list{display:flex;flex-direction:column;gap:var(--space-2)}
.pf-shot{display:grid;grid-template-columns:1fr auto;gap:2px var(--space-3);align-items:center;text-align:left;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-button);padding:14px 16px;font:inherit}
.pf-shot small{grid-column:1;color:var(--text-muted);font-size:var(--fs-xs)}
.pf-shot span{grid-column:2;grid-row:1/3;font-weight:700;color:var(--stl-green-text)}
.pf-shot.ok strong{color:var(--stl-green-text)}
.pf-cam{display:flex;flex-direction:column;gap:var(--space-3)}
.pf-view{position:relative;background:#111;border-radius:var(--radius-card);overflow:hidden;aspect-ratio:3/4}
.pf-view video,.pf-view>img{width:100%;height:100%;object-fit:cover;display:block}
.pf-ov{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;pointer-events:none}
.pf-ov.sagoma{opacity:.45;object-fit:contain}
.pf-ov.prima{opacity:.35}
.pf-title{position:absolute;top:10px;left:10px;background:rgba(20,20,20,.65);color:#fff;font-size:var(--fs-small);font-weight:600;padding:4px 10px;border-radius:var(--radius-pill)}
.pf-err{position:absolute;inset:auto 12px 12px;color:#fff;margin:0}
.pf-ctl{display:grid;grid-template-columns:1fr auto 1fr;gap:var(--space-3);align-items:center}
.pf-ctl .stl-btn{min-height:48px}
.pf-ctl .stl-btn.on{background:var(--stl-green-tint);border-color:var(--stl-green)}
.pf-ctl>:last-child{justify-self:end}
.pf-shutter{width:72px;height:72px;border-radius:50%;border:5px solid var(--stl-green-dark);background:var(--bg-card);box-shadow:inset 0 0 0 4px var(--bg-card),inset 0 0 0 40px var(--stl-green)}
.pf-alt{text-align:center;font-size:var(--fs-small);color:var(--text-muted)}
.pf-alt span{color:var(--stl-green-text);font-weight:700;text-decoration:underline;cursor:pointer}
.pf-ok{margin:0;background:var(--stl-green-tint);color:var(--stl-green-text);font-weight:700;padding:10px 14px;border-radius:var(--radius-button)}

.t-sugg{gap:var(--space-2);padding:var(--space-4) var(--space-5)}
.t-sugg .stl-btn small{font-weight:400}
.t-avviso strong{font-size:var(--fs-base)}

/* ---------- Tricogramma (Tricho Analyzer) ---------- */
.t-analyzer{width:100%;height:calc(100vh - var(--header-h) - 220px);min-height:560px;border:1px solid var(--border);border-radius:var(--radius-card);background:var(--bg-card)}
.t-sub{display:block;color:var(--text-muted);font-size:var(--fs-xs)}
.t-trend{margin:0;font-size:var(--fs-small);color:var(--text-muted)}
.t-trend strong{color:var(--text)}

/* ---------- Report ---------- */
.rp-form .tc-pills{flex-direction:column;align-items:flex-start}
.stl-tablewrap td.g-act{white-space:nowrap;text-align:right}

/* ---------- Passi della consulenza: tre gruppi ---------- */
.t-nav{display:grid;grid-template-columns:4fr 2fr 4fr;gap:var(--space-3)}
.t-navg{display:flex;flex-direction:column;gap:6px;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-card);padding:10px 12px}
.t-navt{font-family:var(--font-display);font-size:10.5px;letter-spacing:var(--ls-card-title);text-transform:uppercase;color:var(--stl-green-text)}
.t-navb{display:flex;flex-wrap:wrap;gap:4px}
.t-navb button{display:inline-flex;align-items:center;gap:6px;background:none;border:1px solid transparent;border-radius:var(--radius-button);padding:6px 9px;font-size:var(--fs-small);font-weight:600;color:var(--text-muted);text-align:left}
.t-navb button:hover{background:var(--bg-app);color:var(--text)}
.t-navb button[aria-selected="true"]{background:var(--stl-green-tint);border-color:var(--stl-green);color:var(--stl-green-text)}
.t-dot{width:8px;height:8px;border-radius:50%;border:1.5px solid var(--border-input);flex:none}
.t-dot.parz{border-color:var(--stl-green);background:linear-gradient(90deg,var(--stl-green) 50%,transparent 50%)}
.t-dot.ok{border-color:var(--stl-green);background:var(--stl-green)}
[data-trscheda][aria-pressed="true"]{background:var(--stl-green-tint);border-color:var(--stl-green);color:var(--stl-green-text)}
.t-riep summary{cursor:pointer;display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.t-riep h3{font-size:var(--fs-small);margin:var(--space-3) 0 4px;color:var(--stl-green-text)}
.t-riep .stl-row strong{text-align:right;max-width:60%}
@media (max-width:1100px){.t-nav{grid-template-columns:1fr}}
/* Tricologia → Immagini: miniatura nell'elenco; impostazioni delle immagini, del report e delle cartelle */
.t-imthumb{display:block;width:56px;height:42px;object-fit:cover;border-radius:6px;border:1px solid var(--border);background:var(--bg-soft)}
.t-imthumb.vuoto{border-style:dashed}
.t-path{font-family:ui-monospace,Menlo,monospace;font-size:var(--fs-xs);word-break:break-all;color:var(--text)}

/* «Importato da Trion»: original data of the one-time import, read-only */
.t-importato summary{cursor:pointer}
.t-importato h3{font-size:var(--fs-small);text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted);margin:var(--space-4) 0 var(--space-2)}
.t-imp{display:grid;grid-template-columns:minmax(180px,2fr) 3fr;gap:6px var(--space-3);margin:0;font-size:var(--fs-small)}
.t-imp dt{color:var(--text-muted)}
.t-imp dd{margin:0}
.t-imp .t-imp-sez{grid-column:1/-1;font-weight:600;color:var(--text);margin-top:var(--space-2)}
@media (max-width:640px){.t-imp{grid-template-columns:1fr}.t-imp dd{margin-bottom:var(--space-2)}}