:root{--inchiostro:#1d1d1b;--tenue:#6e7178;--bordo:#e4e5e8;--fondo:#f7f7f8;--carta:#fff;--accento:#4e5ac9;--accento-chiaro:#eef0fb;--errore:#c5221f;--inviata:#4e5ac9;--ricevuta:#0b8043;--nota:#b06d00}*{box-sizing:border-box}body{color:var(--inchiostro);background:var(--fondo);margin:0;font-family:Inter,Segoe UI,Roboto,Arial,sans-serif;font-size:15px;line-height:1.5}a{color:var(--accento);text-decoration:none}a:hover{text-decoration:underline}h1,h2,h3,h4{margin:0;font-weight:600}h1{font-size:24px}h2{font-size:18px}h3{font-size:16px}h4{text-transform:uppercase;letter-spacing:.04em;color:var(--tenue);font-size:13px}.barra{background:var(--carta);border-bottom:1px solid var(--bordo);padding:12px 24px}.marchio{color:var(--inchiostro);font-weight:600}.marchio span{color:var(--accento)}.marchio:hover{text-decoration:none}.contenuto{max-width:1040px;margin:0 auto;padding:24px}.testata{justify-content:space-between;align-items:center;gap:12px;margin:24px 0 12px;display:flex}.testata:first-child{margin-top:0}.testata.piccola{margin:0 0 8px}button{font:inherit;border:1px solid var(--bordo);background:var(--carta);color:var(--inchiostro);cursor:pointer;border-radius:6px;padding:6px 12px;font-size:13px}button:hover{border-color:#c8cad0}button.primario{background:var(--accento);border-color:var(--accento);color:#fff}button.primario:hover{filter:brightness(1.08)}button:disabled{opacity:.6;cursor:default}.riquadro{background:var(--carta);border:1px solid var(--bordo);border-radius:10px;margin-bottom:16px;padding:16px 18px}.modulo{gap:10px;margin-bottom:12px;display:grid}.modulo label{color:var(--tenue);gap:4px;font-size:13px;display:grid}.modulo .affiancati{grid-template-columns:1fr 1fr;gap:10px;display:grid}.modulo .affiancati .largo{grid-column:span 1}.modulo input,.modulo select,.modulo textarea{font:inherit;color:var(--inchiostro);border:1px solid var(--bordo);background:var(--carta);border-radius:6px;width:100%;padding:7px 9px;font-size:14px}.modulo input:focus,.modulo select:focus,.modulo textarea:focus{outline:2px solid var(--accento-chiaro);border-color:var(--accento)}.azioni{gap:8px;display:flex}.conta-caratteri{text-align:right;margin-top:-6px;font-size:12px}.errore{color:var(--errore);margin:0;font-size:13px}.vuoto{margin:4px 0 12px;font-size:14px}.tenue,.vuoto{color:var(--tenue)}.tenue{font-size:13px}.elenco{background:var(--carta);border:1px solid var(--bordo);border-radius:10px;margin:0;padding:0;list-style:none;overflow:hidden}.elenco li+li{border-top:1px solid var(--bordo)}.riga{color:var(--inchiostro);grid-template-columns:1fr auto auto auto;align-items:center;gap:16px;padding:12px 18px;display:grid}.riga:hover{background:var(--fondo);text-decoration:none}.riga .nome{font-weight:500}.riga .conta{color:var(--accento);background:var(--accento-chiaro);border-radius:999px;padding:2px 10px;font-size:13px}.indietro{margin-bottom:12px;font-size:13px;display:inline-block}.azienda{margin-bottom:8px}.azienda .note{white-space:pre-wrap;color:var(--tenue);margin:8px 0 0}.lead header{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.lead .descrizione{white-space:pre-wrap;margin:6px 0 0}.colonne{grid-template-columns:minmax(0,1fr) minmax(0,1.6fr);gap:24px;margin-top:16px;display:grid}.contatti{gap:10px;margin:0;padding:0;list-style:none;display:grid}.contatti li{grid-template-columns:72px 1fr;gap:8px;font-size:14px;display:grid}.contatti .tipo{color:var(--tenue);padding-top:2px;font-size:12px}.storico{gap:0;margin:0;padding:0;list-style:none;display:grid}.storico li{border-left:3px solid var(--bordo);padding:10px 0 10px 12px}.storico li+li{border-top:1px solid var(--fondo)}.storico li.mail-inviata{border-left-color:var(--inviata)}.storico li.mail-ricevuta{border-left-color:var(--ricevuta)}.storico li.nota{border-left-color:var(--nota)}.riga-evento{flex-wrap:wrap;align-items:baseline;gap:6px;display:flex}.etichetta{text-transform:uppercase;letter-spacing:.03em;font-size:12px;font-weight:600}.mail-inviata .etichetta{color:var(--inviata)}.mail-ricevuta .etichetta{color:var(--ricevuta)}.nota .etichetta{color:var(--nota)}.oggetto{margin-top:2px;font-weight:500}.anteprima{color:var(--inchiostro);white-space:pre-wrap;font-size:14px}.apri{font-size:13px}@media (width<=760px){.colonne{grid-template-columns:1fr}.riga{grid-template-columns:1fr auto}.riga .tenue{display:none}}.cerca{align-items:center;gap:12px;margin-bottom:12px;display:flex}.cerca input{font:inherit;color:var(--inchiostro);border:1px solid var(--bordo);background:var(--carta);border-radius:8px;flex:1;max-width:360px;padding:8px 12px;font-size:14px}.cerca input:focus{outline:2px solid var(--accento-chiaro);border-color:var(--accento)}.titolo-lead{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.stato{font:inherit;white-space:nowrap;border:1px solid #0000;border-radius:999px;padding:3px 10px;font-size:12px;font-weight:600}select.stato{cursor:pointer;appearance:none;padding-right:12px}.stato-da-scrivere{color:var(--tenue);background:#f0f1f3;border-color:#e2e3e6}.stato-scritta{color:var(--inviata);background:var(--accento-chiaro);border-color:#dfe3f8}.stato-risposto{color:var(--ricevuta);background:#e8f5ec;border-color:#cfe8d8}.stato-appuntamento{color:var(--nota);background:#fdf3e2;border-color:#f4e2c2}.barra{justify-content:space-between;align-items:center;display:flex}.esci{font-size:13px}.accesso{max-width:380px;margin:48px auto 0}.accesso h1{margin-bottom:4px;font-size:20px}