/* V3.34 · Notification history modal. Keep Sora/legibility rules from V3.31. */
.sb-email-modal{width:min(640px,calc(100vw - 24px));max-height:min(88dvh,780px);overflow-y:auto;box-sizing:border-box}
.sb-email-modal h2{margin:3px 0 6px;font-size:clamp(21px,2vw,27px)}
.sb-email-history{display:grid;gap:10px;margin:14px 0;max-height:390px;overflow-y:auto}
.sb-email-item{padding:14px 16px;border:1px solid #dce7e0;border-radius:14px;background:#fbfdfb;display:grid;gap:6px}
.sb-email-item>div{display:flex;gap:10px;flex-wrap:wrap;align-items:center;justify-content:space-between}
.sb-email-item strong{font-size:15px;color:#183c2f}
.sb-email-item small{font-size:14px;line-height:1.5;color:#567066}
.sb-email-state{display:inline-flex;font-size:13px;font-weight:700;line-height:1.35;padding:5px 9px;border-radius:99px;color:#5a665f;background:#edf0ee}
.sb-email-sent{background:#e3f4e9;color:#16663e}
.sb-email-failed{background:#fbe4e2;color:#922d29}
.sb-email-pending,.sb-email-processing{background:#fff1d8;color:#835619}
.sb-email-hint{font-size:14px;line-height:1.65}
.sb-email-actions{display:flex;flex-wrap:wrap;gap:10px;justify-content:flex-end;margin-top:14px}
.sb-email-actions button{min-height:44px;font-size:14px}
.sb-email-feedback{min-height:18px;font-size:14px;color:#206347}
.sb-email-error{color:#992b28!important}
@media(max-width:600px){.sb-email-modal{width:calc(100vw - 18px);padding:18px!important}.sb-email-actions button{flex:1 1 100%;font-size:16px}.sb-email-item{padding:12px}.sb-email-history{max-height:46dvh}}

/* V3.34.1: descriptive empty state and explicit availability explanation. */
.sb-email-empty{padding:16px;background:#f4f8f5;border:1px solid #dce7e0;border-radius:14px;color:#204635;font-size:15px;line-height:1.6}
.sb-email-empty strong{font-weight:700}
.sb-email-empty p{margin:6px 0 0;color:#567066;font-size:14px}
.sb-email-guidance{padding:12px 14px;border-radius:12px;background:#fff8ea;border:1px solid #e6d9b8;font-size:14px;color:#664f1b;line-height:1.55}
.sb-email-feedback{line-height:1.55}
