/* Reminder emails (#/manage/email), the learner's reminder switch (#/password)
   and the reset-link pieces. Shell tokens only, so tenant accents and the dark
   theme carry over; nothing here may widen the page past a 320px viewport. */
.email-admin{display:flex;flex-direction:column;gap:16px;padding-bottom:40px;min-width:0}
.email-admin .panel{min-width:0}
.email-status{display:flex;flex-wrap:wrap;gap:6px;margin:10px 0 0}
.email-mode-pill.email-mode-live{background:var(--accent-deep);color:var(--on-accent)}
.email-fieldset{border:0;margin:0;padding:0;min-width:0;display:flex;flex-direction:column;gap:6px}
.email-fieldset[disabled]{opacity:1}
.email-mode,.email-days{border:1px solid var(--edge);border-radius:10px;padding:10px 12px;margin:4px 0 8px;min-width:0}
.email-mode legend,.email-days legend{font-weight:700;padding:0 4px;color:var(--ink)}
.email-radio,.email-day,.email-check{display:inline-flex;align-items:center;gap:6px;margin:4px 14px 4px 0;color:var(--ink);font-weight:500;cursor:pointer}
.email-radio input:disabled+*,.email-radio:has(input:disabled){color:var(--mute);cursor:not-allowed}
.email-check{margin:8px 0}
.email-row{display:flex;flex-wrap:wrap;gap:12px 20px}
.email-row>div{display:flex;flex-direction:column;gap:6px;min-width:0}
.email-row input,.email-row select{max-width:12rem}
.email-gap-warning{color:var(--ink);border-left:3px solid var(--accent);padding-left:10px}
.email-settings form,.email-settings input[type=email]{max-width:28rem;width:100%}
.email-facts{display:grid;grid-template-columns:max-content minmax(0,1fr);gap:6px 14px;margin:8px 0 14px}
.email-facts dt{font-weight:700;color:var(--ink)}
.email-facts dd{margin:0;color:var(--ink-2);overflow-wrap:anywhere}
.email-frame{display:block;width:100%;max-width:640px;height:620px;border:1px solid var(--edge);border-radius:10px;background:#eef1f4;margin:8px 0 12px}
.email-subject{font-weight:700;color:var(--ink);overflow-wrap:anywhere;margin:8px 0 0}
.email-verdict{margin:12px 0 4px;padding:10px 12px;border-radius:10px;border:1px solid var(--edge);background:var(--surface);color:var(--ink)}
.email-verdict.yes{border-color:var(--accent-deep);background:var(--accent-wash)}
.email-text pre{white-space:pre-wrap;overflow-wrap:anywhere;font-size:13px;color:var(--ink-2);background:var(--ground);border-radius:8px;padding:12px}
.email-preview select{max-width:100%}
.email-log-scroll{overflow-x:auto;max-width:100%}
.email-log-scroll:focus-visible{outline:2px solid var(--accent-deep);outline-offset:2px}
.email-log td{overflow-wrap:anywhere}
.email-pill-sent{background:var(--accent-wash);color:var(--ink)}
.email-pill-failed{background:var(--accent-deep);color:var(--on-accent)}
.email-older{margin-top:10px}
/* The learner's switch and the reset-link block. */
.email-prefs{margin-top:16px}
.email-prefs h2{font-size:19px;margin:0 0 6px}
.email-prefs-switch{display:flex;align-items:center;gap:10px;margin:10px 0;color:var(--ink);font-weight:500;cursor:pointer}
.email-prefs-switch input{width:20px;height:20px;flex:none}
.reset-link-box{margin:10px 0;display:flex;flex-direction:column;align-items:flex-start;gap:6px}
@media (max-width:600px){.email-frame{height:560px}.email-facts{grid-template-columns:minmax(0,1fr)}.email-facts dt{margin-top:6px}}