.transaction-mail-tabs{display:flex;gap:12px;margin-bottom:20px;flex-wrap:wrap}.transaction-mail-tab{flex:1;min-width:170px;padding:18px 22px;text-align:left;border:1px solid #dce2e8;border-radius:14px;background:#fff;color:#182330;cursor:pointer}.transaction-mail-tab strong,.transaction-mail-tab span{display:block}.transaction-mail-tab strong{font-size:16px;letter-spacing:.03em}.transaction-mail-tab span{font-size:12px;color:#64748b;margin-top:6px}.transaction-mail-tab.active{border-color:var(--accent,#275ca8);box-shadow:inset 0 0 0 1px var(--accent,#275ca8);background:var(--soft,#eef5ff)}.transaction-mail-card{max-width:1050px}.transaction-mail-card .card-head{gap:24px;align-items:flex-start}.transaction-mail-card h2{margin:4px 0 10px}.transaction-mail-card .muted{max-width:690px;line-height:1.6}.transaction-mail-sender{padding:18px 22px;border:1px solid #dce5ef;background:#f7f9fc;border-radius:12px;margin:22px 0;display:flex;align-items:center;gap:16px;flex-wrap:wrap}.transaction-mail-sender span{color:#64748b;font-size:13px}.transaction-mail-sender strong{font-size:17px;overflow-wrap:anywhere}.transaction-mail-sender small{color:#64748b;margin-left:auto}.transaction-mail-card fieldset{border:0;padding:0;margin:0;min-width:0}.transaction-mail-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.transaction-mail-grid label{display:flex;flex-direction:column;gap:8px;font-size:13px;font-weight:650;min-width:0}.transaction-mail-grid input,.transaction-mail-grid select{box-sizing:border-box;width:100%;min-width:0;border:1px solid #d5dde6;border-radius:8px;padding:12px;background:#fff;color:#172331;font:inherit;font-weight:400}.transaction-mail-grid input:focus,.transaction-mail-grid select:focus{outline:2px solid var(--accent,#275ca8);outline-offset:2px}.transaction-mail-wide{grid-column:1/-1}.transaction-mail-grid small,.transaction-mail-help,.transaction-mail-checktime{font-size:12px;line-height:1.6;color:#64748b;font-weight:400}.transaction-mail-help{margin:18px 0}.transaction-mail-actions{display:flex;gap:12px;flex-wrap:wrap}.transaction-mail-feedback{min-height:24px;font-size:13px;line-height:1.6;overflow-wrap:anywhere}.transaction-mail-feedback.error{color:#a32424}.transaction-mail-feedback.success{color:#167149}.transaction-mail-note{max-width:1050px;margin-top:22px;padding:0 4px;font-size:13px;color:#526173;line-height:1.6}.transaction-mail-note strong{color:#27364a}.transaction-mail-note p{max-width:850px;margin:6px 0}.external-activation-status{border:1px solid #dce5ef;background:#f7f9fc;padding:16px;border-radius:10px;line-height:1.55}.external-activation-status p{margin:8px 0 0}.external-activation-status.error{border-color:#edb8b8;background:#fff5f5}.external-activation-status.success{border-color:#b7ddca;background:#f3fbf7}@media(max-width:640px){.transaction-mail-grid{grid-template-columns:1fr}.transaction-mail-card .card-head{flex-direction:column}.transaction-mail-tab{min-width:120px;padding:14px}.transaction-mail-sender{align-items:flex-start;flex-direction:column;gap:7px}.transaction-mail-sender small{margin:0}.transaction-mail-actions{flex-direction:column}.transaction-mail-actions .btn{width:100%}}
/* Microsoft 365 and SMTP share the same sender and invitation workflow. */
.transaction-mail-card [hidden]{display:none!important}
.transaction-mail-provider{padding:0 0 22px;margin:0 0 24px;border-bottom:1px solid #e2e8f0}
.transaction-mail-card .transaction-mail-legend{font-size:14px;font-weight:700;color:#263a51;padding:0;margin-bottom:17px}
.transaction-mail-reply{margin-top:20px}
.transaction-mail-setup{padding:15px 18px;margin:0 0 22px;border:1px solid #dce5ef;border-radius:10px;background:#f8fafc;font-size:13px;line-height:1.65;color:#526173}
.transaction-mail-setup summary{font-weight:650;color:#27364a;cursor:pointer}
.transaction-mail-setup ol{padding-left:21px;margin:12px 0}
.transaction-mail-setup li{margin:7px 0}
.transaction-mail-setup p{margin:10px 0 0;overflow-wrap:anywhere}
.transaction-mail-setup a{color:var(--accent,#275ca8);text-decoration:underline;text-underline-offset:2px}
.transaction-mail-card .status{max-width:220px;white-space:normal;text-align:center;line-height:1.45}
.transaction-mail-actions .btn{white-space:normal;line-height:1.4}
@media(max-width:640px){.transaction-mail-setup{padding:14px}.transaction-mail-card .status{text-align:left;max-width:100%}.transaction-mail-grid input[type=date]{min-height:43px}}