/* Amministrazione → Newsletter (v597): js/admin-newsletter.js. Colori del tema (--surface, --ink, --line, --accent…); l'anteprima dell'email ha i suoi colori fissi, come arriva nella posta. */
.nl{display:grid;gap:20px;min-width:0}
.nl-intro{margin:0;max-width:72ch}
.nl-griglia{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:20px;align-items:start}
.nl-c{min-width:0;background:var(--surface);border:1px solid var(--line);border-radius:16px;overflow:hidden}
.nl-h{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:14px 20px;border-bottom:1px solid var(--line)}
.nl-h h3{margin:0;font-size:17px}
.nl-h > span{margin-left:auto}
.nl-b{display:grid;gap:10px;padding:18px 20px}
.nl-l{font-size:13px;font-weight:700;color:var(--ink-2);margin-top:6px}
.nl-b input[type=text],.nl-b textarea,.nl-b select{width:100%;box-sizing:border-box;min-height:44px;font:inherit;font-size:15px;color:var(--ink);background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:10px 13px}
.nl-b textarea{min-height:200px;line-height:1.5;resize:vertical}
.nl-b input:focus-visible,.nl-b textarea:focus-visible,.nl-b select:focus-visible,.nl-tb-b:focus-visible{outline:3px solid var(--accent);outline-offset:1px}
.nl-tb{display:flex;gap:6px;flex-wrap:wrap}
.nl-tb-b{min-height:44px;min-width:44px;padding:0 12px;border:1px solid var(--line);border-radius:10px;background:var(--surface-2,var(--surface));color:var(--ink);font:inherit;font-size:14px;cursor:pointer}
.nl-tb-b:hover{border-color:var(--accent)}
.nl-tb-g{font-weight:800}.nl-tb-c{font-style:italic}
.nl-aiuto{margin:0}
.nl-dest{display:grid;gap:8px;margin:4px 0 0;padding:0;border:0;min-width:0}
.nl-op{display:flex;gap:10px;align-items:flex-start;min-height:44px;box-sizing:border-box;padding:11px 13px;border:1px solid var(--line);border-radius:12px;cursor:pointer;font-size:15px;color:var(--ink)}
.nl-op.on{border-color:var(--accent);background:var(--accent-soft);box-shadow:inset 0 0 0 1px var(--accent)}
.nl-op input{margin:3px 0 0;width:18px;height:18px;accent-color:var(--accent);flex:none}
.nl-op-t{display:grid;gap:6px;min-width:0;flex:1}
.nl-op small{color:var(--ink-2);font-size:13px}
.nl-num{font-weight:700}
.nl-az{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin-top:6px}
.nl-az .btn{min-height:44px}
.nl-conf{display:grid;gap:8px;padding:14px;border-radius:12px;border:1px solid var(--accent);background:var(--accent-soft);color:var(--ink)}
.nl-conf p{margin:0}
.nl-err{color:var(--bad)}
/* anteprima: com'è l'email (colori fissi) */
.nl-mail{padding:16px;background:#f3f4f7;color:#1f2430}
.nl-meta{font-size:12.5px;color:#4b5563;margin-bottom:10px;overflow-wrap:anywhere}
.nl-busta{background:#fff;border:1px solid #e3e6ee;border-radius:12px;overflow:hidden;font-family:'Helvetica Neue',Helvetica,Arial,sans-serif}
.nl-m-testa{display:grid;gap:2px;padding:16px 20px;background:#1f2a5c;color:#fff}
.nl-m-testa strong{font-size:18px}.nl-m-testa small{font-size:12px;opacity:.8}
.nl-m-corpo{padding:18px 20px;font-size:14.5px;line-height:1.55;color:#1f2430;overflow-wrap:anywhere}
.nl-m-corpo p{margin:0 0 12px}.nl-m-corpo ul{margin:0 0 12px;padding-left:20px}
.nl-m-corpo a{color:#3b5bdb}
.nl-m-corpo .nl-m-btn{display:inline-block;padding:10px 18px;border-radius:999px;background:#3b5bdb;color:#fff;font-weight:700;text-decoration:none}
.nl-m-vuoto{color:#6b7280}
.nl-m-piede{padding:12px 20px;border-top:1px solid #eef0f4;font-size:12px;color:#4b5563}
.nl-m-piede u{color:#3b5bdb}
/* inviate */
.nl-lista{list-style:none;margin:0;padding:0}
.nl-riga{display:grid;grid-template-columns:70px minmax(0,2fr) minmax(0,1.3fr) auto;gap:12px;align-items:center;padding:12px 20px;border-bottom:1px solid var(--line);font-size:14px}
.nl-riga:last-child{border-bottom:0}
.nl-data{color:var(--ink-2)}.nl-ogg{overflow-wrap:anywhere}.nl-chi{color:var(--ink-2)}
.nl-st{font-weight:700}.nl-st-inviata{color:var(--ok)}.nl-st-in_invio{color:var(--warn)}
.nl-vuoto{margin:0;padding:16px 20px}
@media (max-width:1100px){ .nl-griglia{grid-template-columns:minmax(0,1fr)} }
@media (max-width:640px){
  .nl-h,.nl-b{padding-inline:14px}
  .nl-riga{grid-template-columns:minmax(0,1fr) auto;gap:4px 10px;padding:12px 14px}
  .nl-riga .nl-ogg{grid-column:1/-1;grid-row:1}.nl-riga .nl-data{grid-row:2}.nl-riga .nl-st{grid-row:2;grid-column:2}.nl-riga .nl-chi{grid-column:1/-1;grid-row:3}
  .nl-az .btn{flex:1 1 auto}
  .nl-mail{padding:10px}
}