/* incut.css — le schermate InCut e l'anagrafica comune (G.18). Nessun colore qui: solo i nomi di :root in app.css. */

/* la pastiglia del marchio: arancione con il testo bruno */
.marchio{display:inline-flex;align-items:center;gap:6px;font-size:var(--t1);font-weight:600;letter-spacing:.04em;
  text-transform:uppercase;color:var(--incut-scuro);background:var(--incut-soft);padding:3px 9px;border-radius:20px}
.marchio::before{content:"";width:8px;height:8px;border-radius:2px;background:var(--incut)}

/* barra laterale: la voce InCut attiva e' arancione, con il testo bruno */
.nav button.inc[aria-current="true"]{background:var(--incut);color:var(--incut-scuro);font-weight:600}

/* l'azione principale di una schermata InCut */
.btn.incut{background:var(--incut);border-color:var(--incut);color:var(--incut-scuro);font-weight:600}
.btn.incut:hover{background:var(--incut);border-color:var(--incut-scuro)}

/* elenchi: righe che si aprono */
.t-elenco tbody tr[data-apri]{cursor:pointer}
.t-elenco tbody tr[data-apri]:hover{background:var(--hover)}
.t-elenco td .mini{display:block}
.senza-nome{color:var(--ink-60)}                 /* al posto del nome vuoto, l'indirizzo: mai una riga vuota */

/* scostamento: il prezzo deciso a mano si riconosce sempre */
.c-coincide{background:var(--margine-soft);color:var(--margine)}
.c-mano{background:var(--materiale-soft);color:var(--materiale-ink)}
.c-inviato{background:var(--incut-soft);color:var(--incut-scuro)}
.c-bozza{background:var(--line-soft);color:var(--ink-60)}

.nota-piede{font-size:var(--t-meta);color:var(--ink-60);padding:10px var(--s4);border-top:1px solid var(--line-soft)}

/* ---------- preventivo B2B (SPEC_B2B_Schermate §4): tabella raggruppata per modello ---------- */
.tb2b tr.grp td{background:var(--sezione-soft);box-shadow:inset 3px 0 0 var(--sezione);font-weight:600;padding:9px var(--s3)}
.tb2b tr.grp .sub{font-weight:400;color:var(--ink-60);font-size:var(--t1);margin-left:8px}
.tb2b tfoot tr.tot td{background:var(--surface);border-top:1px solid var(--line);font-weight:600;padding:9px var(--s3)}
.tb2b .misure{display:block;font-size:var(--t1);color:var(--ink-60)}

/* scheda articolo (§5): l'essenza in uso piena in --incut-scuro, le altre con il contorno (.chip.muted esiste gia') */
.chip.attiva{background:var(--incut-scuro);color:var(--on-color)}

/* i due riquadri in basso (§4): a sinistra elastico, a destra 380px fissi */
.b2b-basso{display:flex;gap:var(--s4);align-items:flex-start;margin-top:var(--s4)}
.b2b-basso>.riq-composizione{flex:1;min-width:0}
.b2b-basso>.riq-totale{width:380px;flex:none}
.b2b-dashed{border:1px dashed var(--materiale-line);background:var(--surface);border-radius:8px;padding:12px 14px;font-size:var(--t2);margin-top:12px}
@media (max-width:900px){.b2b-basso{flex-direction:column}.b2b-basso>.riq-totale{width:100%}}

/* scheda cliente: due archivi affiancati, mai sommati */
.dueblocchi{display:grid;grid-template-columns:1fr 1fr;gap:var(--s4);margin-bottom:var(--s4)}
.dueblocchi .card>h2{margin:0;padding:13px var(--s4);font-size:var(--t3);font-weight:600;border-bottom:1px solid var(--line);
  display:flex;align-items:center;justify-content:space-between;gap:var(--s3)}
.dueblocchi .card>h2 small{font-weight:400;color:var(--ink-60);font-size:var(--t-meta)}
.appart{display:flex;gap:var(--s2);flex-wrap:wrap;margin-top:var(--s2)}
@media (max-width:1100px){.dueblocchi{grid-template-columns:1fr}}

/* ---------- configuratore (G.19): a sinistra la richiesta, a destra il risultato ---------- */
.cfg{display:grid;grid-template-columns:minmax(0,1fr) 420px}
.cfg .form{padding:18px 20px;border-right:1px solid var(--line);display:grid;gap:var(--s4);align-content:start}
.cfg .grp{display:grid;gap:var(--s2)}
.cfg .lab{font-size:var(--t1);font-weight:500;color:var(--ink-60);text-transform:uppercase;letter-spacing:.03em}
.cfg .lab .muted{text-transform:none;letter-spacing:0}
.cfg .pills{display:flex;gap:6px;flex-wrap:wrap}
.cfg .pill{border:1px solid var(--line);background:var(--card);border-radius:20px;padding:6px 13px;font-size:var(--t2);margin:0;color:var(--ink)}
.cfg .pill[aria-pressed="true"]{background:var(--incut-scuro);border-color:var(--incut-scuro);color:var(--on-color);font-weight:500}
.cfg .dims{display:flex;align-items:center;gap:var(--s2);flex-wrap:wrap}
.cfg .legni{display:grid;gap:6px}
.cfg .legno{display:flex;align-items:center;gap:var(--s2)}
.cfg .legno .n{width:18px;color:var(--ink-30);font-size:var(--t-meta)}
.cfg .legno select{flex:1}
.cfg .legno .p{font-size:var(--t-meta);color:var(--ink-60);width:96px;text-align:right}
.cfg .due{display:grid;grid-template-columns:1fr 1fr;gap:var(--s4)}
.cfg .forza{border:1px dashed var(--materiale-line);background:var(--surface);border-radius:8px;padding:12px 14px;display:grid;gap:var(--s2)}

.cfg .esito{padding:18px 20px;background:var(--surface);display:grid;gap:14px;align-content:start}
.esito .prezzo{background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:16px 18px}
.esito .prezzo .lab{font-size:var(--t1);font-weight:500;color:var(--ink-60);text-transform:uppercase;letter-spacing:.03em}
.esito .prezzo .big{font-size:38px;font-weight:600;letter-spacing:-.03em;line-height:1.1}
.esito .prezzo .gr{display:flex;justify-content:space-between;gap:var(--s2);font-size:var(--t-meta);color:var(--ink-60);margin-top:10px}
.esito .prezzo .gr b{color:var(--ink);font-weight:500}
.esito .voci{background:var(--card);border:1px solid var(--line);border-radius:var(--r);overflow:hidden}
.esito .voci h3{margin:0;padding:9px 14px;font-size:var(--t-meta);font-weight:600;color:var(--ink-60);text-transform:uppercase;letter-spacing:.03em;
  background:var(--sezione-soft);border-bottom:1px solid var(--sezione-line);box-shadow:inset 3px 0 0 var(--sezione)}
.esito .v{display:grid;grid-template-columns:1fr auto;gap:2px 10px;padding:7px 14px;border-bottom:1px solid var(--line-soft);font-size:var(--t2)}
.esito .v:last-child{border-bottom:0}
.esito .v .bc{grid-column:1/-1;font-size:var(--t1);color:var(--ink-60)}
.esito .v.spenta,.esito .v.spenta b,.esito .v.spenta .bc{color:var(--ink-30)}
.esito .v.tot{background:var(--surface);font-weight:600}
.esito .v b{font-weight:500}
.esito .grand{display:grid;grid-template-columns:1fr 1fr;gap:var(--s2)}
.esito .grand div{background:var(--card);border:1px solid var(--line);border-radius:8px;padding:8px 10px}
.esito .grand span{display:block;font-size:var(--t1);color:var(--ink-60);text-transform:uppercase;letter-spacing:.03em}
.esito .grand b{font-size:var(--t3);font-weight:600}
.esito .spess{border-radius:8px;padding:10px 12px;font-size:var(--t2);display:flex;gap:9px;align-items:flex-start}
.esito .spess.ok{background:var(--margine-soft);color:var(--margine-ink)}
.esito .spess.no{background:var(--materiale-soft);border:1px solid var(--materiale-line);color:var(--materiale-ink)}
.esito .variante{background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:12px 14px;display:grid;gap:6px}
.esito .variante .t{display:flex;justify-content:space-between;align-items:baseline;gap:var(--s2)}
.esito .variante .t .lab{font-size:var(--t1);font-weight:500;color:var(--ink-60);text-transform:uppercase;letter-spacing:.03em}
.esito .variante .t b{font-size:20px;font-weight:600}
@media (max-width:1100px){.cfg{grid-template-columns:1fr}.cfg .form{border-right:0;border-bottom:1px solid var(--line)}}

/* ---------- configurazione (G.20) ---------- */
.cfg-h2{margin:0;padding:13px var(--s4);font-size:var(--t3);font-weight:600;border-bottom:1px solid var(--line);
  display:flex;align-items:center;gap:var(--s3);flex-wrap:wrap}
.cfg-h2 small{font-weight:400;color:var(--ink-60);font-size:var(--t-meta);flex:1}
.cfg-griglia{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:var(--s4);padding:var(--s4)}
.cfg-sez h3{margin:0 0 var(--s2);font-size:var(--t1);font-weight:600;color:var(--ink-60);text-transform:uppercase;letter-spacing:.03em}
.cfg-sez td{padding-top:4px;padding-bottom:4px}
.cfg-largo{grid-column:1/-1}
.cfg-largo .dims{display:flex;align-items:center;gap:var(--s2);flex-wrap:wrap;margin-bottom:var(--s2)}
/* parte C (notte 29/09): il pannello «Messaggio» del preventivo taglieri */
.card.msg{padding:var(--s4);margin-top:var(--s4)}
.msg-testa{display:flex;gap:var(--s3);align-items:baseline;flex-wrap:wrap;margin-bottom:var(--s3)}
.msg-avvisi{border-color:var(--alert-line);background:var(--alert-soft);color:var(--alert);margin-bottom:var(--s3)}
.msg-testo{width:100%;resize:vertical;line-height:1.5;border-color:var(--line);background:var(--card);white-space:pre-wrap}
.msg-azioni{display:flex;gap:var(--s2);flex-wrap:wrap;margin-top:var(--s3)}
/* SPEC_RichiesteInCutPosta: le richieste dalla posta */
.posta-card{padding:var(--s4);margin-bottom:var(--s4)}
.posta-testa{display:flex;flex-wrap:wrap;gap:var(--s3);align-items:baseline;margin-bottom:var(--s2)}
.posta-testa h3{margin:0}
.posta-riga{display:grid;grid-template-columns:90px 140px minmax(0,1fr) auto;gap:var(--s3);align-items:start;padding:var(--s2) 0;
  border-bottom:1px solid var(--line-soft)}
.posta-riga.nuova{background:var(--incut-soft)}
.posta-azioni{display:flex;flex-wrap:wrap;gap:4px;justify-content:flex-end}
.posta-grezzo{white-space:pre-wrap;max-height:240px;overflow:auto;background:var(--surface);padding:var(--s2);border-radius:6px}
.posta-opz{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:var(--s3);margin-top:var(--s3)}
.posta-voce{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto;gap:var(--s2);margin-top:4px;max-width:640px}
@media (max-width:700px){.posta-riga{grid-template-columns:minmax(0,1fr)}}