/* ---------- CASCATA DI SMISTAMENTO ---------- */

/* nome del reparto: sembra un titolo, si comporta da campo */
.gname{
  flex:1;min-width:0;background:transparent;border:1px solid transparent;border-radius:7px;
  padding:3px 7px;margin:-3px 0 -3px -7px;font-size:13px;font-weight:600;color:var(--ink);
}
.gname:hover{border-color:var(--line);background:var(--panel)}
.gname:focus{outline:none;border-color:var(--accent);background:var(--panel);box-shadow:0 0 0 3px var(--accent-soft)}

/* descrizione facoltativa: invisibile finché non serve, il segnaposto è l'invito */
.gnota{
  display:block;width:100%;background:transparent;border:1px solid transparent;border-radius:7px;
  padding:3px 7px;margin:2px 0 0 -7px;font-size:11.5px;color:var(--ink-3);
}
.gnota::placeholder{color:var(--ink-3);opacity:.55;font-style:italic}
.gnota:hover{border-color:var(--line);background:var(--panel)}
.gnota:focus{outline:none;border-color:var(--accent);background:var(--panel);color:var(--ink-2)}

/* trascinamento dell'ordine (una sola lista: quella di presa in carico) */
.mord-row[draggable="true"]{cursor:grab;border:1px dashed transparent}
.mord-row[draggable="true"]:hover{border-color:var(--line)}
.mord-row[draggable="true"]:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}
.mord-row.dragging{opacity:.45;cursor:grabbing;background:var(--accent-soft);border-color:var(--accent)!important}
.grip{width:12px;text-align:center;color:var(--ink-3);font-size:11px;letter-spacing:-1px;flex-shrink:0}
.grip.bloccato{color:var(--line);cursor:default}
.mord-row[draggable="true"]:hover .grip{color:var(--accent)}

.tright{text-align:right}
.field input:disabled,.field select:disabled{background:var(--panel-2);color:var(--ink-3)}
.gcfg{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:8px;margin-top:10px}
.gcfg label{display:flex;flex-direction:column;gap:3px;font-size:10.5px;text-transform:uppercase;letter-spacing:.05em;color:var(--ink-3)}
.gcfg label.muted{opacity:.45}
.gcfg .largo{grid-column:1 / -1}
.cfg-tit{display:block;font-size:10.5px;text-transform:uppercase;letter-spacing:.05em;color:var(--ink-3);margin-bottom:5px}

/* permessi del settore come opzioni indipendenti */
.pgrid{display:grid;gap:3px}
/* le opzioni sono <label> dentro .gcfg: vanno sottratte al maiuscoletto dei campi */
.gcfg .pchk,.pchk{
  display:flex;flex-direction:row;align-items:baseline;gap:8px;padding:4px 6px;border-radius:7px;
  cursor:pointer;font-size:12.5px;text-transform:none;letter-spacing:0;
}
.pchk:hover{background:var(--panel)}
/* dentro al modale la spunta è un'opzione a sé: un riquadro che si accende,
   non una riga di testo persa in mezzo agli altri campi */
.field .pchk{
  align-items:flex-start;gap:10px;padding:11px 13px;border:1px solid var(--line);
  background:var(--panel-2);border-radius:9px;
}
.field .pchk:hover{border-color:var(--ink-3)}
.field .pchk.on{border-color:var(--accent);background:var(--accent-soft)}
.field .pchk .ptesto em{max-width:62ch}
.pchk input{accent-color:var(--accent);flex-shrink:0;margin:1px 0 0}
.ptesto{display:flex;flex-direction:column;gap:2px;min-width:0}
.ptesto b{font-weight:500;color:var(--ink-3)}
.pchk.on .ptesto b{color:var(--ink);font-weight:600}
.ptesto em{font-style:normal;font-size:11.5px;line-height:1.45;color:var(--ink-3)}
.pnota{margin:6px 0 0!important;padding-left:6px;font-size:11.5px;line-height:1.45}
.gcfg select{
  background:var(--panel);border:1px solid var(--line);border-radius:7px;padding:5px 7px;
  font-size:12.5px;text-transform:none;letter-spacing:0;color:var(--ink);
}
.gcfg select:focus{outline:none;border-color:var(--accent)}
.gcfg select:disabled{opacity:.6}

.cascata{margin-top:10px;border-top:1px solid var(--line-2);padding-top:9px}
.cascata .bar-lab{display:block;margin-bottom:6px}
.smist{border:1px solid var(--line);border-radius:9px;padding:10px;background:var(--panel-2)}
.smist-head{display:flex;align-items:center;gap:9px;margin-bottom:8px;flex-wrap:wrap}

.casc-row{display:flex;align-items:center;gap:8px;padding:5px 6px;border-radius:7px;font-size:12.5px}
.casc-row.win{background:color-mix(in srgb,#16a34a 10%,transparent);box-shadow:inset 2px 0 0 #16a34a}
.casc-row .pos{width:15px;text-align:center;color:var(--ink-3);font-size:11px;font-variant-numeric:tabular-nums}
.casc-row .av{width:22px;height:22px;border-radius:50%;background:var(--c);color:#fff;display:grid;place-items:center;font-size:9px;font-weight:600;flex-shrink:0}
.casc-row .nm{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.casc-row .me-tag{
  flex-shrink:0;font-size:9.5px;text-transform:uppercase;letter-spacing:.05em;
  color:var(--accent);background:var(--accent-soft);border-radius:20px;padding:1px 5px;
}
.casc-row .carico{font-size:11px;color:var(--ink-3);white-space:nowrap}
.casc-row .st{font-size:11px;padding:1px 7px;border-radius:20px;background:var(--line-2);color:var(--ink-3);white-space:nowrap}
.casc-row .st-libero{background:color-mix(in srgb,#16a34a 15%,transparent);color:#15803d}
.casc-row .st-occupato{background:color-mix(in srgb,#f59e0b 18%,transparent);color:#b45309}
.casc-row .st-non{background:color-mix(in srgb,#dc2626 12%,transparent);color:#b91c1c}
.casc-row .st-assente{background:color-mix(in srgb,#a855f7 14%,transparent);color:#7e22ce}
.casc-row .st-chiuso{background:color-mix(in srgb,#f59e0b 18%,transparent);color:#b45309}
.casc-row .xdel{width:22px;height:22px;font-size:14px;opacity:0}
.casc-row:hover .xdel,.casc-row .xdel:focus{opacity:1}

/* osservatori: stanno fuori dal settore, quindi anche visivamente stanno
   sotto alla cascata e non dentro, per non sembrare membri */
.oss{margin-top:10px;border-top:1px dashed var(--line);padding-top:9px}
.oss .bar-lab{display:block;margin-bottom:6px}
.oss-row{background:var(--panel-2)}
.oss-row select{
  background:var(--panel);border:1px solid var(--line);border-radius:7px;padding:4px 7px;
  font-size:11.5px;color:var(--ink-2);max-width:220px;
}
.oss-row select:focus{outline:none;border-color:var(--accent)}
.oss > select{
  background:var(--panel);border:1px dashed var(--line);border-radius:8px;padding:6px 9px;
  font-size:12.5px;color:var(--ink-2);max-width:100%;margin-top:6px;
}
.oss > select:hover{border-color:var(--accent);color:var(--accent)}
.oss > select:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}

.add-membro{margin-top:8px}
.add-membro select{
  background:var(--panel);border:1px dashed var(--line);border-radius:8px;padding:6px 9px;
  font-size:12.5px;color:var(--ink-2);max-width:100%;
}
.add-membro select:hover{border-color:var(--accent);color:var(--accent)}
.add-membro select:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}

/* ---------- CHIUSURE E ASSENZE ----------
   Un periodo è una riga sola: due date, il motivo, e via. */
.periodi{display:grid;gap:8px;margin-bottom:8px}
/* due date sulla prima riga, il motivo sotto: nelle schede strette non ci
   starebbero in linea, e un periodo tagliato a metà non si legge */
.periodo-row{
  display:grid;grid-template-columns:1fr auto 1fr 24px;gap:5px;align-items:center;
  padding:7px;border:1px solid var(--line);border-radius:9px;background:var(--panel-2);
}
.periodo-row input[type=date]{
  background:var(--panel);border:1px solid var(--line);border-radius:7px;padding:4px 6px;
  font-size:11.5px;width:100%;min-width:0;
}
.periodo-row .periodo-nota{
  grid-column:1 / 4;
  background:var(--panel);border:1px solid var(--line);border-radius:7px;padding:5px 8px;
  font-size:12.5px;width:100%;min-width:0;
}
.periodo-row input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}
.periodo-sep{color:var(--ink-3);font-size:11px;text-align:center}
.periodo-row .xdel{grid-column:4;grid-row:1;width:24px;height:24px;font-size:14px}

/* ---------- SETTORI: RIQUADRI DI RIEPILOGO ----------
   In pagina si legge, non si configura: la scheda completa si apre dal
   pulsante, così l'elenco resta scorribile a colpo d'occhio. */
.scards{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:12px}
.scard{border:1px solid var(--line);border-radius:var(--radius);background:var(--panel-2);padding:12px 13px}
.scard-head{display:flex;align-items:center;gap:9px;margin-bottom:8px}
.scard-nome{flex:1;min-width:0;font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.scard-head .gmark{
  flex:none;font-size:9px;font-weight:700;letter-spacing:.03em;color:var(--ink-3);
  background:var(--line-2);border-radius:5px;padding:2px 5px;
}
.scard-head .btn-ghost{margin:0;flex:none}
.scard-nota{margin:-4px 0 8px;font-size:12px;color:var(--ink-3);font-style:italic}
.scard-membri{display:flex;flex-wrap:wrap;gap:5px;margin-bottom:10px}
.scard-m{
  display:inline-flex;align-items:center;gap:5px;font-size:11.5px;white-space:nowrap;
  border:1px solid var(--line);background:var(--panel);border-radius:20px;padding:2px 9px 2px 6px;
}
.scard-m i{width:7px;height:7px;border-radius:50%;background:var(--c);flex:none}
.scard-m.capo{border-color:var(--accent-line);font-weight:600}
.scard-dati{display:grid;gap:4px}
.scard-dati > div{display:flex;justify-content:space-between;gap:10px;font-size:12px}
.scard-dati span{color:var(--ink-3)}
.scard-dati b{font-weight:500;text-align:right}
.btn-ghost.danger{color:#b91c1c}
.btn-ghost.danger:hover{border-color:#dc2626}
/* licenza cessata e scaduta: la cancellazione non è più una possibilità fra
   le altre, è la cosa che resta da fare. Si vede, senza gridare. */
.btn-ghost.danger.dovuta{
  border-color:color-mix(in srgb,#dc2626 45%,var(--line));
  background:color-mix(in srgb,#dc2626 8%,var(--panel));
}

/* ---------- INTEGRAZIONI ---------- */
.card.largo{grid-column:1 / -1}
.count.attivo{background:color-mix(in srgb,#16a34a 16%,transparent);color:#15803d}
/* le stesse caselle dei giorni, ma con dentro un'etichetta scritta dal cliente */
.gday.largo{width:auto;padding:5px 10px;text-transform:none;letter-spacing:0;gap:6px;font-size:12px}
.gday.largo i{width:8px;height:8px;border-radius:50%;background:var(--c,var(--ink-3));flex:none}

.code{
  background:var(--panel-2);border:1px solid var(--line);border-radius:9px;padding:11px 13px;
  font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11.5px;line-height:1.55;
  color:var(--ink-2);max-height:340px;overflow:auto;margin:0;white-space:pre;
}
.cfoot{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:8px 0 4px}
.cfoot .hint{flex:1;min-width:200px;overflow-wrap:anywhere}
.cfoot code,.callout code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px;color:var(--ink-2)}
.callout.avviso{border-color:color-mix(in srgb,#f59e0b 45%,var(--line));background:color-mix(in srgb,#f59e0b 8%,transparent)}
.callout.avviso div + div{margin-top:4px}
/* impegno rimasto senza interno: non è un errore del sistema, è una cosa
   che aspetta una decisione — stesso colore del richiamo sul calendario */
.callout.riassegna{
  border-color:color-mix(in srgb,#d97706 50%,var(--line));
  background:color-mix(in srgb,#d97706 9%,transparent);
}
.senza-interno{color:#b45309}
/* la voce vuota del selettore, finché nessuno ha scelto */
select.da-riassegnare{border-color:color-mix(in srgb,#d97706 55%,var(--line))}

.convlist{display:grid;gap:6px}
.convrow{
  display:flex;align-items:center;gap:11px;width:100%;text-align:left;
  background:var(--panel-2);border:1px solid var(--line);border-radius:9px;padding:9px 11px;cursor:pointer;
}
.convrow:hover{border-color:var(--accent)}
.cico{
  width:28px;height:28px;flex:none;border-radius:8px;display:grid;place-items:center;font-size:13px;
  background:var(--accent-soft);color:var(--accent);
}
.cico.grande{width:36px;height:36px;font-size:16px}
.cnm,.otesto{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1}
.cnm b,.otesto b{font-size:12.5px;font-weight:600;color:var(--ink)}
.cnm small,.otesto small{font-size:11.5px;color:var(--ink-3);overflow:hidden;text-overflow:ellipsis}
.cmeta{display:flex;flex-direction:column;align-items:flex-end;gap:2px;font-size:11.5px;color:var(--ink-2);white-space:nowrap}
.cmeta small{font-size:11px;color:var(--ink-3)}

/* ---------- ORIGINE E CONVERSAZIONE (dentro al modale) ---------- */
.orig{
  display:flex;align-items:center;gap:11px;margin-top:14px;padding:11px 13px;
  border:1px solid var(--line);border-radius:10px;background:var(--panel-2);
}
.orig.con{border-color:var(--accent-line)}
.orig button{flex:none;margin:0}
.conv-head{display:flex;align-items:center;gap:11px;padding-bottom:12px;border-bottom:1px solid var(--line-2)}
.conv-nota{margin:10px 0 0}
.conv{display:flex;flex-direction:column;gap:9px;margin-top:14px}
.bolla{max-width:82%;padding:8px 11px;border-radius:12px;font-size:13px;line-height:1.5}
.bolla .chi{display:block;font-size:10px;text-transform:uppercase;letter-spacing:.05em;color:var(--ink-3);margin-bottom:3px}
.bolla p{margin:0}
.bolla.agente{align-self:flex-start;background:var(--panel-2);border:1px solid var(--line);border-bottom-left-radius:4px}
.bolla.cliente{align-self:flex-end;background:var(--accent-soft);border:1px solid var(--accent-line);border-bottom-right-radius:4px}

/* ---------- PAGINE ---------- */
.page-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:16px}
.sub{color:var(--ink-2);font-size:13px;margin:4px 0 0;max-width:72ch}
.card{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:16px;box-shadow:var(--shadow)}
.card-title{font-size:14px;margin-bottom:4px}
.hint{font-size:12px;color:var(--ink-3);margin:0 0 12px}
.grid-2{display:grid;grid-template-columns:repeat(auto-fit,minmax(360px,1fr));gap:14px}

.table{width:100%;border-collapse:collapse;font-size:13px}
.table th{
  text-align:left;font-size:11px;text-transform:uppercase;letter-spacing:.05em;color:var(--ink-3);
  font-weight:500;padding:0 10px 8px;border-bottom:1px solid var(--line);
}
.table td{padding:10px;border-bottom:1px solid var(--line-2);vertical-align:middle}
/* le tabelle larghe scorrono dentro alla loro scheda, non trascinano la pagina */
.tabwrap{overflow-x:auto}
.tabwrap .table{min-width:660px}
.table tr:last-child td{border-bottom:0}
.table tr:hover td{background:var(--panel-2)}
.pill{display:inline-flex;align-items:center;gap:5px;font-size:11.5px;padding:2px 8px;border-radius:20px;background:var(--line-2);color:var(--ink-2)}
.pill.ok{background:color-mix(in srgb,#16a34a 14%,transparent);color:#15803d}
.pill.no{background:var(--line-2);color:var(--ink-3)}
.ext{font-variant-numeric:tabular-nums;font-weight:600;color:var(--accent)}
.person{display:flex;align-items:center;gap:8px;white-space:nowrap}
.tag-admin{
  flex-shrink:0;font-size:9.5px;text-transform:uppercase;letter-spacing:.05em;font-weight:600;
  color:var(--accent);background:var(--accent-soft);border-radius:20px;padding:2px 7px;
}
.person .av{width:26px;height:26px;border-radius:50%;background:var(--c);color:#fff;display:grid;place-items:center;font-size:10px;font-weight:600}

.kv > div{display:flex;justify-content:space-between;gap:12px;padding:7px 0;border-bottom:1px solid var(--line-2);font-size:13px}
.kv > div:last-child{border-bottom:0}
.kv span{color:var(--ink-2)}

.req{color:#dc2626;font-size:11px}

/* ---------- VERIFICA IN DUE PASSAGGI ---------- */
/* QR e istruzioni affiancati finché c'è larghezza; sotto, uno sull'altro */
.due-passi{display:flex;gap:18px;align-items:flex-start;flex-wrap:wrap}
.due-qr{
  flex:none;width:180px;height:180px;border-radius:10px;
  background:#fff;padding:8px;border:1px solid var(--line-2);
}
.due-testo{flex:1;min-width:200px;font-size:13px;line-height:1.5}
.due-testo p{margin:0 0 8px}
.due-testo .hint{margin:6px 0 0}
/* il segreto si copia a mano: spaziato, selezionabile, mai troncato */
.due-segreto{
  display:block;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;
  font-size:13px;letter-spacing:.06em;background:var(--panel-2);
  border:1px solid var(--line-2);border-radius:7px;padding:8px 10px;
  user-select:all;overflow-wrap:anywhere;
}
.due-codice{
  text-align:center;letter-spacing:.3em;font-size:19px;font-weight:600;
  font-variant-numeric:tabular-nums;
}

/* ---------- EDITOR DI CONFIGURAZIONE ---------- */
.cfg-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:10px;align-items:center;padding:8px 0;border-bottom:1px solid var(--line-2)}
.cfg-row:last-child{border-bottom:0}
.cfg-row > label{font-size:12.5px;color:var(--ink-2);display:flex;flex-direction:column;gap:2px}
.cfg-row > label small{font-size:11px;color:var(--ink-3)}
.cfg-row input,.cfg-row select{
  background:var(--panel);border:1px solid var(--line);border-radius:7px;padding:6px 8px;font-size:12.5px;width:100%;
}
.cfg-row input:focus,.cfg-row select:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}
.num-wrap{display:flex;align-items:center;gap:6px}
.num-wrap i{font-style:normal;font-size:11.5px;color:var(--ink-3);white-space:nowrap}

.giorni{display:flex;gap:4px;flex-wrap:wrap}
.gday{
  display:inline-flex;align-items:center;justify-content:center;width:34px;padding:5px 0;cursor:pointer;
  border:1px solid var(--line);border-radius:7px;font-size:11.5px;color:var(--ink-3);background:var(--panel);text-transform:uppercase;
}
.gday input{display:none}
.gday.on{border-color:var(--accent);background:var(--accent-soft);color:var(--accent);font-weight:600}

.lista{display:grid;gap:6px;margin-bottom:4px}
.lista-row{display:flex;align-items:center;gap:6px}
.lista-row input[type=color]{width:30px;height:30px;padding:2px;border:1px solid var(--line);border-radius:7px;background:var(--panel);flex-shrink:0;cursor:pointer}
.lista-row input,.lista-row select{background:var(--panel);border:1px solid var(--line);border-radius:7px;padding:6px 8px;font-size:12.5px;min-width:0;flex:1}
.lista-row input:focus,.lista-row select:focus{outline:none;border-color:var(--accent)}
.lista-row .num-wrap{flex:0 0 92px}
.lista-row .num-wrap input{flex:1}
.lista-sub{padding:0 0 2px 36px}
.lista-sub input{width:100%;background:var(--panel-2);border:1px dashed var(--line);border-radius:7px;padding:5px 8px;font-size:12px}
.obb{display:flex;align-items:center;gap:4px;font-size:11.5px;color:var(--ink-3);white-space:nowrap;flex-shrink:0}
.obb input{accent-color:var(--accent);flex:none}
.xdel{
  width:26px;height:26px;flex-shrink:0;padding:0;line-height:1;font-size:15px;
  background:none;border:1px solid transparent;border-radius:7px;color:var(--ink-3);
}
.xdel:hover{border-color:#dc2626;color:#dc2626}
.vuoto{font-size:12px;color:var(--ink-3);font-style:italic;margin:0 0 4px}


/* ---------- CONSOLE SUPERADMIN ---------- */
#tabTenant .av{border-radius:7px;font-size:9.5px;letter-spacing:.02em}
.tnome{display:flex;flex-direction:column;line-height:1.25;min-width:0}
.tnome small{font-size:11px;color:var(--ink-3)}
#tabTenant select,#tabTenant input{
  background:var(--panel);border:1px solid var(--line);border-radius:7px;padding:5px 7px;font-size:12.5px;max-width:100%;
}
#tabTenant select:focus,#tabTenant input:focus{outline:none;border-color:var(--accent)}
#tabTenant tr.spenta td{opacity:.5}
.lic-attivo{border-color:color-mix(in srgb,#16a34a 45%,var(--line))!important;color:#15803d}
.lic-cessato{border-color:color-mix(in srgb,#f59e0b 55%,var(--line))!important;color:#b45309}
.lic-sospeso{border-color:color-mix(in srgb,#dc2626 40%,var(--line))!important;color:#b91c1c}
.posti{display:flex;align-items:center;gap:7px}
.posti input{width:62px}
.posti i{font-style:normal;font-size:11px;color:var(--ink-3);white-space:nowrap}
.posti.pieno i{color:#b45309}
.posti.oltre i{color:#b91c1c;font-weight:600}
.scad{font-size:12.5px;color:var(--ink-2);white-space:nowrap}
.scad small{display:block;font-size:10.5px;color:var(--ink-3);margin-top:2px}
.scad small.ko{color:#b45309}
/* il collegamento dell'agente, una riga per tenant: lo stato si legge e si apre */
.azioni{white-space:nowrap}
#tabTenant .person{align-items:flex-start}
.tnome .agbtn{align-self:flex-start;margin-top:6px}
.agbtn{
  display:inline-flex;align-items:center;gap:6px;
  background:var(--panel);border:1px solid var(--line);border-radius:7px;padding:5px 9px;
  font-size:11.5px;white-space:nowrap;cursor:pointer;color:var(--ink-2);
}
/* il verbo dice cosa fa il pulsante, la pastiglia dice com'è messo adesso */
.agbtn em{
  font-style:normal;font-size:10px;text-transform:uppercase;letter-spacing:.04em;font-weight:600;
  padding:1px 6px;border-radius:20px;background:color-mix(in srgb,currentColor 14%,transparent);
}
.agbtn:hover{border-color:var(--accent);color:var(--accent)}
.ag-attivo{border-color:color-mix(in srgb,#16a34a 45%,var(--line));color:#15803d}
.ag-spento{color:var(--ink-3)}
.count.pieno{background:color-mix(in srgb,#f59e0b 20%,transparent);color:#b45309}
.ered{color:var(--accent);font-weight:500}
.ered + small{color:var(--ink-3);font-size:11px}
/* l'indirizzo non manda a capo la tabella: si accorcia e resta leggibile
   per intero passandoci sopra */
.mail{
  font-size:12.5px;color:var(--ink-2);display:block;max-width:24ch;
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
}
.senza{font-size:12px;color:var(--ink-3);font-style:italic}