.mail-space{padding:20px 18px 48px;max-width:680px;margin:0 auto;color:var(--text,#222)}
.mail-space h1{font-size:23px;margin:8px 0 20px}.mail-space h2{font-size:17px;margin:0 0 8px}
.mail-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.mail-head h1{margin:0}
.mail-space button{font:inherit;cursor:pointer}.mail-space button:disabled{opacity:.45;cursor:not-allowed}
.mail-primary,.mail-secondary,.mail-back{border:0;border-radius:12px;padding:10px 14px}.mail-primary{background:#1c1d20;color:white}.mail-secondary,.mail-back{background:#eee;color:#222}
.mail-form{display:grid;gap:13px}.mail-form label{display:grid;gap:6px;font-size:14px;font-weight:600}
.mail-form input,.mail-form textarea,.mail-steer textarea,.mail-compose textarea{box-sizing:border-box;width:100%;min-width:0;border:1px solid #ddd;border-radius:12px;padding:12px;font:inherit;background:#fff;color:#222}.mail-form textarea,.mail-steer textarea,.mail-compose textarea{resize:vertical}
.mail-compose{margin-bottom:20px;padding:16px;border-radius:16px;background:#f3f3f3}.mail-compose button{margin-top:8px}
.mail-source-warning{margin:0 0 20px;padding:12px 14px;border-radius:12px;background:#fff4d6;color:#5e4300;line-height:1.5}
.mail-inbox{margin:0 0 28px}.mail-inbox p{font-size:13px;line-height:1.5;color:#555}
.mail-actions{display:flex;gap:8px;flex-wrap:wrap}.mail-status{min-height:22px;line-height:1.5}.mail-steer{margin-top:24px;padding:16px;border-radius:16px;background:#f3f3f3}.mail-steer p{font-size:13px;line-height:1.5;color:#555}.mail-steer button{margin-top:8px}
.mail-row{display:flex;width:100%;text-align:left;flex-direction:column;gap:5px;border:0;border-bottom:1px solid #eee;background:transparent;padding:16px 4px}.mail-row span{font-size:13px;color:#666}.mail-root[hidden]{display:none}