.mail-preferences{max-width:850px}.mail-preferences .card{padding:clamp(20px,4vw,36px)}.mail-form{display:grid;gap:20px;margin-top:22px}.mail-form label{display:grid;gap:8px;font-weight:700}.mail-form input:not([type=checkbox]),.mail-form textarea,.mail-form select{box-sizing:border-box;width:100%;max-width:100%;min-width:0}.mail-form textarea{resize:vertical;line-height:1.6}.mail-form .btn{justify-self:start}.mail-form .mail-choice{display:flex;gap:14px;align-items:flex-start;padding:18px;border:1px solid #dfe6f0;border-radius:12px}.mail-choice input{margin-top:4px;flex:0 0 auto;width:20px;height:20px;accent-color:#174be8}.mail-choice small{display:block;margin-top:7px;font-weight:400;color:#52647b;line-height:1.6}.mail-stats{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin:24px 0}.mail-stats .card{display:grid;gap:8px;padding:20px}.mail-stats strong{font-size:30px;color:#174be8}.mail-columns{display:grid;grid-template-columns:1fr 1fr;gap:20px}.mail-columns small{font-weight:400}.mail-preview{border:2px solid #174be8}.mail-preview-body{margin:24px 0;padding:24px;background:#f3f6fd;border-radius:12px;overflow-wrap:anywhere}.mail-text{white-space:pre-wrap;line-height:1.7;overflow-wrap:anywhere}.mail-actions{display:flex;flex-wrap:wrap;gap:12px}.mail-district-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;padding-top:16px;font-size:14px}.mail-error{display:block;color:#9d2438;max-width:35ch;margin-top:5px}.mail-preferences .notice{margin-bottom:18px}@media(max-width:700px){.mail-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.mail-columns{grid-template-columns:1fr}.mail-district-list{grid-template-columns:1fr 1fr}.mail-form .btn{width:100%}.mail-actions .btn{width:100%}.mail-preview-body{padding:16px}}@media(max-width:380px){.mail-district-list{grid-template-columns:1fr}.mail-stats .card{padding:14px}.mail-choice{padding:12px!important}}
.mail-picker{padding:20px;border:1px solid #dfe6f0;border-radius:12px;background:#f8faff;min-width:0}.mail-picker[hidden],.mail-picker [hidden]{display:none!important}.mail-picker-tools{display:flex;gap:10px;flex-wrap:wrap;margin:14px 0}.mail-picker-tools input{flex:1 1 220px}.mail-picker-tools .btn{flex:0 1 auto}.mail-district-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));max-height:320px;overflow:auto;gap:8px;padding:4px}.mail-form .mail-check{display:flex;align-items:flex-start;gap:10px;padding:12px;border:1px solid #e2e8f0;background:#fff;border-radius:8px;font-size:14px;font-weight:400;cursor:pointer;min-width:0}.mail-check input{width:18px;height:18px;accent-color:#174be8;flex:0 0 18px;margin-top:2px}.mail-check span{min-width:0;overflow-wrap:anywhere}.mail-check:has(input:checked){border-color:#174be8;background:#edf2ff}.mail-check small{display:block;color:#64748b;font-size:12px;margin-top:4px;font-weight:400;line-height:1.5}.mail-player-results{display:grid;grid-template-columns:1fr 1fr;gap:8px;max-height:400px;overflow:auto}.mail-selected{display:flex;flex-wrap:wrap;gap:8px;margin:16px 0}.mail-player-chip{display:flex;align-items:center;gap:10px;max-width:100%;padding:9px 12px;border-radius:8px;background:#e8efff;color:#174be8;font-size:12px}.mail-player-chip span{overflow-wrap:anywhere;min-width:0}.mail-player-chip button{border:0;background:transparent;color:#174be8;text-decoration:underline;font:inherit;cursor:pointer;padding:4px;flex:0 0 auto}.mail-preview>p{overflow-wrap:anywhere}@media(max-width:850px){.mail-district-options{grid-template-columns:1fr 1fr}}@media(max-width:600px){.mail-player-results,.mail-district-options{grid-template-columns:1fr}.mail-picker{padding:14px}.mail-picker-tools .btn{width:auto}.mail-player-chip{width:100%;justify-content:space-between}}