/* ============================================================================
   Email a blocchi — elenco, galleria dei modelli (eml-) ed editor (eme-).
   Sta dentro Nightsheet: colori, caratteri e raggi sono quelli di app.css (le
   variabili del tema del locale). Le classi hanno il loro prefisso per non
   scontrarsi con il resto; le classi «em-…» dentro l'iframe sono dell'email e
   non c'entrano con queste.
   Regole di casa: bersagli da 44 px sul tocco (pointer:coarse), fuoco visibile,
   niente che compaia solo passando col mouse.
   ============================================================================ */

/* -------------------------------------------------------------- avviso sui telefoni (app.js, soloGrande) */
.solo-grande{max-width:440px;margin:28px auto;text-align:center;padding:26px 20px}
.solo-grande-t{font-family:var(--display);font-weight:700;font-size:20px;margin-bottom:8px}
.solo-grande .hint{font-size:14px;line-height:1.5}

/* -------------------------------------------------------------- elenco */
.eml-testa{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:14px}
.eml-testa h2{font-size:22px;margin:0}
.eml-testa p{margin:5px 0 0;color:var(--muted);max-width:68ch;line-height:1.5}
.eml-nuova{min-height:44px;padding:0 18px;font-size:14.5px;display:inline-flex;align-items:center;gap:8px}
.eml-griglia{display:grid;grid-template-columns:repeat(auto-fill,minmax(232px,1fr));gap:14px}
.eml-sez{margin:26px 0 10px;font-size:15px}
.eml-carta{background:var(--panel);border:1px solid var(--line);border-radius:var(--r);overflow:hidden;display:flex;flex-direction:column;min-width:0}
.eml-apri{display:flex;flex-direction:column;align-items:stretch;gap:0;text-align:left;padding:0;border:0;border-radius:0;background:transparent;min-height:0;flex:1}
.eml-apri:hover .eml-mini img{transform:scale(1.02)}
.eml-apri:focus-visible{outline-offset:-2px}
.eml-mini{display:flex;align-items:center;justify-content:center;height:200px;background:var(--bg);overflow:hidden;border-bottom:1px solid var(--line);color:var(--muted)}
.eml-mini img{width:100%;height:100%;object-fit:cover;object-position:top center;display:block;transition:transform .2s}
.eml-nome{font-weight:700;font-size:14.5px;padding:10px 12px 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.eml-ogg{font-size:12.5px;color:var(--muted);padding:2px 12px 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.eml-piede{display:flex;align-items:center;gap:8px;padding:4px 4px 4px 12px;border-top:1px solid var(--line);min-height:46px}
.eml-quando{font-size:11.5px;color:var(--muted);padding:5px 12px 10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;opacity:.85}
.eml-tipo{font-size:10.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;padding:2px 7px;border-radius:999px;border:1px solid var(--line);color:var(--muted);white-space:nowrap;flex:0 0 auto}
.eml-tipo.marketing{color:var(--accent);border-color:color-mix(in srgb,var(--accent) 45%,transparent)}
.eml-altro{min-width:44px;min-height:38px;display:inline-flex;align-items:center;justify-content:center;padding:0}
.eml-vuoto{text-align:center;padding:38px 20px}
.eml-vuoto h3{font-size:18px}
.eml-vuoto p{color:var(--muted);max-width:52ch;margin:6px auto 16px;line-height:1.5}
.eml-vuoto button{min-height:44px;padding:0 18px;display:inline-flex;align-items:center;gap:8px}
.eml-apro{position:fixed;inset:0;z-index:250;background:rgba(0,0,0,.55);display:flex;align-items:center;justify-content:center}
.eml-apro span{background:var(--panel);border:1px solid var(--line);border-radius:var(--r);padding:14px 22px;font-weight:600}

/* -------------------------------------------------------------- galleria dei modelli */
.mdl.eml-mdl-gal{max-width:min(1180px,calc(100vw - 32px))}
.eml-gal-intro{margin:0 0 14px;color:var(--muted);line-height:1.5}
.eml-gal-griglia{display:grid;grid-template-columns:repeat(auto-fill,minmax(228px,1fr));gap:16px}
.eml-gal-carta{display:flex;flex-direction:column;min-width:0}
.eml-gal-b{display:flex;flex-direction:column;align-items:stretch;text-align:left;gap:0;padding:0;background:transparent;border:1px solid var(--line);border-radius:var(--r);overflow:hidden;min-height:0;height:100%}
.eml-gal-b:hover,.eml-gal-b:focus-visible{border-color:var(--accent)}
/* il riquadro: l'email vera, larga 600, rimpicciolita a 240 (0,4) e tagliata dopo 300 px */
.eml-gal-vetro{display:block;position:relative;height:300px;overflow:hidden;background:var(--bg);border-bottom:1px solid var(--line)}
.eml-gal-foto{position:absolute;left:50%;top:0;width:640px;height:800px;border:0;transform:translateX(-50%) scale(.375);transform-origin:top center;pointer-events:none;opacity:0;transition:opacity .25s;background:transparent}
.eml-gal-vetro.ok .eml-gal-foto{opacity:1}
.eml-gal-attesa{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:12px;color:var(--muted)}
.eml-gal-vetro.ok .eml-gal-attesa{display:none}
.eml-gal-nome{display:flex;align-items:center;justify-content:space-between;gap:8px;font-weight:700;font-size:14.5px;padding:10px 12px 0}
.eml-gal-d{font-size:12.5px;color:var(--muted);padding:4px 12px 12px;line-height:1.45}
.eml-gal-vuota{border:1px dashed var(--line);border-radius:var(--r);overflow:hidden}
.eml-gal-vuota .eml-gal-vetro{height:150px;border-bottom:0;display:flex;align-items:center;justify-content:center}
.eml-gal-foglio{width:64px;height:84px;border:1px dashed var(--muted);border-radius:6px;display:flex;align-items:center;justify-content:center;color:var(--muted)}
.eml-gal-vuota-b{display:flex;flex-direction:column;gap:8px;padding:0 12px 14px;margin-top:auto}
.eml-gal-vuota-b button{min-height:44px}

/* ============================================================== EDITOR */
body.eme-aperto{overflow:hidden}
.eme [hidden],.eme-lib [hidden],.eme-lib-piede [hidden],.eml [hidden]{display:none!important}
.eme{position:fixed;inset:0;z-index:200;display:flex;flex-direction:column;background:var(--bg);color:var(--txt);font-size:14px}
.eme *{-webkit-tap-highlight-color:transparent}
.eme-grow{flex:1 1 0;min-width:0}
.eme-ico{display:inline-flex;flex:0 0 auto}
.eme-ico svg{display:block}

/* ---- barra in alto */
.eme-barra{display:flex;align-items:center;gap:6px;padding:6px 10px;min-height:54px;background:linear-gradient(90deg,var(--header-a),var(--header-b));border-bottom:1px solid var(--line);box-shadow:0 1px 0 var(--accent-glow);flex:0 0 auto}
.eme-barra button{min-height:40px;display:inline-flex;align-items:center;gap:7px;padding:0 12px;white-space:nowrap}
.eme-indietro{padding-left:6px!important;color:var(--txt)!important;font-weight:600}
.eme-quadro{min-width:40px;justify-content:center;padding:0!important}
.eme-nome{flex:0 1 260px;min-width:90px;min-height:40px;font-weight:700;font-size:15px;background:transparent;border-color:transparent;text-overflow:ellipsis}
.eme-nome:hover{border-color:var(--line)}
.eme-nome:focus{background:var(--panel2);border-color:var(--accent)}
.eme-stato{font-size:12.5px;padding:0 8px!important;color:var(--muted);flex:0 0 auto}
.eme-stato.ok::before{content:"✓ ";color:var(--ok)}
.eme-stato.ko{color:var(--bad);font-weight:600}
.eme-b-controlli{position:relative}
.eme-btn-c{display:none}
.eme-pallino{display:inline-flex;align-items:center;justify-content:center;min-width:8px;height:8px;border-radius:999px;background:transparent;font-size:11px;font-weight:700;font-family:var(--mono)}
.eme-pallino.ok{background:var(--ok)}
.eme-pallino.av{background:var(--warn)}
.eme-pallino.ko{background:var(--bad);color:#fff;min-width:18px;height:18px;padding:0 5px}

/* ---- corpo: tavolozza | tela | pannello */
.eme-corpo{flex:1 1 auto;min-height:0;display:grid;grid-template-columns:auto minmax(0,1fr) auto;grid-template-rows:minmax(0,1fr)}
.eme-tav{width:78px;overflow-y:auto;overflow-x:hidden;background:var(--panel);border-right:1px solid var(--line);padding:6px 5px 20px;scrollbar-width:none;overscroll-behavior:contain}
.eme-tav::-webkit-scrollbar{display:none}
.eme-tav-t{font-size:10px;text-transform:uppercase;letter-spacing:.12em;color:var(--muted);font-weight:600;padding:8px 4px 5px;text-align:center}
.eme-tav-g{display:grid;grid-template-columns:1fr;gap:4px}
.eme-pezzo{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;width:100%;min-height:52px;padding:5px 2px;background:var(--panel2);border:1px solid var(--line);border-radius:9px;font-size:10.5px;line-height:1.15;font-weight:600;color:var(--txt);text-align:center;touch-action:pan-y;cursor:grab;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}
.eme-pezzo:hover{border-color:var(--accent);color:var(--accent)}
.eme-pezzo:active{cursor:grabbing}
.eme-pezzo-riga{min-height:44px}
.eme-pezzo-riga span:last-child{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
.eme-centro{display:flex;flex-direction:column;min-width:0;min-height:0}
.eme-strumenti{display:flex;align-items:center;gap:8px;padding:5px 10px;background:var(--panel);border-bottom:1px solid var(--line);flex:0 0 auto;overflow-x:auto;scrollbar-width:none}
.eme-strumenti::-webkit-scrollbar{display:none}
.eme-gruppo{display:inline-flex;border:1px solid var(--line);border-radius:9px;overflow:hidden;flex:0 0 auto}
.eme-tasto{display:inline-flex;align-items:center;gap:6px;min-height:38px;padding:0 11px;border:0;border-radius:0;background:transparent;color:var(--muted);font-size:13px;font-weight:600;white-space:nowrap}
.eme-gruppo .eme-tasto+.eme-tasto{border-left:1px solid var(--line)}
.eme-tasto:hover{color:var(--txt)}
.eme-tasto.on{background:var(--accent);color:var(--on-accent)}
.eme-tasto:focus-visible{outline-offset:-2px}
.eme-b-pannello{border:1px solid var(--line);border-radius:9px;min-width:40px;justify-content:center;padding:0;flex:0 0 auto}
.eme-nota-vista{display:none;padding:7px 12px;font-size:12.5px;line-height:1.4;background:color-mix(in srgb,var(--accent) 16%,var(--panel));border-bottom:1px solid var(--line);flex:0 0 auto}
.eme-nota-vista.on{display:block}

/* ---- la scena scorre, il foglio e' l'email: iframe sotto, velo sopra */
.eme-scena{flex:1 1 auto;min-height:0;overflow:auto;position:relative;padding:14px 4px 120px;overscroll-behavior:contain;
  background-color:var(--bg);background-image:radial-gradient(color-mix(in srgb,var(--line) 70%,transparent) 1px,transparent 1px);background-size:16px 16px}
.eme-foglio{position:relative;margin:0 auto;width:700px;max-width:none;box-shadow:0 10px 40px rgba(0,0,0,.55);border-radius:6px}
.eme-foglio[data-schermo=telefono]{border-radius:22px;box-shadow:0 0 0 8px var(--panel2),0 0 0 9px var(--line),0 18px 50px rgba(0,0,0,.6);margin-top:10px}
.eme-foglio[data-schermo=telefono] .eme-tela{border-radius:14px}
.eme-tela{display:block;width:100%;height:600px;border:0;pointer-events:none;border-radius:6px;background:var(--panel)}
.eme-velo{position:absolute;inset:0;touch-action:pan-y;outline:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;cursor:default}
.eme-velo:focus-visible:not(.eme-da-dito){box-shadow:0 0 0 2px var(--accent),0 0 0 5px var(--accent-glow)}
.eme-attesa{display:none;position:absolute;left:0;right:0;top:90px;margin:0 auto;width:max-content;max-width:86%;background:var(--panel);border:1px solid var(--line);border-radius:var(--r);padding:12px 18px;font-weight:600;text-align:center;z-index:5}
.eme-attesa.on{display:block}
.eme-attesa.ko{border-color:var(--bad);cursor:pointer}

/* contorni: selezione, riga del blocco selezionato, passaggio del mouse */
.eme-cont{position:absolute;display:none;pointer-events:none;border-radius:4px;z-index:1}
.eme-cont-sel{outline:2px solid var(--accent);outline-offset:1px;box-shadow:0 0 0 4px rgba(0,0,0,.4),0 0 0 5px rgba(255,255,255,.22)}
.eme-cont-sel.eme-cont-di-riga{outline-offset:-2px;box-shadow:inset 0 0 0 3px rgba(0,0,0,.35)}
.eme-cont-sel.eme-cont-scrive{outline-style:dashed;box-shadow:none}
.eme-cont-riga{outline:1px dashed color-mix(in srgb,var(--accent) 75%,transparent);outline-offset:-1px}
.eme-cont-passa{outline:1px solid color-mix(in srgb,var(--accent) 80%,transparent);outline-offset:0;background:color-mix(in srgb,var(--accent) 7%,transparent)}
.eme-etichetta{position:absolute;display:none;z-index:2;pointer-events:none;background:var(--accent);color:var(--on-accent);font-size:10.5px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;line-height:1;padding:5px 8px;border-radius:6px;white-space:nowrap;box-shadow:0 2px 8px rgba(0,0,0,.4)}
.eme-azioni,.eme-scrivi{position:absolute;display:none;z-index:3;align-items:center;gap:2px;padding:3px;background:var(--panel);border:1px solid var(--line);border-radius:11px;box-shadow:0 8px 26px rgba(0,0,0,.6);pointer-events:auto;white-space:nowrap}
.eme-az{display:inline-flex;align-items:center;justify-content:center;gap:5px;min-width:36px;min-height:36px;padding:0 8px;border:0;border-radius:8px;background:transparent;color:var(--txt);font-size:12.5px;font-weight:600}
.eme-az:hover{background:var(--panel2)}
.eme-az:disabled{opacity:.3}
.eme-az-riga{color:var(--muted);border-right:1px solid var(--line);border-radius:8px 0 0 8px;padding-right:10px;margin-right:2px}
.eme-az-presa{cursor:grab;touch-action:none;color:var(--accent)}
.eme-az-via:hover{color:var(--bad)}
.eme-az-fatto{background:var(--accent);color:var(--on-accent);padding:0 12px}
.eme-az-fatto:hover{background:var(--accent-hover)}
.eme-az-nota{font-size:12px;color:var(--muted);padding:0 10px}
.eme-link-in{width:230px;min-height:36px}
/* trascinamento */
.eme-goccia{position:absolute;display:none;height:4px;border-radius:3px;background:var(--accent);box-shadow:0 0 0 2px rgba(0,0,0,.55),0 0 14px var(--accent);pointer-events:none;z-index:4}
.eme-goccia-t{position:absolute;left:50%;top:-9px;transform:translateX(-50%);background:var(--accent);color:var(--on-accent);font-size:10.5px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;padding:4px 9px;border-radius:999px;white-space:nowrap;box-shadow:0 0 0 2px rgba(0,0,0,.55)}
.eme-zona{position:absolute;display:none;border:2px dashed var(--accent);border-radius:8px;background:color-mix(in srgb,var(--accent) 22%,transparent);pointer-events:none;z-index:4}
.eme-goccia.nullo,.eme-zona.nullo{opacity:.3}
.eme-fantasma{position:fixed;left:0;top:0;display:none;z-index:260;pointer-events:none;background:var(--accent);color:var(--on-accent);font-weight:700;font-size:13px;padding:8px 13px;border-radius:9px;box-shadow:0 10px 26px rgba(0,0,0,.55);white-space:nowrap}
.eme-fantasma.no{background:var(--panel2);color:var(--muted);border:1px solid var(--line)}
.eme-trascina,.eme-trascina *{cursor:grabbing!important;-webkit-user-select:none!important;user-select:none!important}
/* scrivere in posto: il velo si apre attorno al testo (quattro imposte), li' i tocchi arrivano all'email */
.eme-scrive .eme-velo{pointer-events:none}
.eme-scrive .eme-cont-riga,.eme-scrive .eme-cont-passa{display:none!important}
.eme-imposta{position:absolute;display:none;pointer-events:auto;background:rgba(0,0,0,.32)}

/* ---- pannello */
.eme-pan{width:316px;display:flex;flex-direction:column;min-height:0;background:var(--panel);border-left:1px solid var(--line)}
.eme-ling{display:flex;align-items:stretch;border-bottom:1px solid var(--line);flex:0 0 auto}
.eme-lin{flex:1 1 0;min-height:44px;min-width:0;padding:0 4px;background:transparent;border:0;border-radius:0;box-shadow:inset 0 -2px 0 transparent;color:var(--muted);font-weight:600;font-size:12.5px;display:inline-flex;align-items:center;justify-content:center;gap:5px}
.eme-lin:hover{color:var(--txt)}
.eme-lin.on{color:var(--txt);font-weight:700;box-shadow:inset 0 -2px 0 var(--accent)}
.eme-lin:focus-visible{outline-offset:-2px}
.eme-lin-giu{display:none;flex:0 0 44px;min-height:44px;padding:0;align-items:center;justify-content:center}
.eme-conta{display:inline-flex;align-items:center;justify-content:center;min-width:17px;height:17px;padding:0 4px;border-radius:999px;font-size:10.5px;font-weight:700;font-family:var(--mono);background:var(--warn);color:#1a1508}
.eme-conta.ko{background:var(--bad);color:#fff}
.eme-pan-corpo{flex:1 1 auto;min-height:0;overflow-y:auto;padding:14px 14px 40px;overscroll-behavior:contain}
.eme-pan-testa{display:flex;align-items:center;gap:10px;margin-bottom:14px;color:var(--accent)}
.eme-pan-tit{display:flex;flex-direction:column;align-items:flex-start;color:var(--txt);min-width:0}
.eme-pan-tit h4{margin:0;font-family:var(--display);font-size:17px;font-weight:700}
.eme-linkb{background:transparent;border:0;padding:0;min-height:0;color:var(--muted);font-size:12px;font-weight:600;text-decoration:underline;text-underline-offset:3px;cursor:pointer}
.eme-linkb:hover{color:var(--accent)}
.eme-campo{margin-bottom:14px}
.eme-lab{font-size:11px;text-transform:uppercase;letter-spacing:.1em;color:var(--muted);font-weight:600;margin-bottom:5px}
.eme-in{width:100%;min-height:38px;font-size:14px}
textarea.eme-in{resize:vertical;line-height:1.4;padding-top:8px;padding-bottom:8px}
.eme-in.ko{border-color:var(--bad)}
.eme-err{color:var(--bad);font-size:12.5px;margin-top:5px;line-height:1.4}
.eme-sez{border-top:1px solid var(--line);padding-top:14px;margin:4px 0 14px}
.eme-sez>.eme-scelta{margin-bottom:14px}
.eme-sez>:last-child{margin-bottom:0}
.eme-sez>h4{margin:0 0 10px;font-family:var(--display);font-size:14px;font-weight:700}
.eme-scelta{display:flex;gap:4px;flex-wrap:wrap}
.eme-opz{flex:1 1 0;min-width:0;min-height:38px;padding:4px 6px;display:inline-flex;align-items:center;justify-content:center;gap:5px;font-size:12.5px;line-height:1.15;font-weight:600;color:var(--muted);text-align:center}
.eme-opz.on{background:var(--accent);border-color:var(--accent);color:var(--on-accent)}
.eme-tagli .eme-opz{flex:1 1 0;padding:0}
.eme-largo{width:100%;min-height:42px;display:inline-flex;align-items:center;justify-content:center;gap:8px}
.eme-campo>button:not(.eme-largo):not(.eme-col-b):not(.eme-font-b){min-height:40px;display:inline-flex;align-items:center;gap:8px}
/* interruttore */
.eme-int{display:flex;align-items:center;gap:11px;min-height:44px;cursor:pointer;margin-bottom:10px}
.eme-int input{position:absolute;opacity:0;width:1px;height:1px}
.eme-int-c{position:relative;flex:0 0 42px;height:24px;border-radius:999px;background:var(--panel2);border:1px solid var(--line);transition:background .15s,border-color .15s}
.eme-int-c::after{content:"";position:absolute;left:2px;top:2px;width:18px;height:18px;border-radius:50%;background:var(--muted);transition:transform .15s,background .15s}
.eme-int input:checked+.eme-int-c{background:var(--accent);border-color:var(--accent)}
.eme-int input:checked+.eme-int-c::after{transform:translateX(18px);background:var(--on-accent)}
.eme-int input:focus-visible+.eme-int-c{outline:2px solid var(--accent);outline-offset:2px}
.eme-int-t{display:flex;flex-direction:column;font-size:13.5px;line-height:1.3}
.eme-int-t small{font-size:12px;color:var(--muted);margin-top:2px}
/* colore */
.eme-col-b{display:flex;align-items:center;gap:9px;width:100%;min-height:40px;padding:5px 9px;text-align:left}
.eme-camp{flex:0 0 24px;height:24px;border-radius:6px;border:1px solid rgba(255,255,255,.28);box-shadow:inset 0 0 0 1px rgba(0,0,0,.25)}
.eme-camp.vuoto{background-image:linear-gradient(135deg,transparent 46%,var(--muted) 46%,var(--muted) 54%,transparent 54%)!important}
.eme-col-t{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13.5px}
.eme-col-f{color:var(--muted)}
.eme-col-giu{margin-top:6px;padding:10px;border:1px solid var(--line);border-radius:var(--r-s);background:var(--bg)}
.eme-col-fila{margin-bottom:10px}
.eme-col-ft{display:block;font-size:11px;color:var(--muted);margin-bottom:5px}
.eme-col-camp{display:flex;flex-wrap:wrap;gap:6px}
.eme-cam{width:30px;height:30px;min-height:0;padding:0;border-radius:8px;border:1px solid rgba(255,255,255,.25)}
.eme-cam.on{outline:2px solid var(--txt);outline-offset:2px}
.eme-col-lib{display:flex;align-items:center;gap:6px;flex-wrap:wrap}
.eme-col-nl{display:inline-flex;align-items:center;gap:6px;min-height:38px;padding:0 9px 0 5px;border:1px solid var(--line);border-radius:var(--r-s);background:var(--panel2);cursor:pointer;font-size:13px}
.eme-col-n{width:28px;height:28px;min-height:0;padding:0;border:0;background:transparent;border-radius:6px;cursor:pointer}
.eme-esa{flex:1 1 84px;width:84px;font-family:var(--mono);text-transform:uppercase}
.eme-col-serie{min-height:38px}
.eme-col-serie.on{border-color:var(--accent);color:var(--accent)}
/* font */
.eme-font-b{display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%;min-height:44px;text-align:left}
.eme-font-n{font-size:17px;line-height:1.2}
.eme-font-l{display:flex;flex-direction:column;gap:4px;margin-top:6px}
.eme-font-v{display:flex;flex-direction:column;align-items:flex-start;gap:2px;text-align:left;min-height:52px;padding:7px 10px}
.eme-font-v.on{border-color:var(--accent);box-shadow:inset 3px 0 0 var(--accent)}
.eme-font-d{font-size:11.5px;color:var(--muted);line-height:1.35}
.eme-font-l[hidden],.eme-col-giu[hidden]{display:none}
/* cursore (velo) */
.eme-cursore-r{display:flex;align-items:center;gap:10px;margin-bottom:8px}
.eme-cursore{flex:1;min-height:32px;padding:0;accent-color:var(--accent);background:transparent;border:0}
.eme-cursore-v{font-family:var(--mono);font-size:13px;min-width:38px;text-align:right}
/* immagine scelta */
.eme-img-in{display:flex;flex-direction:column;gap:8px}
.eme-img-mini{display:flex;align-items:center;justify-content:center;width:100%;height:132px;padding:0;overflow:hidden;background:var(--bg);border-style:dashed}
.eme-img-mini img{width:100%;height:100%;object-fit:contain;display:block}
.eme-img-vuota{display:flex;flex-direction:column;align-items:center;gap:6px;color:var(--muted);font-size:12.5px}
.eme-img-b{display:flex;gap:6px}
.eme-img-b button{flex:1;min-height:40px;display:inline-flex;align-items:center;justify-content:center;gap:7px}
/* note, avvisi */
.eme-nota{display:flex;gap:9px;align-items:flex-start;padding:9px 10px;margin-bottom:14px;border-radius:var(--r-s);background:var(--panel2);font-size:12.5px;line-height:1.45;color:var(--muted)}
.eme-nota .eme-ico{color:var(--accent);margin-top:1px}
.eme-avv-in{display:flex;gap:8px;align-items:flex-start;padding:8px 10px;margin:8px 0 12px;border-radius:var(--r-s);border:1px solid color-mix(in srgb,var(--warn) 55%,transparent);background:color-mix(in srgb,var(--warn) 10%,transparent);font-size:12.5px;line-height:1.45}
.eme-avv-in .eme-ico{color:var(--warn);margin-top:1px}
.eme-avv-testa{display:flex;gap:9px;align-items:flex-start;padding:10px;margin-bottom:14px;border-radius:var(--r-s);border:1px solid var(--warn);background:color-mix(in srgb,var(--warn) 12%,transparent);font-size:13px;line-height:1.4}
.eme-avv-testa.errore,.eme-avv-testa.tecnico{border-color:var(--bad);background:color-mix(in srgb,var(--bad) 12%,transparent)}
.eme-avv-testa .eme-linkb{margin-top:6px;min-height:28px}
.eme-vuoto{padding:6px 2px;color:var(--muted);line-height:1.5}
.eme-vuoto h4{font-family:var(--display);font-size:16px;color:var(--txt);margin:0 0 4px}
.eme-vuoto p{margin:0 0 12px}
.eme-aiutino{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:9px;font-size:13px}
.eme-aiutino b{color:var(--txt)}
.eme-segna{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin:-8px 0 14px}
.eme-segna-t{font-size:12px;color:var(--muted)}
.eme-chip{min-height:32px;padding:0 10px;border-radius:999px;font-size:12.5px;font-weight:600}
.eme-conta-car{display:block;text-align:right;font-family:var(--mono);font-size:11.5px;color:var(--muted);margin-top:3px}
.eme-conta-car.ko{color:var(--warn);font-weight:700}
.eme-dato{display:flex;justify-content:space-between;gap:12px;font-size:13px;padding:5px 0}
.eme-dato span{color:var(--muted);flex:0 0 auto}
.eme-dato b{font-weight:600;text-align:right;overflow-wrap:anywhere}
.eme-codice{font-family:var(--mono);font-size:11px;color:var(--muted)}
.eme-video-stato{font-size:12.5px;line-height:1.45;margin-top:7px;color:var(--muted)}
.eme-video-stato.ko{color:var(--txt);padding:9px 10px;border-radius:var(--r-s);border:1px solid var(--bad);background:color-mix(in srgb,var(--bad) 10%,transparent)}
/* serate */
.eme-serata{display:flex;align-items:center;gap:9px;padding:7px;margin-top:6px;border:1px solid var(--line);border-radius:var(--r-s);background:var(--panel2)}
.eme-serata.on{border-color:var(--accent)}
.eme-serata-img{flex:0 0 44px;width:44px;height:44px;border-radius:6px;object-fit:cover;display:flex;align-items:center;justify-content:center;background:var(--bg);color:var(--muted)}
.eme-serata-t{flex:1;min-width:0;display:flex;flex-direction:column;font-size:12px;color:var(--muted);line-height:1.35}
.eme-serata-t b{color:var(--txt);font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.eme-serata-manca{color:var(--warn)}
.eme-serata button{flex:0 0 auto;min-height:40px;display:inline-flex;align-items:center;gap:5px;padding:0 9px;font-size:12.5px}
/* controlli */
.eme-esito{display:flex;align-items:center;gap:9px;padding:11px 12px;border-radius:var(--r-s);margin-bottom:12px;border:1px solid var(--ok);background:color-mix(in srgb,var(--ok) 12%,transparent);font-size:13.5px;line-height:1.35}
.eme-esito.av{border-color:var(--warn);background:color-mix(in srgb,var(--warn) 12%,transparent)}
.eme-esito.ko{border-color:var(--bad);background:color-mix(in srgb,var(--bad) 12%,transparent)}
.eme-peso{margin-bottom:14px}
.eme-peso-t{display:flex;justify-content:space-between;font-size:12.5px;color:var(--muted);margin-bottom:5px}
.eme-peso-t b{color:var(--txt);font-family:var(--mono);font-weight:500}
.eme-peso-b{height:6px;border-radius:3px;background:var(--panel2);overflow:hidden}
.eme-peso-b i{display:block;height:100%;background:var(--ok);border-radius:3px}
.eme-peso-b i.ko{background:var(--warn)}
.eme-avviso{display:flex;align-items:flex-start;gap:9px;width:100%;text-align:left;padding:9px 10px;margin-bottom:6px;min-height:44px;border:1px solid var(--line);border-radius:var(--r-s);background:var(--panel2);font-size:13px;line-height:1.4;font-weight:400}
.eme-avviso .eme-ico{color:var(--warn);margin-top:1px}
.eme-avviso.errore .eme-ico,.eme-avviso.tecnico .eme-ico{color:var(--bad)}
.eme-avviso.info .eme-ico{color:var(--muted)}
.eme-avviso-t{flex:1;min-width:0;overflow-wrap:anywhere}
.eme-avviso-vai{flex:0 0 auto;font-size:11.5px;font-weight:700;color:var(--accent);white-space:nowrap;margin-top:1px}
button.eme-avviso:hover{border-color:var(--accent)}

/* ---- menu a comparsa, conflitto */
.eme-menu{position:fixed;z-index:270;min-width:230px;display:flex;flex-direction:column;padding:4px;background:var(--panel);border:1px solid var(--line);border-radius:var(--r);box-shadow:0 14px 34px rgba(0,0,0,.6)}
.eme-menu-v{display:flex;align-items:center;gap:10px;min-height:44px;padding:0 12px;text-align:left;background:transparent;border:0;border-radius:7px;font-weight:500;font-size:14px}
.eme-menu-v:hover,.eme-menu-v:focus-visible{background:var(--panel2)}
.eme-menu-v.via{color:var(--bad)}
.eme-conflitto{position:absolute;inset:0;z-index:240;background:rgba(0,0,0,.62);display:flex;align-items:center;justify-content:center;padding:16px}
.eme-conflitto-box{max-width:500px;background:var(--panel);border:1px solid var(--bad);border-radius:14px;padding:20px 22px}
.eme-conflitto-box h3{font-size:18px;margin-bottom:8px}
.eme-conflitto-box p{margin:0 0 10px;line-height:1.5}
.eme-conflitto-b{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px}
.eme-conflitto-b button{min-height:44px;padding:0 14px}

/* ---- finestre: libreria, vetrina, dati, versioni, prova */
.mdl.eme-mdl-lib{max-width:min(940px,calc(100vw - 32px))}
.mdl.eme-mdl-lib .mdl-body{min-height:min(420px,50vh)}
.eme-lib-barra{display:flex;gap:8px;align-items:center;margin-bottom:10px}
.eme-lib-cerca{flex:1;display:flex;align-items:center;gap:7px;padding:0 10px;min-height:42px;border:1px solid var(--line);border-radius:var(--r-s);background:var(--panel2);color:var(--muted)}
.eme-lib-cerca:focus-within{border-color:var(--accent)}
.eme-lib-cerca input{flex:1;border:0;background:transparent;min-height:40px;padding:0}
.eme-lib-barra>button{min-height:42px;display:inline-flex;align-items:center;gap:8px;padding:0 14px;flex:0 0 auto}
.eme-lib-stato{display:none;padding:8px 10px;margin-bottom:10px;border-radius:var(--r-s);background:var(--panel2);font-size:13px;line-height:1.4}
.eme-lib-stato.on{display:block}
.eme-lib-stato.ko{border:1px solid var(--bad);background:color-mix(in srgb,var(--bad) 10%,transparent)}
.eme-lib-griglia{display:grid;grid-template-columns:repeat(auto-fill,minmax(132px,1fr));gap:10px}
.eme-lib-v{position:relative;display:flex;flex-direction:column;align-items:stretch;gap:0;padding:0;overflow:hidden;text-align:left;min-height:0;background:var(--panel2)}
.eme-lib-v.on{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent)}
.eme-lib-img{display:block;height:112px;background:var(--bg) repeating-conic-gradient(rgba(255,255,255,.05) 0 25%,transparent 0 50%) 0 0/16px 16px}
.eme-lib-img img{width:100%;height:100%;object-fit:contain;display:block}
.eme-lib-n{font-size:11.5px;padding:6px 8px 7px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--muted);font-weight:500}
.eme-lib-noalt{position:absolute;left:5px;top:5px;font-size:10px;font-weight:700;padding:2px 6px;border-radius:999px;background:var(--warn);color:#1a1508}
.eme-lib-vuota{grid-column:1/-1;display:flex;flex-direction:column;align-items:center;gap:6px;padding:40px 20px;text-align:center;color:var(--muted);border:1px dashed var(--line);border-radius:var(--r)}
.eme-lib-vuota b{color:var(--txt);font-size:15px}
.eme-lib-nota{margin-top:12px}
.eme-lib.eme-molla{outline:2px dashed var(--accent);outline-offset:6px;border-radius:var(--r)}
.eme-lib-piede{align-items:center}
.eme-lib-scelta{flex:1 1 320px;display:flex;align-items:center;gap:8px;min-width:0}
.eme-lib-scelta[hidden]{display:none}
.eme-lib-pmini{flex:0 0 44px;width:44px;height:44px;border-radius:6px;overflow:hidden;background:var(--bg)}
.eme-lib-pmini img{width:100%;height:100%;object-fit:cover;display:block}
.eme-lib-scelta .eme-in{flex:1;min-width:120px;min-height:42px}
.eme-lib-scelta button,.eme-lib-piede>button{min-height:42px;display:inline-flex;align-items:center;gap:7px;flex:0 0 auto}
.eme-vetrina-testa{font-size:15px;margin-bottom:4px}
.eme-vetrina-testa span{color:var(--muted)}
.eme-vetrina-griglia{display:grid;grid-template-columns:minmax(0,220px) minmax(0,1fr);gap:18px;margin-top:14px}
.eme-vetrina .eme-img-mini{height:220px}
.eme-scaletta{font-size:13.5px;line-height:1.5}
.mdl-foot>button{min-height:38px}
.eme-versione{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 0;border-bottom:1px solid var(--line)}
.eme-versione>div{min-width:0}
.eme-versione span{color:var(--muted);font-size:12.5px}
.eme-versione button{flex:0 0 auto;min-height:42px;display:inline-flex;align-items:center;gap:7px}
.eme-versioni>.hint:first-child{margin:0 0 6px}
.eme-prova-cosa{margin:0 0 12px;line-height:1.5}
.eme-prova-esito{font-size:13.5px;line-height:1.5;margin-top:10px}
.eme-prova-esito.ok,.eme-prova-esito.av,.eme-prova-esito.ko{padding:10px 12px;border-radius:var(--r-s);border:1px solid var(--ok);background:color-mix(in srgb,var(--ok) 10%,transparent)}
.eme-prova-esito.av{border-color:var(--warn);background:color-mix(in srgb,var(--warn) 10%,transparent)}
.eme-prova-esito.ko{border-color:var(--bad);background:color-mix(in srgb,var(--bad) 10%,transparent)}
.eme-prova-ko{margin-top:4px}

/* ---- PC largo: tavolozza con i nomi, su due colonne */
@media (min-width:1280px){
  .eme-tav{width:204px;padding:8px 10px 24px}
  .eme-tav-t{text-align:left;font-size:11px;padding:10px 2px 6px}
  .eme-tav-g{grid-template-columns:1fr 1fr;gap:6px}
  .eme-pezzo{min-height:62px;font-size:12px;gap:5px}
  .eme-tav-righe{grid-template-columns:repeat(5,1fr)}
  .eme-pezzo-riga{min-height:44px}
  .eme-pan{width:340px}
}
/* ---- pannello chiuso (PC e tablet in orizzontale): tutta la larghezza alla tela */
@media (min-width:1000px){ .eme-pan-chiuso .eme-pan{display:none} }
/* ---- tablet in verticale e finestre strette: il pannello sale dal basso e si abbassa */
@media (max-width:999.98px){
  .eme-corpo{grid-template-columns:auto minmax(0,1fr);grid-template-rows:minmax(0,1fr) auto}
  .eme-pan{grid-column:1/-1;width:auto;border-left:0;border-top:1px solid var(--line);height:min(44vh,430px);box-shadow:0 -10px 30px rgba(0,0,0,.45)}
  .eme-pan-chiuso .eme-pan{height:auto}
  .eme-pan-chiuso .eme-pan-corpo{display:none}
  .eme-lin-giu{display:inline-flex}
  .eme-b-pannello{display:none}
  .eme-pan-corpo{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 18px;align-content:start}
  .eme-pan-corpo>.eme-pan-testa,.eme-pan-corpo>.eme-nota,.eme-pan-corpo>.eme-vuoto,.eme-pan-corpo>.eme-sez,.eme-pan-corpo>.eme-avv-testa,.eme-pan-corpo>.eme-esito,.eme-pan-corpo>.eme-peso,.eme-pan-corpo>.eme-segna{grid-column:1/-1}
  .eme-barra .primary .eme-btn-t,.eme-barra .eme-b-prova .eme-btn-t{display:none}
  .eme-barra .primary .eme-btn-c,.eme-barra .eme-b-prova .eme-btn-c{display:inline}
  .eme-barra .eme-b-invia .eme-btn-t{display:inline}
  .eme-nome{flex-basis:150px}
  .eme-vetrina-griglia{grid-template-columns:1fr}
}
@media (max-width:1100px){ .eme-indietro .eme-btn-t{display:none} .eme-stato{max-width:118px;overflow:hidden;text-overflow:ellipsis} }
/* ---- dita: bersagli da 44 px */
@media (pointer:coarse){
  .eme-barra button,.eme-nome{min-height:44px}
  .eme-quadro,.eme-b-pannello{min-width:44px}
  .eme-tasto{min-height:44px}
  .eme-az{min-width:44px;min-height:44px}
  .eme-link-in{min-height:44px}
  .eme-in,.eme-opz,.eme-col-b,.eme-col-nl,.eme-col-serie,.eme-chip{min-height:44px}
  .eme-campo>button:not(.eme-largo):not(.eme-col-b):not(.eme-font-b),.eme-img-b button,.eme-serata button,.eme-largo,.eme-font-b,.eme-versione button,.eme-lib-barra>button,.eme-lib-scelta button,.eme-lib-piede>button,.eme-lib-cerca,.mdl-foot>button{min-height:44px}
  .eme-cam{width:40px;height:40px}
  .eme-col-n{width:34px;height:34px}
  .eme-cursore{min-height:44px}
  .eme-linkb{min-height:32px}
  .eme-pezzo{min-height:56px}
  .eme-pezzo-riga{min-height:46px}
  .eml-altro{min-height:44px}
  .eml .pill{min-height:44px;padding:0 14px}
  .eme-b-invia{min-height:44px}
}

/* ============================================================== INVIO (emi-): percorso «Invia», stato, risultati, sola lettura
   Lo disegna assets/js/email_invio.js. Stesse regole di casa: variabili del tema, bersagli da 44 px sul tocco, fuoco
   visibile, niente che esista solo passando col mouse. I numeri stanno incolonnati (tabular-nums, font dei numeri). */

/* ---- lo stato in una pillola. Il tono lo decide il server; il pallino davanti lo dice anche a chi non distingue i colori */
.emi-chip{display:inline-flex;align-items:center;gap:7px;max-width:100%;padding:4px 11px 4px 9px;border-radius:999px;border:1px solid var(--line);background:var(--panel2);color:var(--muted);font-size:12.5px;font-weight:600;line-height:1.25;text-align:left}
.emi-chip::before{content:"";flex:0 0 8px;width:8px;height:8px;border-radius:50%;background:currentColor;opacity:.7}
.emi-chip.attesa{color:var(--txt);border-color:color-mix(in srgb,var(--txt) 32%,var(--line))}
.emi-chip.attesa::before{background:var(--accent);opacity:1;animation:emi-battito 1.9s ease-in-out infinite}
.emi-chip.ok{color:var(--ok);border-color:color-mix(in srgb,var(--ok) 55%,transparent);background:color-mix(in srgb,var(--ok) 10%,var(--panel))}
.emi-chip.attenzione{color:var(--warn);border-color:color-mix(in srgb,var(--warn) 60%,transparent);background:color-mix(in srgb,var(--warn) 11%,var(--panel))}
.emi-chip.attenzione::before{border-radius:2px;transform:rotate(45deg);opacity:1}
.emi-chip.errore{color:var(--bad);border-color:color-mix(in srgb,var(--bad) 60%,transparent);background:color-mix(in srgb,var(--bad) 11%,var(--panel))}
.emi-chip.errore::before{border-radius:2px;opacity:1}
.emi-chip.ok::before{opacity:1}
@keyframes emi-battito{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.3;transform:scale(.7)}}
@media (prefers-reduced-motion:reduce){.emi-chip.attesa::before{animation:none}}

/* ---- elenco: stato sulla carta, azione principale, «da guardare» */
.eml-carta{position:relative}
.eml-tipo-su{position:absolute;top:8px;right:8px;background:color-mix(in srgb,var(--bg) 82%,transparent);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);pointer-events:none}
.eml-stato{display:flex;padding:0 8px 8px 6px;min-width:0}
.eml-stato-b{display:inline-flex;align-items:center;min-width:0;max-width:100%;min-height:36px;padding:2px 4px;background:transparent;border:0;border-radius:14px}
.eml-stato-b .emi-chip{border-radius:13px;align-items:flex-start}
.eml-stato-b .emi-chip::before{margin-top:4px}
.eml-stato-b:hover .emi-chip,.emi-chip-b:hover .emi-chip{border-color:var(--accent)}
.eml-stato-b .emi-chip{overflow:hidden}
.eml-carta.attenzione{border-color:color-mix(in srgb,var(--warn) 55%,var(--line))}
.eml-carta.errore{border-color:color-mix(in srgb,var(--bad) 55%,var(--line))}
.eml-princ{min-height:38px;padding:0 13px;font-weight:600;white-space:nowrap}
.eml-piede{padding-left:8px}
.eml-guarda{border:1px solid color-mix(in srgb,var(--warn) 55%,var(--line));background:color-mix(in srgb,var(--warn) 7%,var(--panel));border-radius:var(--r);padding:10px 12px 6px;margin-bottom:16px}
.eml-guarda-t{font-size:11px;text-transform:uppercase;letter-spacing:.1em;font-weight:700;color:var(--warn);margin-bottom:4px}
.eml-guarda-r{display:flex;align-items:center;gap:10px;padding:6px 0;border-top:1px solid color-mix(in srgb,var(--warn) 22%,transparent)}
.eml-guarda-r:first-of-type{border-top:0}
.eml-guarda-b{flex:1;min-width:0;display:flex;flex-direction:column;align-items:flex-start;gap:1px;min-height:44px;padding:4px 6px;background:transparent;border:0;text-align:left;line-height:1.3}
.eml-guarda-b b{font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}
.eml-guarda-b span{font-size:12.5px;color:var(--muted)}
.eml-guarda-r.errore .eml-guarda-b span{color:var(--bad)}
.eml-guarda-r>button:last-child{flex:0 0 auto;min-height:40px;padding:0 14px;font-weight:600}
/* la nota del revisore nella riga: due righe al massimo, il resto si legge nello Stato */
.eml-guarda-r .eml-guarda-b span.emi-guarda-nota{margin-top:3px;font-size:13px;line-height:1.4;color:var(--txt);display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;overflow:hidden;overflow-wrap:anywhere}

/* ---- il foglio: la finestra di casa, grande; a tutto schermo sotto i 900 px */
.mdl.emi-mdl{max-width:min(1060px,calc(100vw - 32px));height:min(880px,calc(100vh - 32px));height:min(880px,calc(100dvh - 32px));max-height:none}
.mdl.emi-mdl .mdl-head{padding:12px 12px 12px 18px}
.mdl.emi-mdl .mdl-head h3{font-size:17px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.mdl.emi-mdl .mdl-body{flex:1 1 auto;min-height:0;padding:0;overflow:hidden;display:flex;flex-direction:column}
.mdl.emi-mdl .mdl-foot{padding:10px 16px;align-items:center}
.mdl.emi-mdl .mdl-foot>button,.emi-azioni>button{min-height:42px;padding:0 15px;display:inline-flex;align-items:center;gap:8px}
.mdl.emi-mdl [hidden]{display:none!important}
.emi-chiudi{margin-right:auto}
.emi-piede-nota{font-size:12.5px;color:var(--bad);font-weight:600;text-align:right;min-width:0}
.emi-piede-nota:empty{display:none}
.emi-x{min-width:42px;min-height:42px}
.emi-aiuto{display:inline-flex;align-items:center;min-height:42px;padding:0 10px;border-radius:var(--r-s);color:var(--muted);font-size:13px;font-weight:600;text-decoration:underline;text-underline-offset:3px}
.emi-aiuto:hover{color:var(--accent)}
.emi-inv,.emi-camp{display:flex;flex-direction:column;flex:1 1 auto;min-height:0}
.emi-attesa{padding:40px 20px;text-align:center;color:var(--muted)}
.emi-vista,.emi-camp-vista{flex:1 1 auto;min-height:0;overflow-y:auto;padding:20px 22px 30px;overscroll-behavior:contain}
.emi-inv>.emi-nota{margin:12px 22px 0}
.emi-h{font-family:var(--display);font-size:21px;font-weight:700;letter-spacing:-.02em;margin:0 0 14px;outline:none}
.emi-lab{margin:0 0 7px}
.emi-sez{font-family:var(--display);font-size:15px;font-weight:700;margin:26px 0 10px}
.emi-err-passo{margin:10px 0 0;font-size:13.5px;font-weight:600}

/* ---- i quattro passi: sono una sequenza vera, quindi numerati; sotto ogni nome, cio' che si e' scelto */
.emi-passi{list-style:none;margin:0;padding:0 10px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-bottom:1px solid var(--line);flex:0 0 auto}
.emi-passo{min-width:0}
.emi-passo button{width:100%;display:flex;align-items:center;gap:10px;min-height:60px;padding:8px 10px;background:transparent;border:0;border-radius:0;text-align:left;box-shadow:inset 0 -2px 0 transparent;color:var(--muted)}
.emi-passo button:disabled{opacity:.42}
.emi-passo button:focus-visible{outline-offset:-3px}
.emi-passo.qui button{color:var(--txt);box-shadow:inset 0 -2px 0 var(--accent)}
.emi-passo-n{flex:0 0 26px;width:26px;height:26px;border-radius:50%;border:1px solid var(--line);display:flex;align-items:center;justify-content:center;font-family:var(--mono);font-size:12.5px;font-weight:700}
.emi-passo.qui .emi-passo-n{background:var(--accent);border-color:var(--accent);color:var(--on-accent)}
.emi-passo.fatto .emi-passo-n{border-color:color-mix(in srgb,var(--ok) 70%,transparent);color:var(--ok)}
.emi-passo-d{display:flex;flex-direction:column;min-width:0;line-height:1.25}
.emi-passo-t{font-weight:700;font-size:13.5px}
.emi-passo-v{font-size:12px;min-height:15px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-variant-numeric:tabular-nums}

/* ---- 1 · a chi: le scelte a sinistra, il conteggio a destra (resta in vista mentre scegli) */
.emi-due{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.04fr);gap:30px;align-items:start}
.emi-col{min-width:0}
.emi-col-conta{position:sticky;top:0}
.emi-stretto{max-width:580px;margin:0 auto}
.emi-tipi{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:20px}
.emi-opzioni{display:flex;flex-direction:column;gap:6px;margin-bottom:6px}
.emi-opz{display:flex;align-items:flex-start;gap:11px;width:100%;min-height:54px;padding:10px 12px;text-align:left;background:var(--panel2);border:1px solid var(--line);border-radius:var(--r);font-weight:400}
.emi-opz.on{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 9%,var(--panel2));box-shadow:inset 0 0 0 1px var(--accent)}
.emi-opz[hidden]{display:none}
.emi-opz-p{flex:0 0 18px;width:18px;height:18px;margin-top:1px;border-radius:50%;border:2px solid var(--muted);position:relative}
.emi-opz.on .emi-opz-p{border-color:var(--accent)}
.emi-opz.on .emi-opz-p::after{content:"";position:absolute;inset:3px;border-radius:50%;background:var(--accent)}
.emi-opz-t{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}
.emi-opz-t b{font-weight:700;font-size:14px;line-height:1.3}
.emi-opz-t small{font-size:12.5px;color:var(--muted);line-height:1.4}
.emi-opz-d{flex:0 0 auto;max-width:44%;align-self:center;font-size:12px;color:var(--muted);text-align:right;font-variant-numeric:tabular-nums}
.emi-cerca{width:100%;min-height:42px;margin-bottom:8px}
.emi-agg{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:10px 0 2px}
.emi-agg button{min-height:42px;display:inline-flex;align-items:center;gap:8px}
.emi-agg .hint{margin:0}
.emi-agg .eme-err{flex:1 1 100%;margin:0}

/* ---- il conteggio spiegato: quanti la ricevono, la barra del gruppo, e il conto riga per riga come su uno scontrino */
.emi-conta{background:var(--panel2);border:1px solid var(--line);border-radius:14px;padding:18px 18px 14px;min-height:132px;transition:opacity .15s}
.emi-conta.carico{opacity:.5}
.emi-conta-vuoto{margin:26px 6px;text-align:center;color:var(--muted);line-height:1.5}
.emi-conta-frase{margin:0;display:flex;align-items:baseline;gap:9px;flex-wrap:wrap;font-size:15px;font-weight:600;line-height:1.15}
.emi-conta-n{font-family:var(--display);font-size:46px;font-weight:700;letter-spacing:-.035em;line-height:.95;color:var(--accent);font-variant-numeric:tabular-nums}
.emi-conta-n.zero{color:var(--bad);font-family:var(--mono);font-size:40px;letter-spacing:0}
.emi-conta-sotto{margin:8px 0 14px;color:var(--muted);font-size:13px;line-height:1.45}
.emi-barra{display:flex;gap:2px;height:14px;border-radius:7px;overflow:hidden;margin-bottom:12px}
.emi-fetta{display:block;flex-basis:0;min-width:3px}
.emi-fetta.tot,.emi-tacca.tot{background:var(--accent)}
.emi-fetta.f1,.emi-tacca.f1{background:color-mix(in srgb,var(--muted) 88%,var(--panel2))}
.emi-fetta.f2,.emi-tacca.f2{background:color-mix(in srgb,var(--muted) 70%,var(--panel2))}
.emi-fetta.f3,.emi-tacca.f3{background:color-mix(in srgb,var(--muted) 56%,var(--panel2))}
.emi-fetta.f4,.emi-tacca.f4{background:color-mix(in srgb,var(--muted) 45%,var(--panel2))}
.emi-fetta.f5,.emi-tacca.f5{background:color-mix(in srgb,var(--muted) 36%,var(--panel2))}
.emi-fetta.f6,.emi-tacca.f6{background:color-mix(in srgb,var(--muted) 29%,var(--panel2))}
.emi-fetta.f7,.emi-tacca.f7{background:color-mix(in srgb,var(--muted) 24%,var(--panel2))}
.emi-fetta.f8,.emi-tacca.f8,.emi-fetta.f9,.emi-tacca.f9{background:color-mix(in srgb,var(--muted) 20%,var(--panel2))}
.emi-voci{list-style:none;margin:0;padding:0}
.emi-voce{display:flex;align-items:flex-start;gap:10px;padding:8px 0;border-top:1px dashed var(--line)}
.emi-voce:first-child{border-top:0}
.emi-voce.base{padding-left:20px}
.emi-tacca{flex:0 0 10px;width:10px;height:10px;border-radius:3px;margin-top:5px;border:1px solid color-mix(in srgb,var(--txt) 14%,transparent)}
.emi-voce-t{flex:1;min-width:0;display:flex;flex-direction:column;gap:1px;font-size:13.5px;line-height:1.35}
.emi-voce-t small{font-size:12px;color:var(--muted);line-height:1.4}
.emi-voce-n{flex:0 0 auto;min-width:62px;text-align:right;white-space:nowrap;font-family:var(--mono);font-size:14px;font-variant-numeric:tabular-nums;line-height:1.35}
.emi-voce.base .emi-voce-t,.emi-voce.base .emi-voce-n{font-weight:700}
.emi-voce.meno .emi-voce-n{color:var(--muted)}
.emi-voce.totale{border-top:2px solid var(--txt);margin-top:4px;padding-top:11px}
.emi-voce.totale .emi-voce-t{font-weight:700;font-size:14.5px}
.emi-voce.totale .emi-voce-n{font-weight:700;font-size:17px;color:var(--accent)}
.emi-conta-titoli{margin:10px 0 0}
.emi-conta.piccolo{padding:14px 16px 10px;min-height:0}
.emi-conta.piccolo .emi-conta-n{font-size:30px}

/* ---- note: informazione, attenzione, errore (con il tasto per rimediare dentro) */
.emi-nota{display:flex;gap:10px;align-items:flex-start;padding:10px 12px;margin:12px 0 0;border-radius:var(--r-s);border:1px solid var(--line);background:var(--panel2);font-size:13px;line-height:1.45}
.emi-conta .emi-nota{background:var(--panel)}
.emi-conta-sotto+.emi-nota{margin-top:0;margin-bottom:12px}
.emi-conta-sotto+.emi-nota+.emi-nota{margin-bottom:12px}
.emi-nota>.eme-ico{color:var(--accent)}
.emi-nota-t{flex:1;min-width:0;display:flex;flex-direction:column;align-items:flex-start;gap:8px;overflow-wrap:anywhere}
.emi-nota.errore{border-color:var(--bad);background:color-mix(in srgb,var(--bad) 10%,var(--panel))}
.emi-nota.errore>.eme-ico{color:var(--bad)}
.emi-nota.attenzione{border-color:color-mix(in srgb,var(--warn) 70%,transparent);background:color-mix(in srgb,var(--warn) 9%,var(--panel))}
.emi-nota.attenzione>.eme-ico{color:var(--warn)}
.emi-nota.ok{border-color:var(--ok);background:color-mix(in srgb,var(--ok) 11%,var(--panel))}
.emi-nota.ok>.eme-ico{color:var(--ok)}
.emi-nota button{min-height:40px;display:inline-flex;align-items:center;gap:7px}

/* ---- 2 · da chi: i campi e la riga di casella «come la vede chi la riceve» */
.emi-fisso{display:flex;align-items:center;gap:8px;min-height:40px;padding:4px 10px;border:1px dashed var(--line);border-radius:var(--r-s);color:var(--muted);font-family:var(--mono);font-size:13px;overflow-wrap:anywhere}
.emi-casella-box{margin-top:22px}
.emi-casella{display:flex;align-items:flex-start;gap:12px;padding:12px 14px;border-radius:12px;background:var(--bg);border:1px solid var(--line)}
.emi-casella-p{flex:0 0 38px;width:38px;height:38px;border-radius:50%;background:var(--accent);color:var(--on-accent);display:flex;align-items:center;justify-content:center;font-weight:800;font-size:16px}
.emi-casella-t{flex:1;min-width:0;display:flex;flex-direction:column;line-height:1.38}
.emi-casella-m{font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.emi-casella-o{font-size:13.5px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.emi-casella-a{font-size:12.5px;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.emi-casella-q{flex:0 0 auto;font-size:11.5px;color:var(--muted);font-variant-numeric:tabular-nums;margin-top:2px}

/* ---- 3 · quando (e «Cambia orario» nello stato) */
.emi-rapidi{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:14px}
.emi-rapido{min-height:40px;padding:0 14px}
.emi-rapido.on{background:var(--accent);border-color:var(--accent);color:var(--on-accent)}
.emi-quando-campi{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:10px}
.emi-campo{display:flex;flex-direction:column;min-width:0}
.emi-data,.emi-ora{min-height:48px;font-size:16px;font-family:var(--mono);font-variant-numeric:tabular-nums}
.emi-quando-eco{margin-top:12px;font-size:18px;font-weight:700;line-height:1.25;font-variant-numeric:tabular-nums}
.emi-quando .eme-err{font-size:13.5px;font-weight:600;margin-top:10px}
.emi-quando>.hint{margin-top:8px}
.emi-quando-avv:empty{display:none}

/* ---- 4 · riepilogo: l'email a sinistra, i fatti e «cosa succede adesso» a destra */
.emi-riep{display:grid;grid-template-columns:minmax(0,340px) minmax(0,1fr);gap:28px;align-items:start}
.emi-riep-ante{display:flex;flex-direction:column;gap:12px;position:sticky;top:0;min-width:0}
/* l'email vera (larga 640) rimpicciolita a meta': il riquadro scorre, la cornice non prende tocchi (i link non si aprono) */
.emi-ante-vetro{position:relative;height:min(52vh,470px);overflow-y:auto;overflow-x:hidden;border:1px solid var(--line);border-radius:var(--r);background:var(--bg);overscroll-behavior:contain}
.emi-ante-vetro::after{content:"";display:block;height:calc(var(--alto,900px) * .5)}
.emi-ante-foto{position:absolute;left:50%;top:0;width:640px;height:900px;border:0;transform:translateX(-50%) scale(.5);transform-origin:top center;pointer-events:none;opacity:0;transition:opacity .25s;background:transparent}
.emi-ante-vetro.ok .emi-ante-foto{opacity:1}
.emi-ante-attesa{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;padding:20px;text-align:center;font-size:12.5px;color:var(--muted)}
.emi-ante-vetro.ok .emi-ante-attesa{display:none}
.emi-fatti{border:1px solid var(--line);border-radius:var(--r);background:var(--panel2);overflow:hidden}
.emi-fatto{display:flex;align-items:flex-start;gap:12px;padding:11px 14px;border-top:1px solid var(--line)}
.emi-fatto:first-child{border-top:0}
.emi-fatto-k{flex:0 0 96px;font-size:11px;text-transform:uppercase;letter-spacing:.1em;color:var(--muted);font-weight:600;padding-top:3px}
.emi-fatto-v{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px;line-height:1.35;font-variant-numeric:tabular-nums}
.emi-fatto-v b{font-size:15px;font-weight:700;overflow-wrap:anywhere}
.emi-fatto-v small{font-size:12.5px;color:var(--muted);overflow-wrap:anywhere}
.emi-fatto-b{flex:0 0 auto;min-height:36px;padding:0 4px;align-self:center}
.emi-fatto.ko .emi-fatto-v b{color:var(--bad)}
.emi-fatto.av .emi-fatto-v b{color:var(--warn)}
.emi-fatto.ok .emi-fatto-v b{color:var(--ok)}
.emi-poi{margin-top:20px}
.emi-poi-frase{margin:0 0 12px;font-size:14.5px;font-weight:600;line-height:1.45}
.emi-poi-l{list-style:none;margin:0;padding:0;counter-reset:poi}
.emi-poi-l li{position:relative;display:flex;flex-direction:column;gap:2px;padding:0 0 14px 34px;counter-increment:poi;font-size:13px;line-height:1.45;color:var(--muted)}
.emi-poi-l li::before{content:counter(poi);position:absolute;left:0;top:0;width:22px;height:22px;border-radius:50%;border:1px solid var(--line);background:var(--panel2);display:flex;align-items:center;justify-content:center;font-family:var(--mono);font-size:11.5px;font-weight:700;color:var(--txt)}
.emi-poi-l li::after{content:"";position:absolute;left:11px;top:25px;bottom:1px;width:1px;background:var(--line)}
.emi-poi-l li:last-child{padding-bottom:0}
.emi-poi-l li:last-child::after{display:none}
.emi-poi-l b{color:var(--txt);font-size:13.5px}
.emi-manca:empty{display:none}

/* ---- il foglio della campagna */
.emi-camp-testa{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:12px 22px 0}
.emi-camp-testa:empty{display:none}
.emi-ling{display:flex;border-bottom:1px solid var(--line);padding:0 14px;margin-top:10px;flex:0 0 auto}
.emi-ling .eme-lin{flex:0 0 auto;padding:0 16px;font-size:13.5px}
.emi-stato,.emi-ris,.emi-dest{max-width:760px;margin:0 auto}
.emi-stato>.emi-nota:first-child{margin-top:0;margin-bottom:14px}
.emi-st-testa{display:flex;align-items:flex-start;gap:12px}
.emi-st-testa>.eme-ico{flex:0 0 38px;width:38px;height:38px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--panel2);border:1px solid var(--line);color:var(--muted)}
.emi-st-testa.attesa>.eme-ico{color:var(--accent);border-color:color-mix(in srgb,var(--accent) 55%,transparent)}
.emi-st-testa.ok>.eme-ico{color:var(--ok);border-color:var(--ok)}
.emi-st-testa.attenzione>.eme-ico{color:var(--warn);border-color:var(--warn)}
.emi-st-testa.errore>.eme-ico{color:var(--bad);border-color:var(--bad)}
.emi-st-t{font-family:var(--display);font-size:22px;font-weight:700;letter-spacing:-.02em;line-height:1.2;margin:4px 0 0}
.emi-st-d{margin:6px 0 0;line-height:1.5;font-size:14px}
.emi-cammino{list-style:none;margin:18px 0 4px;padding:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr))}
.emi-tappa{position:relative;display:flex;flex-direction:column;align-items:center;gap:6px;font-size:11.5px;font-weight:600;color:var(--muted);text-align:center;line-height:1.2}
.emi-tappa::before{content:"";position:absolute;top:9px;right:50%;width:100%;height:2px;background:var(--line)}
.emi-tappa:first-child::before{display:none}
.emi-tappa.fatta::before,.emi-tappa.qui::before{background:var(--ok)}
.emi-tappa i{position:relative;z-index:1;width:20px;height:20px;border-radius:50%;border:2px solid var(--line);background:var(--panel);display:flex;align-items:center;justify-content:center;color:var(--on-accent)}
.emi-tappa i svg{width:13px;height:13px;stroke-width:3}
.emi-tappa.fatta i{border-color:var(--ok);background:var(--ok)}
.emi-tappa.qui{color:var(--txt)}
.emi-tappa.qui i{border-color:var(--accent);background:var(--accent);box-shadow:0 0 0 4px var(--accent-glow)}
.emi-tappa.qui.ok i{border-color:var(--ok);background:var(--ok);box-shadow:0 0 0 4px color-mix(in srgb,var(--ok) 22%,transparent)}
.emi-tappa.qui.attenzione i{border-color:var(--warn);background:var(--warn);box-shadow:0 0 0 4px color-mix(in srgb,var(--warn) 22%,transparent)}
.emi-tappa.qui.errore i{border-color:var(--bad);background:var(--bad);box-shadow:0 0 0 4px color-mix(in srgb,var(--bad) 22%,transparent)}
.emi-cammino.via .emi-tappa{opacity:.45}
.emi-nota-rev{margin:16px 0 0;padding:12px 14px;border-left:3px solid var(--warn);background:color-mix(in srgb,var(--warn) 8%,var(--panel2));border-radius:0 var(--r-s) var(--r-s) 0}
.emi-nota-rev p{margin:4px 0 0;font-size:15px;line-height:1.5}
.emi-guida{margin:16px 0 0}
.emi-guida p{margin:0 0 7px;line-height:1.55;font-size:14px}
.emi-guida p:first-child{font-weight:600}
.emi-orario{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:16px 0 0;padding:12px 14px;border:1px solid var(--line);border-radius:var(--r);background:var(--panel2)}
.emi-orario-k{display:inline-flex;align-items:center;gap:7px;font-size:11px;text-transform:uppercase;letter-spacing:.1em;color:var(--muted);font-weight:600}
.emi-orario-v{flex:1;min-width:160px;font-size:16px;font-variant-numeric:tabular-nums}
.emi-orario>button{min-height:42px;padding:0 14px}
.emi-orario>.eme-lab,.emi-orario>.emi-quando,.emi-orario>.hint,.emi-orario-b{flex:1 1 100%}
.emi-orario>.hint{margin:0}
.emi-orario-b{display:flex;gap:8px;flex-wrap:wrap}
.emi-orario-b button{min-height:44px;padding:0 16px;display:inline-flex;align-items:center;gap:8px}
.emi-stato>.emi-fatti{margin-top:18px}
.emi-azioni{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end;align-items:center}

/* ---- i numeri di un invio */
.emi-invio{margin:18px 0 0}
.emi-prog-t{display:flex;align-items:baseline;gap:6px;font-size:14px;font-variant-numeric:tabular-nums}
.emi-prog-t b{font-family:var(--mono);font-size:26px;font-weight:600;letter-spacing:-.02em;line-height:1}
.emi-prog-p{margin-left:auto;font-family:var(--mono);font-size:13px;color:var(--muted)}
.emi-prog-b{height:10px;border-radius:5px;background:var(--panel2);border:1px solid var(--line);overflow:hidden;margin-top:8px}
.emi-prog-b i{display:block;height:100%;background:var(--accent);border-radius:5px;transition:width .5s}
.emi-sonda{margin:8px 0 0}
.emi-numeri{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:14px}
.emi-num{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:baseline;gap:2px 8px;padding:11px 13px;border:1px solid var(--line);border-radius:var(--r);background:var(--panel2);font-variant-numeric:tabular-nums}
.emi-num-k{grid-column:1/-1;font-size:11px;text-transform:uppercase;letter-spacing:.1em;color:var(--muted);font-weight:600}
.emi-num-v{font-family:var(--mono);font-size:21px;font-weight:600;line-height:1.15}
.emi-num-p{font-family:var(--mono);font-size:13.5px;color:var(--muted);text-align:right}
.emi-num-s{grid-column:1/-1;font-size:11.5px;color:var(--muted)}
.emi-soglia{grid-column:1/-1;height:4px;border-radius:2px;background:var(--line);overflow:hidden;margin-top:3px}
.emi-soglia i{display:block;height:100%;background:var(--ok)}
.emi-soglia.av i{background:var(--warn)}
.emi-soglia.ko i{background:var(--bad)}
.emi-altri{margin:10px 0 0;font-size:13px;color:var(--muted);font-variant-numeric:tabular-nums}
.emi-altri b{color:var(--txt);font-family:var(--mono);font-weight:600}

/* ---- risultati: oggetto, link, cronologia */
.emi-ris-ogg{margin:0;display:flex;flex-direction:column;gap:2px}
.emi-ris-ogg b{font-size:16px;line-height:1.35}
.emi-ris-nota{margin:10px 0 0}
.emi-link{border:1px solid var(--line);border-radius:var(--r);overflow:hidden;background:var(--panel2)}
.emi-link-r{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(60px,1fr) auto;align-items:center;gap:14px;padding:10px 14px;border-top:1px solid var(--line)}
.emi-link-r:first-child{border-top:0}
.emi-link-t,.emi-link-n{display:flex;flex-direction:column;min-width:0;line-height:1.35}
.emi-link-t b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.emi-link-t small,.emi-link-n small{font-size:12px;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.emi-link-n{text-align:right;font-variant-numeric:tabular-nums}
.emi-link-n b{font-family:var(--mono);font-size:16px}
.emi-link-b{height:8px;border-radius:4px;background:var(--line);overflow:hidden}
.emi-link-b i{display:block;height:100%;background:var(--accent);border-radius:4px}
.emi-crono{list-style:none;margin:0;padding:0}
.emi-crono li{display:flex;gap:14px;padding:7px 0;border-top:1px dashed var(--line);font-size:13.5px;line-height:1.4}
.emi-crono li:first-child{border-top:0}
.emi-crono time{flex:0 0 132px;color:var(--muted);font-variant-numeric:tabular-nums;font-size:12.5px;padding-top:1px}

/* ---- destinatari */
.emi-dest-cerca{margin-bottom:12px}
.emi-dest-cerca input{align-self:stretch}
.emi-dest-f{margin-bottom:8px}
.emi-dest-f .pill{min-height:36px;display:inline-flex;align-items:center}
.emi-dest-quanti{margin:0 0 6px;font-variant-numeric:tabular-nums}
.emi-dest-vuoto{padding:30px 10px;text-align:center;color:var(--muted)}
.emi-dest-l{border:1px solid var(--line);border-radius:var(--r);overflow:hidden;background:var(--panel2)}
.emi-dest-r{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1.1fr) minmax(0,150px) 96px;align-items:center;gap:12px;padding:6px 12px 6px 6px;border-top:1px solid var(--line);min-height:52px}
.emi-dest-r:first-child{border-top:0}
.emi-dest-chi{display:flex;flex-direction:column;align-items:flex-start;gap:1px;min-width:0;min-height:40px;justify-content:center;padding:2px 8px;background:transparent;border:0;border-radius:var(--r-s);text-align:left;line-height:1.3}
button.emi-dest-chi:hover{background:var(--panel)}
button.emi-dest-chi b{text-decoration:underline;text-decoration-color:color-mix(in srgb,var(--txt) 35%,transparent);text-underline-offset:3px}
.emi-dest-chi b,.emi-dest-chi small{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.emi-dest-chi small{font-size:12px;color:var(--muted)}
.emi-dest-chi.via b{color:var(--muted);font-weight:500;font-style:italic}
.emi-dest-st{display:flex;flex-direction:column;min-width:0;line-height:1.3;font-size:13px}
.emi-dest-st b{font-weight:600}
.emi-dest-st small{font-family:var(--mono);font-size:11px;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.emi-dest-st.ok b{color:var(--ok)}
.emi-dest-st.errore b{color:var(--bad)}
.emi-dest-st.attenzione b{color:var(--warn)}
.emi-dest-st.attesa b,.emi-dest-st.neutro b{color:var(--muted)}
.emi-dest-segni{display:flex;gap:5px;flex-wrap:wrap;justify-content:flex-end}
.emi-segno{font-size:11px;font-weight:700;padding:2px 7px;border-radius:999px;border:1px solid var(--line);color:var(--muted);white-space:nowrap;font-variant-numeric:tabular-nums}
.emi-segno.via{color:var(--bad);border-color:color-mix(in srgb,var(--bad) 50%,transparent)}
.emi-dest-q{font-size:12px;color:var(--muted);text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}
.emi-altri-b{display:flex;margin:12px auto 0;min-height:44px;padding:0 22px;align-items:center}

/* ---- sola lettura: la cornice dell'editor, senza attrezzi; la fascia dice perche' e come uscirne */
.emi-sl-nome{flex:0 1 auto;min-width:60px;font-weight:700;font-size:15px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:0 4px}
.emi-chip-b{flex:0 1 auto;min-width:0;background:transparent!important;border:0!important;padding:0 2px!important}
.emi-chip-b .emi-chip{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;display:inline-block;padding-left:22px;position:relative}
.emi-chip-b .emi-chip::before{position:absolute;left:9px;top:50%;margin-top:-4px}
.emi-fascia{display:flex;align-items:center;gap:12px;padding:9px 14px;background:color-mix(in srgb,var(--accent) 13%,var(--panel));border-bottom:1px solid var(--line);font-size:13.5px;line-height:1.4;flex:0 0 auto}
.emi-fascia>.eme-ico{color:var(--accent);flex:0 0 auto}
.emi-fascia-t{flex:1;min-width:0}
.emi-fascia button{flex:0 0 auto;min-height:42px;display:inline-flex;align-items:center;gap:8px;padding:0 14px}
.emi-fascia.esito{background:color-mix(in srgb,var(--warn) 14%,var(--panel));border-bottom-color:color-mix(in srgb,var(--warn) 50%,var(--line))}
.emi-fascia.esito>.eme-ico{color:var(--warn)}
.emi-fascia-s{color:var(--muted)}
.emi-sl-corpo{flex:1 1 auto;min-height:0;display:grid;grid-template-columns:minmax(0,1fr) 316px;grid-template-rows:minmax(0,1fr)}
.emi-sl .eme-scena{padding-bottom:60px}
.emi-sl-lato{overflow-y:auto;padding:16px 16px 40px;background:var(--panel);border-left:1px solid var(--line);overscroll-behavior:contain}
.emi-lato-t{margin:0 0 4px;font-family:var(--display);font-size:16px;font-weight:700}
.emi-lato-campo{display:flex;flex-direction:column;gap:3px;margin:14px 0 0;line-height:1.4;overflow-wrap:anywhere}
.emi-lato-campo b{font-size:14.5px}
.emi-sl-lato .eme-dato{margin-top:10px}
.emi-lato-lab{margin:18px 0 6px}
.emi-lato-link{list-style:none;margin:0;padding:0}
.emi-lato-link li{display:flex;flex-direction:column;padding:7px 0;border-top:1px dashed var(--line);line-height:1.35;min-width:0}
.emi-lato-link li:first-child{border-top:0}
.emi-lato-link small{font-family:var(--mono);font-size:11.5px;color:var(--muted);overflow-wrap:anywhere}

/* ---- scheda del cliente (CRM): il riquadro «Email» */
.emi-cli{border:1px solid var(--line);border-radius:10px;padding:8px 12px;display:flex;flex-direction:column;gap:6px}
.emi-cli-ind{display:flex;gap:8px;align-items:flex-start;font-size:13px;line-height:1.4;color:var(--warn);font-weight:600}
.emi-cli-ind .eme-ico{display:inline-flex;flex:0 0 auto}
.emi-cli-l{max-height:24vh;overflow:auto}
.emi-cli-r{display:grid;grid-template-columns:104px minmax(0,1.3fr) minmax(0,1fr) minmax(0,1.1fr);gap:10px;align-items:center;padding:6px 0;border-top:1px dashed var(--line);font-size:13px}
.emi-cli-r:first-child{border-top:0}
.emi-cli-q{font-size:12px;color:var(--muted);font-variant-numeric:tabular-nums}
.emi-cli-c{display:flex;flex-direction:column;min-width:0;line-height:1.3}
.emi-cli-c b,.emi-cli-c small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.emi-cli-c small{font-size:12px;color:var(--muted)}
.emi-cli .hint{margin:0}

/* ---- finestre strette e tablet in verticale: fogli a tutto schermo, una colonna */
@media (max-width:899.98px){
  .mdl-back.emi-fondo{padding:0}
  .mdl.emi-mdl{max-width:none;height:100%;max-height:none;border-radius:0;border:0}
  /* tablet in verticale: il conteggio resta ACCANTO alle scelte (e' li' che si guarda mentre si tocca un segmento) */
  .emi-due{grid-template-columns:minmax(0,.8fr) minmax(0,1fr);gap:18px}
  .emi-tipi{grid-template-columns:1fr}
  .emi-conta{padding:14px 14px 10px}
  .emi-conta-n{font-size:38px}
  .emi-riep-ante{position:static}
  .emi-riep{grid-template-columns:1fr;gap:20px}
  .emi-riep-dati{order:-1}
  .emi-ante-vetro{height:380px}
  .emi-vista,.emi-camp-vista{padding:16px 16px 26px}
  .emi-inv>.emi-nota{margin:12px 16px 0}
  .emi-camp-testa{padding:12px 16px 0}
  .emi-passi{padding:0 4px}
  .emi-passo button{gap:8px;padding:8px 6px}
  .emi-dest-r{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr) minmax(0,120px)}
  .emi-dest-q{display:none}
  .emi-crono time{flex-basis:112px}
}
@media (max-width:999.98px){
  .emi-sl-corpo{grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr) auto}
  .emi-sl-lato{border-left:0;border-top:1px solid var(--line);max-height:30vh;padding-bottom:20px}
  .emi-fascia{flex-wrap:wrap}
  .emi-fascia-t{flex-basis:60%}
}
@media (max-width:719.98px){
  .emi-due{grid-template-columns:1fr;gap:22px}
  .emi-col-conta{position:static}
}
@media (max-width:640px){
  .emi-passo-v{display:none}
  .emi-numeri{grid-template-columns:repeat(2,minmax(0,1fr))}
  .emi-fatto-k{flex-basis:72px}
  .emi-link-r{grid-template-columns:minmax(0,1fr) auto}
  .emi-link-b{display:none}
  .emi-cli-r{grid-template-columns:minmax(0,1fr) auto}
  .emi-cli-q{grid-column:1/-1}
}
/* ---- dita: bersagli da 44 px */
@media (pointer:coarse){
  .eml-stato-b,.eml-princ{min-height:44px}
  .eml-guarda-r>button:last-child{min-height:44px}
  .mdl.emi-mdl .mdl-foot>button,.emi-azioni>button,.emi-x{min-height:46px}
  .emi-x{min-width:46px}
  .emi-aiuto{min-height:46px}
  .emi-rapido,.emi-nota button,.emi-agg button,.emi-orario>button,.emi-fascia button{min-height:44px}
  .emi-fatto-b{min-height:44px;padding:0 8px}
  .emi-dest-f .pill{min-height:44px;padding:0 14px}
  .emi-dest-chi{min-height:44px}
  .emi-cerca{min-height:44px}
  .emi-dest-cerca{min-height:46px}
  .emi-dest-cerca input{min-height:44px}
  .emi-ling .eme-lin{min-height:48px}
}

/* ============================================================== ASSISTENTE (ema-): email_ia.js
   Lo stesso personaggio dell'assistente del gestionale: la stellina ✦, il colore d'accento, le animazioni di app.css
   (asScintilla). Tre aiuti che propongono e non decidono: la bozza intera (alla nascita e nell'editor), oggetto e
   anteprima, un testo riscritto a confronto con l'originale; piu' i punti «da verificare». Regole di casa: bersagli
   da 44 px sul tocco, fuoco visibile, niente che compaia solo passando col mouse, niente movimento se non lo si vuole. */
.ema-st{display:inline-block;flex:0 0 auto;font-size:1.08em;line-height:1;color:var(--accent)}
.primary .ema-st,.ema-pezzo .ema-st{color:inherit}
.ema-mdl [hidden],.ema-b[hidden],.ema-gal[hidden]{display:none!important}
.ema-gira{animation:asScintilla 1.6s ease-in-out infinite}
.ema-link{text-decoration:underline;text-underline-offset:2px}

/* ---- nell'elenco e nella galleria: «Scrivi con l'assistente» */
.eml-testa-b{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.eml-vuoto-b{display:flex;justify-content:center;gap:8px;flex-wrap:wrap}
.ema-b{min-height:44px;padding:0 16px;display:inline-flex;align-items:center;gap:8px;font-size:14.5px;font-weight:700;background:transparent;border:1px solid color-mix(in srgb,var(--accent) 60%,transparent);color:var(--txt);white-space:nowrap}
.ema-b:hover{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 10%,transparent)}
.ema-b.off{border-color:var(--line);color:var(--muted);font-weight:600}
.ema-b.off .ema-st,.ema-gal.off .ema-st{color:var(--muted)}
.ema-gal{display:flex;align-items:center;gap:14px;flex-wrap:wrap;padding:12px 14px;margin:0 0 16px;border:1px solid color-mix(in srgb,var(--accent) 45%,var(--line));border-radius:var(--r);background:color-mix(in srgb,var(--accent) 7%,var(--panel))}
.ema-gal.off{border-color:var(--line);background:var(--panel2)}
.ema-gal-st{font-size:24px}
.ema-gal-t{flex:1 1 280px;min-width:0;display:flex;flex-direction:column;gap:2px;line-height:1.45}
.ema-gal-t b{font-family:var(--display);font-size:15.5px}
.ema-gal-d{color:var(--muted);font-size:13px}

/* ---- il modulo della bozza: campi a sinistra, «cosa sa della serata» a destra */
.mdl.ema-mdl{max-width:min(880px,calc(100vw - 24px))}
.ema-mod-intro{margin:0 0 14px;color:var(--muted);line-height:1.5;max-width:74ch}
.ema-mod-griglia{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(0,.88fr);gap:0 22px;align-items:start}
.ema-mod textarea.eme-in{resize:vertical;min-height:92px;line-height:1.45}
.ema-mod .eme-linkb{margin-top:6px;min-height:32px}
.ema-sa{border:1px solid var(--line);border-radius:var(--r-s);background:var(--panel2);padding:11px 12px;margin-bottom:14px}
.ema-sa .eme-avv-in{margin:8px 0 0}
.ema-sa-r{display:flex;gap:12px;justify-content:space-between;font-size:13px;padding:3px 0;line-height:1.4}
.ema-sa-r span{color:var(--muted);flex:0 0 auto}
.ema-sa-r b{font-weight:600;text-align:right;overflow-wrap:anywhere}
.ema-sa-r.manca b{color:var(--muted);font-weight:400;font-style:italic}
.ema-mod-foto{display:flex;gap:10px;align-items:flex-start;font-size:12.5px;color:var(--muted);line-height:1.45;margin-bottom:14px}
.ema-mod-foto:empty{display:none}
.ema-mod-foto img{width:66px;height:88px;object-fit:cover;object-position:top center;border-radius:6px;border:1px solid var(--line);flex:0 0 auto}
.ema-mod-voce{border-top:1px solid var(--line);padding-top:4px}
.ema-mod-voce summary{cursor:pointer;font-weight:600;font-size:13px;padding:9px 0}
.ema-mod-voce .eme-lab{display:none}
.ema-vai,.ema-senza{display:inline-flex;align-items:center;gap:8px}
.ema-piede-costo{margin-right:auto;align-self:center;min-width:0}
.ema-piede-costo .ema-costo{margin:0}
@media (max-width:719.98px){ .ema-mod-griglia{grid-template-columns:1fr} }

/* ---- l'attesa (una richiesta sola: il tempo che passa, non una barra) e l'errore */
.ema-att{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:6px;min-height:270px;padding:30px 16px}
.ema-att-st{font-size:34px;animation:asScintilla 2.4s ease-in-out infinite}
.ema-att-t{margin:8px 0 0;font-family:var(--display);font-size:19px;font-weight:700}
.ema-att-r{margin:0;max-width:54ch;line-height:1.5}
.ema-att.lunga .ema-att-r{color:var(--warn)}
.ema-att-n{margin:4px 0 0;max-width:62ch;color:var(--muted);font-size:13px;line-height:1.5}
.ema-att-n b{font-weight:600}
.ema-att-s{font-family:var(--mono);font-variant-numeric:tabular-nums;color:var(--muted);font-size:13px;margin-top:8px;min-height:1em}
.ema-err{display:flex;flex-direction:column;gap:8px;max-width:62ch;margin:0 auto;padding:22px 6px}
.ema-err>.eme-ico{color:var(--warn)}
.ema-err h4{font-family:var(--display);font-size:18px;margin:0}
.ema-err p{margin:0;line-height:1.5}
.ema-err-b{display:flex;gap:8px;flex-wrap:wrap;margin-top:6px}
.ema-err-b button{min-height:44px;padding:0 14px}
.ema-ko{display:flex;gap:8px;align-items:flex-start;padding:9px 10px;margin:0 0 12px;border:1px solid var(--bad);border-radius:var(--r-s);background:color-mix(in srgb,var(--bad) 10%,transparent);font-size:13px;line-height:1.45}
.ema-ko>.eme-ico{color:var(--bad);margin-top:1px}
.ema-ko>span:not(.eme-ico):not(.eme-codice){flex:1;min-width:0}
/* fermo (crediti finiti, tetto del giorno, non collegato): il comando resta dov'e', spento, con il perche' */
.ema-fermo{display:flex;gap:9px;align-items:flex-start;flex-wrap:wrap;padding:10px 11px;margin:0 0 12px;border:1px dashed var(--line);border-radius:var(--r-s);background:var(--panel2);font-size:13px;line-height:1.45;color:var(--muted)}
.ema-fermo>.ema-st{color:var(--muted);margin-top:2px}
.ema-fermo-t{flex:1 1 180px;min-width:0}
.ema-fermo-t b{color:var(--txt)}
.ema-fermo-b{flex:0 0 auto;min-height:40px}
.ema-fermo.piccolo{padding:8px 9px;font-size:12.5px;margin-bottom:8px}
.ema-costo{font-size:12px;color:var(--muted);margin-top:7px;line-height:1.4}
.ema-costo.basso{color:var(--warn)}
.ema-costo.critico,.ema-costo.esaurito{color:var(--bad)}

/* ---- nell'editor: il tasto in cima alla colonna dei blocchi (resta in vista anche scorrendo) */
.ema-cima{position:sticky;top:0;z-index:2;margin:-6px -5px 0;padding:6px 5px 4px;background:var(--panel)}
.ema-pezzo{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;width:100%;min-height:54px;padding:5px 2px;border:1px solid var(--accent);border-radius:9px;background:var(--accent);color:var(--on-accent);font-size:10.5px;font-weight:700;line-height:1.15}
.ema-pezzo .ema-st{font-size:17px;animation:asScintilla 2.4s ease-in-out infinite}
.ema-pezzo:hover{background:var(--accent-hover);border-color:var(--accent-hover)}
.ema-pezzo:focus-visible{outline:2px solid var(--txt);outline-offset:2px}
.ema-pezzo.on{box-shadow:inset 0 0 0 2px var(--on-accent)}
.ema-pezzo.off{background:var(--panel2);border-color:var(--line);color:var(--muted)}
.ema-pezzo.off .ema-st{animation:none}
.ema-pezzo-n{position:absolute;top:3px;right:3px;min-width:18px;height:18px;padding:0 4px;border-radius:999px;background:var(--bg);color:var(--txt);font:700 10.5px/18px var(--mono)}
.ema-az .ema-st{font-size:16px}
.ema-az.off .ema-st{color:var(--muted)}

/* ---- «da verificare»: la fascia sopra la tela, i contorni sui blocchi */
.ema-fascia{display:flex;align-items:flex-start;gap:10px;padding:8px 12px;max-height:34vh;overflow:auto;background:color-mix(in srgb,var(--warn) 13%,var(--panel));border-bottom:1px solid color-mix(in srgb,var(--warn) 50%,var(--line));font-size:13px;line-height:1.4;flex:0 0 auto}
.ema-fascia>.eme-ico{color:var(--warn);margin-top:2px}
.ema-fascia-c{flex:1;min-width:0;display:flex;flex-direction:column;gap:7px}
.ema-fascia-t{display:flex;flex-direction:column;gap:2px}
.ema-fascia-a{color:var(--muted);font-size:12px;line-height:1.4;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;overflow:hidden}
.ema-fascia-v{display:flex;flex-wrap:wrap;gap:6px}
.ema-fascia-b{flex:0 0 auto;min-height:40px;display:inline-flex;align-items:center;gap:6px;padding:0 12px}
.ema-punto{display:inline-flex;align-items:center;gap:7px;max-width:100%;min-height:36px;padding:0 11px;border:1px solid color-mix(in srgb,var(--warn) 55%,var(--line));border-radius:999px;background:var(--panel);font-size:12.5px;font-weight:400}
.ema-punto:hover{border-color:var(--warn)}
.ema-punto b{font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:24ch}
.ema-punto span{color:var(--muted);white-space:nowrap}
.ema-punto .ema-punto-vai{color:var(--accent);font-weight:700}
.ema-ver{display:flex;flex-direction:column;gap:6px}
.ema-ver .ema-punto{border-radius:var(--r-s);min-height:44px;justify-content:flex-start}
.ema-ver .ema-punto-vai{margin-left:auto}
.ema-cont-ver{outline:2px dashed var(--warn);outline-offset:-2px}
.ema-cont-ver span{position:absolute;right:-2px;bottom:100%;padding:3px 6px;border-radius:5px 5px 0 0;background:var(--warn);color:#1a1508;font-size:9.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;line-height:1}
.ema-cont-ver.sel span{display:none}
.ema-cont-att{align-items:center;justify-content:center;z-index:2;background:rgba(0,0,0,.5)}
.ema-cont-att span{display:inline-flex;align-items:center;gap:7px;padding:6px 12px;border:1px solid var(--line);border-radius:999px;background:var(--panel);color:var(--txt);font-size:12.5px;font-weight:600;box-shadow:0 6px 20px rgba(0,0,0,.5)}

/* ---- i riquadri nel pannello: «Riscrivi» sul blocco, «Proposte» in Oggetto */
.eme-pan-corpo>.ema-pan,.eme-pan-corpo>.ema-box{grid-column:1/-1}
.ema-box{border:1px solid color-mix(in srgb,var(--accent) 38%,var(--line));border-radius:var(--r-s);background:color-mix(in srgb,var(--accent) 5%,var(--panel));padding:10px 11px;margin:0 0 16px}
.ema-box-t{display:flex;align-items:center;gap:7px;font-size:13px;margin-bottom:8px}
.ema-chips{display:flex;flex-wrap:wrap;gap:6px}
.ema-chip{min-height:36px;background:var(--panel2)}
.ema-chip.on{border-color:var(--accent);color:var(--accent)}
.ema-libera{display:flex;gap:6px;margin-top:8px}
.ema-libera .eme-in{flex:1;min-width:0}
.ema-libera button{flex:0 0 auto;min-height:38px;padding:0 14px}
.ema-cfr{display:grid;grid-template-columns:1fr;gap:8px;margin-bottom:10px}
.ema-cfr-c{min-width:0;padding:8px 10px;border:1px solid var(--line);border-radius:var(--r-s);background:var(--panel2)}
.ema-cfr-c .eme-lab{margin-bottom:4px;font-size:10.5px}
.ema-cfr-c.nuova{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 9%,var(--panel2))}
.ema-cfr-c.nuova .eme-lab{color:var(--accent)}
.ema-cfr-t{max-height:230px;overflow:auto;font-size:13.5px;line-height:1.5;white-space:pre-line;overflow-wrap:anywhere}
.ema-cfr-c:not(.nuova) .ema-cfr-t{color:var(--muted)}
.ema-cfr-t.titolo{font-family:var(--display);font-weight:700;font-size:15px;line-height:1.3}
.ema-cfr-t.pulsante{font-weight:700}
.ema-cfr-t ul,.ema-cfr-t ol{margin:4px 0;padding-left:18px;white-space:normal}
.ema-box-az{display:flex;flex-wrap:wrap;gap:6px}
.ema-box-az button{min-height:40px;display:inline-flex;align-items:center;gap:6px;padding:0 12px}
.ema-uguale{display:flex;gap:8px;align-items:flex-start;margin-bottom:10px;font-size:13px;line-height:1.45}
.ema-uguale .eme-ico{color:var(--ok)}
.ema-aspetta{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:2px 8px;padding:4px 0;font-size:13px}
.ema-aspetta-t{font-weight:600}
.ema-tempo{font-family:var(--mono);font-variant-numeric:tabular-nums;color:var(--muted);font-size:12px}
.ema-lunga,.ema-aspetta-d{grid-column:2/-1;font-size:12px;color:var(--muted);line-height:1.4}
.ema-lunga{color:var(--warn)}
.ema-lunga:empty{display:none}
.ema-box-ver{margin-bottom:10px;padding:8px 10px;border:1px solid color-mix(in srgb,var(--warn) 60%,transparent);border-radius:var(--r-s);background:color-mix(in srgb,var(--warn) 10%,transparent)}
.ema-box>.ema-box-ver:last-child{margin-bottom:0}
.ema-box-ver-t{display:flex;align-items:center;gap:7px;font-size:13px}
.ema-box-ver-t .eme-ico{color:var(--warn)}
.ema-box-ver-r{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:6px;padding-top:6px;border-top:1px solid color-mix(in srgb,var(--warn) 25%,transparent);font-size:12.5px;line-height:1.45}
.ema-box-ver-r span:first-child{min-width:0}
.ema-box-ver-r button{flex:0 0 auto;min-height:36px;display:inline-flex;align-items:center;gap:5px;padding:0 10px;font-size:12.5px;white-space:nowrap}
.ema-prop-h{margin:0 0 8px}
.ema-props{display:flex;flex-direction:column;gap:6px;margin-bottom:8px}
.ema-prop{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:2px 10px;min-height:56px;padding:9px 11px;text-align:left;border:1px solid var(--line);border-radius:var(--r-s);background:var(--panel2);font-weight:400}
.ema-prop:hover{border-color:var(--accent)}
.ema-prop.on{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 10%,var(--panel2))}
.ema-prop-o{grid-column:1;font-weight:700;font-size:14px;line-height:1.3;overflow-wrap:anywhere}
.ema-prop-p{grid-column:1;font-size:12.5px;color:var(--muted);line-height:1.4;overflow-wrap:anywhere}
.ema-prop-p.manca{font-style:italic}
.ema-prop-l{grid-column:1;font-size:11.5px;color:var(--warn);line-height:1.35}
.ema-prop-u{grid-column:2;grid-row:1/span 3;align-self:center;font-size:11.5px;font-weight:700;color:var(--accent);white-space:nowrap}
.ema-ogg-r{display:flex;gap:6px;flex-wrap:wrap}
.ema-ogg-r .eme-in{flex:1 1 150px;min-width:0}
.ema-ogg-b{flex:1 1 auto;min-height:40px;display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:0 12px}

/* ---- il pannello dell'assistente */
.ema-pan-testa{display:flex;align-items:flex-start;gap:10px;margin-bottom:12px}
.ema-pan-st{font-size:22px;margin-top:1px}
.ema-pan-x{min-height:40px;flex:0 0 auto}
.ema-pan-tit{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}
.ema-pan-tit h4{margin:0;font-family:var(--display);font-size:17px;font-weight:700}
.ema-pan-tit span{font-size:12.5px;color:var(--muted);line-height:1.4}
.ema-saldo{display:inline-flex;align-items:center;gap:7px;min-height:36px;margin-bottom:12px;padding:0 12px;border:1px solid var(--line);border-radius:999px;background:transparent;color:var(--muted);font-size:12.5px;font-weight:600}
.ema-saldo:hover{border-color:var(--accent);color:var(--txt)}
.ema-saldo.basso{color:var(--warn);border-color:var(--warn)}
.ema-saldo.critico,.ema-saldo.esaurito{color:var(--bad);border-color:var(--bad)}
.ema-sez{border-top:1px solid var(--line);padding-top:13px;margin:4px 0 14px}
.ema-sez>h4{margin:0 0 4px;font-family:var(--display);font-size:14px;font-weight:700}
.ema-sez>.hint{margin:0 0 9px}
.ema-vai-b{justify-content:flex-start;padding:0 12px;text-align:left}
.ema-pan-aiuto a{font-size:12.5px;display:inline-block;padding:6px 0;color:var(--accent);text-underline-offset:3px}
.ema-voce .eme-lab{margin-bottom:4px}
.ema-voce-h{margin:0 0 7px}
.ema-voce-in{resize:vertical;min-height:72px;line-height:1.45}
.ema-voce-p{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:6px}
.ema-voce-p .eme-conta-car{margin:0 0 0 auto}
.ema-voce-b{min-height:40px;padding:0 12px}
.ema-voce-esito{font-size:12.5px;color:var(--ok)}
.ema-voce-esito.ko{color:var(--bad)}

/* ---- riscrivi i testi tenendo la struttura: la finestra, i passaggi, il riepilogo nel pannello */
.ema-spunta{display:flex;align-items:center;gap:10px;min-height:40px;margin-bottom:14px;font-size:13.5px;cursor:pointer}
.ema-spunta input{width:20px;height:20px;flex:0 0 auto}
.ema-rt-resta{margin:0 0 14px}
.ema-passi{display:flex;gap:5px;width:min(320px,80%);margin:10px 0 4px}
.ema-passi i{flex:1 1 0;height:6px;border-radius:3px;background:var(--line)}
.ema-passi i.fatto{background:var(--accent)}
.ema-passi i.ora{background:color-mix(in srgb,var(--accent) 45%,var(--line));animation:asPulse 1.4s ease-in-out infinite}
.ema-modello-b{margin-top:12px}
.ema-riep-testa{display:flex;align-items:center;justify-content:space-between;gap:8px}
.ema-riep-testa h4{margin:0;font-family:var(--display);font-size:14px;font-weight:700}
.ema-riep-n{margin:4px 0 10px;font-size:13px;line-height:1.5;color:var(--muted)}
.ema-riep-n b{color:var(--txt);font-weight:600}
.ema-riep .eme-avv-in{margin:0 0 8px}
.ema-riep-perche{margin:0 0 10px;font-size:12.5px;line-height:1.45;color:var(--muted)}
.ema-riep-perche summary{cursor:pointer;font-weight:600;color:var(--txt);padding:8px 0}
.ema-riep-perche p{margin:0 0 6px}
.ema-riep-ids{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 10px}
.ema-riep-ids .eme-chip{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:500}
.ema-riep-h{margin:0 0 8px}
.ema-cambi{display:flex;flex-direction:column;gap:5px}
.ema-cambio{border:1px solid var(--line);border-radius:var(--r-s);background:var(--panel2);min-width:0}
.ema-cambio.aperto{border-color:color-mix(in srgb,var(--accent) 55%,var(--line))}
.ema-cambio-b{display:flex;align-items:center;gap:8px;width:100%;min-height:44px;padding:6px 8px 6px 10px;border:0;background:transparent;text-align:left;font-weight:400;font-size:13px}
.ema-cambio-b:focus-visible{outline-offset:-2px}
.ema-cambio-k{flex:0 0 auto;font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--accent)}
.ema-cambio-t{flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ema-cambio-s{flex:0 0 auto;font-size:11px;color:var(--warn);white-space:nowrap}
.ema-cambio.prima .ema-cambio-t,.ema-cambio.sparito .ema-cambio-t{color:var(--muted);text-decoration:line-through}
.ema-cambio-b .eme-ico{color:var(--muted)}
.ema-cambio>.ema-cfr,.ema-cambio>.ema-box-az{margin:0 8px 8px}
.ema-cambio .ema-cfr-c{background:var(--panel)}
.ema-cambio .ema-box-az .hint{margin:0;align-self:center}

/* ---- PC largo: il tasto dell'assistente e' una pillola, come quello del gestionale */
@media (min-width:1280px){
  .ema-cima{margin:-8px -10px 0;padding:8px 10px 2px}
  .ema-pezzo{flex-direction:row;gap:8px;min-height:44px;border-radius:999px;font-size:13.5px}
  .ema-pezzo-n{top:50%;right:10px;transform:translateY(-50%)}
}
/* ---- tablet in verticale: il pannello e' largo, quindi originale e proposta stanno fianco a fianco */
@media (max-width:999.98px){
  .ema-cfr{grid-template-columns:1fr 1fr}
  .ema-pan{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 22px;align-content:start}
  .ema-pan>.ema-pan-testa,.ema-pan>.ema-fermo,.ema-pan>.ema-saldo,.ema-pan>.hint{grid-column:1/-1}
  .ema-saldo{justify-self:start}
  .ema-props{display:grid;grid-template-columns:1fr 1fr}
  .ema-riep{grid-column:1/-1}
}
@media (pointer:coarse){
  .ema-pezzo{min-height:56px}
  .ema-chip,.ema-punto,.ema-pan-x,.ema-box-az button,.ema-box-ver-r button,.ema-fascia-b,.ema-voce-b,.ema-ogg-b,.ema-libera button,.ema-saldo,.ema-fermo-b,.ema-mod .eme-linkb{min-height:44px}
  .ema-mod-voce summary{padding:13px 0}
  .ema-spunta{min-height:44px}
  .ema-riep-perche summary{padding:13px 0}
  .ema-riep-ids .eme-chip{min-height:44px}
  .ema-pan-aiuto a{padding:12px 0}
}
@media (pointer:coarse) and (min-width:1280px){ .ema-pezzo{min-height:44px} }
@media (prefers-reduced-motion:reduce){ .ema-gira,.ema-att-st,.ema-pezzo .ema-st,.ema-passi i.ora{animation:none} }

/* ---- richiesta di consenso (tipo «riconferma») e pacchetti di email (9/10/2026) */
.eml-tipo.riconferma{color:var(--ok);border-color:color-mix(in srgb,var(--ok) 50%,transparent)}
.emi-tipi.tre{grid-template-columns:1fr;gap:6px}
.emi-tipi.tre .emi-opz{min-height:44px;padding:9px 12px}
.emi-tipi.tre .emi-opz:not(.on) small{display:none}      /* tre tipi: la spiegazione solo di quello scelto, cosi' il pubblico resta in vista */
/* da dove vengono i contatti di una richiesta di consenso */
.emi-prov-t{margin:16px 0 6px}
.emi-prov{list-style:none;margin:0;padding:0;font-variant-numeric:tabular-nums}
.emi-prov li{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(40px,1fr) auto;align-items:center;gap:10px;padding:5px 0;font-size:13px;line-height:1.35}
.emi-prov-n{overflow-wrap:anywhere}
.emi-prov-b{height:6px;border-radius:3px;background:var(--line);overflow:hidden}
.emi-prov-b i{display:block;height:100%;border-radius:3px;background:color-mix(in srgb,var(--muted) 80%,var(--panel2))}
.emi-prov b{font-family:var(--mono);font-weight:600;min-width:44px;text-align:right}
.emi-conta-saldo{margin:10px 0 0;font-variant-numeric:tabular-nums}
.emi-nota-az{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.emi-nota-az .hint{margin:0}
.emi-compra{min-height:42px;padding:0 16px;font-weight:700;white-space:nowrap}
.emi-compra-chi{font-size:12.5px;color:var(--muted);line-height:1.4}
/* il saldo: quante email restano, da dove vengono, fino a quando */
.emi-saldo{margin:16px 0 0;padding:14px 16px;border:1px solid var(--line);border-radius:var(--r);background:var(--panel2);font-variant-numeric:tabular-nums}
.emi-saldo.finite{border-color:var(--bad);background:color-mix(in srgb,var(--bad) 8%,var(--panel2))}
.emi-saldo-t{font-size:14px;display:flex;align-items:baseline;gap:6px}
.emi-saldo-t b{font-family:var(--mono);font-size:24px;font-weight:600;line-height:1}
.emi-saldo.finite .emi-saldo-t b{font-family:var(--ui);font-size:17px;color:var(--bad)}
.emi-saldo-b{height:6px;border-radius:3px;background:var(--line);overflow:hidden;margin:10px 0 0}
.emi-saldo-b i{display:block;height:100%;background:var(--accent);border-radius:3px}
.emi-saldo-r{list-style:none;margin:8px 0 0;padding:0;font-size:13px;line-height:1.5;color:var(--muted)}
.emi-saldo-dopo{margin:6px 0 0;font-size:13px}
.emi-saldo-c{margin-top:12px;display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.emi-saldo-elenco:empty{display:none}
.emi-saldo-elenco{margin:0 0 12px}
.emi-saldo-riga{display:flex;align-items:center;gap:6px 14px;flex-wrap:wrap;padding:8px 8px 8px 14px;min-height:50px;border:1px solid var(--line);border-radius:var(--r);background:var(--panel);font-variant-numeric:tabular-nums}
.emi-saldo-riga.finite{border-color:var(--bad)}
.emi-saldo-riga-t{font-size:14px;white-space:nowrap}
.emi-saldo-riga-t b{font-family:var(--mono);font-size:17px;font-weight:600}
.emi-saldo-riga.finite .emi-saldo-riga-t b{font-family:var(--ui);color:var(--bad)}
.emi-saldo-riga-d{flex:1 1 260px;min-width:0;font-size:12.5px;color:var(--muted);line-height:1.4}
/* le risposte a una richiesta di consenso: si', no, senza risposta */
.emi-risp{margin:14px 0 0}
.emi-risp-b{display:flex;gap:2px;height:12px;border-radius:6px;overflow:hidden;background:var(--line)}
.emi-risp-b i{display:block;flex-basis:0;min-width:3px}
.emi-risp-b i.si{background:var(--ok)}
.emi-risp-b i.no{background:color-mix(in srgb,var(--muted) 85%,var(--panel2))}
.emi-risp-b i.zitti{background:color-mix(in srgb,var(--muted) 30%,var(--panel2))}
.emi-risp-g{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:10px}
.emi-risp-c{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:baseline;gap:2px 8px;padding:12px 14px;border:1px solid var(--line);border-radius:var(--r);background:var(--panel2);font-variant-numeric:tabular-nums}
.emi-risp-c.si{border-color:color-mix(in srgb,var(--ok) 60%,var(--line));background:color-mix(in srgb,var(--ok) 8%,var(--panel2))}
.emi-risp-n{font-family:var(--mono);font-size:27px;font-weight:600;line-height:1.1}
.emi-risp-c.si .emi-risp-n{color:var(--ok)}
.emi-segno.si{color:var(--ok);border-color:color-mix(in srgb,var(--ok) 55%,transparent)}
/* nella galleria: la richiesta di consenso sta per conto suo, sotto i modelli */
.emi-gal-ric{display:grid;grid-template-columns:228px minmax(0,1fr);gap:18px;align-items:start;margin-top:22px;padding-top:20px;border-top:1px solid var(--line)}
.emi-gal-ric-foto{border:1px solid var(--line);border-radius:var(--r);overflow:hidden}
.emi-gal-ric-foto .eml-gal-vetro{height:230px;border-bottom:0}
.emi-gal-ric-t h3{font-size:17px;margin:2px 0 8px}
.emi-gal-ric-t p{margin:0 0 8px;line-height:1.5;color:var(--muted);max-width:62ch}
.emi-gal-ric-b{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}
.emi-gal-ric-b button{min-height:44px;padding:0 16px}
@media (max-width:640px){
  .emi-gal-ric{grid-template-columns:1fr}
  .emi-risp-g{grid-template-columns:1fr}
}
@media (pointer:coarse){ .emi-compra{min-height:44px} }
/* --- quando parte: a un orario, oppure appena approvata (emi-) --- */
.emi-quando-modi{margin-bottom:14px}
.emi-quando-regole{margin:0 0 14px;padding:12px 14px 12px 32px;border:1px solid var(--line);border-radius:var(--r);background:var(--panel2);display:flex;flex-direction:column;gap:6px;font-size:13.5px;line-height:1.45}
.emi-quando-appena{margin-top:10px;min-height:44px;padding:0 14px;font-weight:700;border-color:var(--accent)}
.emi-quando-appena[hidden]{display:none}
.emi-orario-v{display:flex;flex-direction:column;gap:2px}
.emi-orario-v small{font-size:12.5px;color:var(--muted);line-height:1.4}
.emi-orario-t{display:flex;gap:8px;flex-wrap:wrap}
.emi-orario-t button{min-height:42px;padding:0 14px}
.emi-segno.risp{display:inline-flex;align-items:center;gap:4px}
.emi-segno.risp svg{width:11px;height:11px}
.emi-segno.no{color:var(--muted);border-color:var(--muted)}
@media (pointer:coarse){ .emi-orario-t button{min-height:44px} }

/* ================================================================= SCONTO PERSONALE
   Editor (eme-sc-): il pannello del blocco «Sconto». Invio (emi-sc-): riepilogo, stato, risultati. */
.eme-attesa-in{padding:10px 0;font-size:12.5px;color:var(--muted)}
.eme-sc-no{border:1px solid color-mix(in srgb,var(--warn) 55%,transparent);background:color-mix(in srgb,var(--warn) 9%,var(--panel2));color:var(--txt);flex-wrap:wrap}
.eme-sc-no .eme-ico{color:var(--warn)}
.eme-sc-no .eme-linkb{flex:1 1 100%;text-align:left;min-height:32px}
.eme-sc-val{margin-top:8px}
.eme-sc-val .eme-opz{flex:1 1 21%;font-variant-numeric:tabular-nums}
.eme-sc-menu{display:flex;flex-direction:column;gap:6px}
.eme-sc-m{display:flex;align-items:stretch;border:1px solid var(--line);border-radius:var(--r-s);background:var(--panel2);overflow:hidden}
.eme-sc-m.on{border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent);background:color-mix(in srgb,var(--accent) 9%,var(--panel2))}
.eme-sc-m-b{flex:1;min-width:0;min-height:48px;display:flex;align-items:flex-start;gap:9px;padding:8px 9px;border:0;background:transparent;text-align:left;font-weight:400;border-radius:0}
.eme-sc-m-p{flex:0 0 16px;width:16px;height:16px;margin-top:2px;border-radius:50%;border:2px solid var(--muted);position:relative}
.eme-sc-m.on .eme-sc-m-p{border-color:var(--accent)}
.eme-sc-m.on .eme-sc-m-p::after{content:"";position:absolute;inset:2px;border-radius:50%;background:var(--accent)}
.eme-sc-m-t{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}
.eme-sc-m-t b{font-size:13px;font-weight:700;line-height:1.3;overflow:hidden;text-overflow:ellipsis}
.eme-sc-m-t small{font-size:12px;line-height:1.35;color:var(--muted)}
.eme-sc-m-a{flex:0 0 auto;display:inline-flex;align-items:center;padding:0 12px;border-left:1px solid var(--line);font-size:12.5px;font-weight:600;color:var(--accent);text-decoration:none}
.eme-sc-m-a:focus-visible,.eme-sc-m-b:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}
.eme-sc-ante{margin-bottom:12px;transition:opacity .15s}
.eme-sc-ante.vecchia{opacity:.5}
.eme-sc-frase{padding:12px 12px 11px;border:1px solid var(--line);border-radius:var(--r-s);background:var(--bg)}
.eme-sc-occ{font-size:10.5px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--accent)}
.eme-sc-tit{margin-top:5px;font-family:var(--display);font-size:16px;font-weight:700;line-height:1.25}
.eme-sc-cond{list-style:none;margin:8px 0 0;padding:0;display:grid;gap:3px;font-size:12.5px;line-height:1.4;color:var(--muted)}
.eme-sc-es{margin:10px 0 0;font-size:12.5px;line-height:1.45;font-variant-numeric:tabular-nums}
.eme-sc-es .eme-lab{display:block;margin-bottom:2px}
.eme-avv-in.ko{border-color:color-mix(in srgb,var(--bad) 60%,transparent)}
.eme-avv-in.ko .eme-ico{color:var(--bad)}
@media (pointer:coarse){ .eme-sc-m-b{min-height:52px} .eme-sc-m-a{min-width:56px;justify-content:center} }
.emi-sc{margin-top:16px;padding:14px;border:1px solid var(--line);border-radius:var(--r);background:var(--panel2)}
.emi-sc-testa{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}
.emi-sc-k{display:inline-flex;align-items:center;gap:7px;font-size:11px;text-transform:uppercase;letter-spacing:.1em;color:var(--muted);font-weight:600}
.emi-sc-k .eme-ico{color:var(--accent)}
.emi-sc-frase{margin:8px 0 0;font-family:var(--display);font-size:17px;font-weight:700;line-height:1.3}
.emi-sc-dove{margin:4px 0 0;display:flex;align-items:center;gap:4px 10px;flex-wrap:wrap;font-size:13px;color:var(--muted)}
.emi-sc-dove .eme-linkb{min-height:32px;display:inline-flex;align-items:center}
.emi-sc .emi-sc-num{grid-template-columns:repeat(4,minmax(0,1fr));margin-top:12px}
.emi-sc .emi-num{background:var(--panel)}
.emi-sc-righe{margin:10px 0 0;padding:0;list-style:none;display:grid;gap:4px;font-size:13px;line-height:1.45;color:var(--muted);font-variant-numeric:tabular-nums}
.emi-sc-righe li.attenzione{color:var(--warn)}
.emi-sc-az{margin-top:14px;padding-top:12px;border-top:1px solid var(--line);display:flex;align-items:center;gap:8px 12px;flex-wrap:wrap}
.emi-sc-az button{min-height:42px;padding:0 14px;display:inline-flex;align-items:center;gap:8px}
.emi-sc-az .hint{margin:0;flex:1 1 220px}
.emi-fatto-sc .emi-fatto-v small{font-variant-numeric:tabular-nums}
.emi-conf-mdl{max-width:480px}
.emi-conf p{margin:0 0 14px;line-height:1.5}
.emi-conf-spunta{display:flex;gap:11px;align-items:flex-start;padding:12px;border:1px solid var(--line);border-radius:var(--r);background:var(--panel2);cursor:pointer}
.emi-conf-spunta input{flex:0 0 22px;width:22px;height:22px;margin:1px 0 0;accent-color:var(--accent)}
.emi-conf-spunta b{display:block;font-size:14px;line-height:1.3}
.emi-conf-spunta small{display:block;margin-top:3px;font-size:12.5px;line-height:1.45;color:var(--muted)}
.emi-pers{margin:8px 0 10px}
.emi-conf-mdl .mdl-foot button{min-height:42px;display:inline-flex;align-items:center;gap:8px}
.eml-con-sconto{display:inline-flex;align-items:center;gap:4px;margin-top:4px;font-size:11px;font-weight:700;letter-spacing:.04em;color:var(--accent)}
@media (max-width:900px){ .emi-sc .emi-sc-num{grid-template-columns:repeat(2,minmax(0,1fr))} }
@media (pointer:coarse){ .emi-sc-az button,.emi-conf-mdl .mdl-foot button{min-height:44px} .emi-sc-dove .eme-linkb{min-height:44px} }