/* Mail settings are scoped above shared portal controls to keep a stable compact scale. */
.portal-page .mail-automation-dialog,.mail-automation-dialog{box-sizing:border-box;width:min(880px,calc(100vw - 40px));max-width:none;max-height:calc(100dvh - 64px);padding:0;border:1px solid #e1e3e6;border-radius:16px;background:#fff;color:#292d32;box-shadow:0 24px 80px #1b263226;font:14px/1.5 var(--font-family,system-ui,sans-serif);overflow:hidden}
.mail-automation-dialog *{box-sizing:border-box}
.mail-automation-dialog[open]{display:flex;flex-direction:column;animation:mail-automation-enter 180ms cubic-bezier(.2,.8,.2,1)}
.mail-automation-dialog::backdrop{background:#19202b52;backdrop-filter:blur(3px)}
.mail-automation-heading{display:flex;align-items:center;justify-content:space-between;padding:20px 24px 10px;gap:16px;flex:none}
.portal-page .mail-automation-heading h2,.mail-automation-heading h2{font-size:18px;line-height:1.45;font-weight:650;letter-spacing:-.3px;margin:0}
.portal-page .mail-automation-dialog .mail-automation-close{position:relative;width:30px;height:30px;min-height:30px;padding:0;border:0;border-radius:8px;background:transparent;color:#7b818a;cursor:pointer}
#mail-automation-title:focus,#mail-automation-title:focus-visible{outline:none}
.mail-automation-close::before,.mail-automation-close::after{content:"";position:absolute;width:14px;height:1.5px;left:8px;top:14px;background:currentColor;border-radius:1px;transform:rotate(45deg)}.mail-automation-close::after{transform:rotate(-45deg)}
.mail-automation-status{display:flex;align-items:center;gap:14px;padding:0 24px 18px;font-size:12px;color:#818690;flex-wrap:wrap;flex:none}
.mail-automation-volume{display:inline-flex;gap:3px;align-items:baseline}.mail-automation-volume strong{color:#3f464e;font-size:13px;font-weight:600;font-variant-numeric:tabular-nums}.mail-automation-sync{margin-left:auto;font-size:11px}
.mail-automation-tabs{display:flex;gap:22px;padding:0 24px;border-bottom:1px solid #e9ebed;flex:none}
.mail-automation-tabs button{border:0;background:transparent;padding:9px 0 12px;color:#80858e;border-bottom:2px solid transparent;font:inherit;font-size:13px;cursor:pointer}
.mail-automation-tabs button[aria-pressed=true]{color:#2c343b;border-bottom-color:#37443e;font-weight:600}
.mail-automation-body{padding:18px 24px 20px;overflow-y:auto;min-height:0;background:#fafbfc;scrollbar-gutter:stable}
.mail-automation-footer{display:flex;align-items:center;justify-content:flex-end;gap:8px;border-top:1px solid #e9ebed;padding:12px 24px;flex:none;background:#fff}.mail-automation-footer>.mail-automation-note{margin-right:auto}
.portal-page .mail-automation-dialog .portal-button,.mail-automation-dialog .portal-button{display:inline-flex;align-items:center;justify-content:center;gap:6px;height:34px;min-height:34px;padding:0 13px;border:1px solid #dfe2e6;border-radius:8px;line-height:1.4;font-family:inherit;font-weight:500;font-size:13px;white-space:nowrap;background:#fff;color:#555e68;box-shadow:0 1px 2px #18202b05}
.portal-page .mail-automation-dialog .portal-button.primary,.mail-automation-dialog .portal-button.primary{background:#303a35;border-color:#303a35;color:#fff}
.portal-page .mail-automation-dialog .portal-text-button,.mail-automation-dialog .portal-text-button{min-height:30px;font-size:12px;line-height:18px;padding:5px 7px;white-space:nowrap;border:0;border-radius:6px;color:#68766d;background:transparent}
.mail-automation-dialog button{font-family:inherit;cursor:pointer;transition:background-color 140ms ease,color 140ms ease,border-color 140ms ease,box-shadow 140ms ease,transform 100ms ease}
.portal-page .mail-automation-dialog button:hover:not(:disabled){background:#f0f2f3;border-color:#cdd3d6}.portal-page .mail-automation-dialog .portal-button.primary:hover:not(:disabled){background:#44544b;border-color:#44544b}
.mail-automation-dialog button:active:not(:disabled){transform:translateY(1px)}.mail-automation-dialog :focus-visible{outline:2px solid #84998b;outline-offset:3px}.mail-automation-dialog button:disabled{opacity:.45;cursor:not-allowed}
.mail-automation-form fieldset{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;border:0;margin:0;padding:0;min-width:0}
.mail-automation-section{min-width:0;padding:16px;border:1px solid #e5e8eb;border-radius:11px;background:#fff;box-shadow:0 1px 2px #20273302;align-self:start}
.mail-automation-section-general,.mail-automation-section-tracking,.mail-automation-section-marketing.is-enabled,.mail-automation-section-reply.is-enabled{grid-column:1/-1}
.mail-automation-section-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:14px}.mail-automation-section-heading>div{min-width:0}.mail-automation-section-tracking .mail-automation-section-heading{margin-bottom:0}
.portal-page .mail-automation-section h3,.mail-automation-section h3{margin:0;font-size:14px;line-height:1.5;font-weight:600;color:#353d45}
.mail-automation-section-detail{margin:4px 0 0;color:#8a9098;font-size:12px;line-height:1.55}
.mail-automation-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 16px}.mail-automation-general-grid{grid-template-columns:minmax(0,1.3fr) minmax(110px,.8fr) minmax(0,1fr)}
.mail-automation-field{display:flex;flex-direction:column;gap:6px;font-size:13px;min-width:0}.mail-automation-section>.mail-automation-field{max-width:360px;margin:14px 0}
.mail-automation-field>span,.mail-automation-field-title{color:#747c86;font-weight:400;font-size:12px}
.portal-page .mail-automation-dialog :is(input.portal-input,select.portal-input),.mail-automation-dialog :is(input.portal-input,select.portal-input){min-height:34px;height:34px;width:100%;border:1px solid #dfe3e7;border-radius:7px;padding:6px 9px;line-height:20px;font-family:inherit;font-size:13px;font-weight:400;background:#fff;color:#414a53;box-shadow:0 1px 2px #18202b03}
.portal-page .mail-automation-dialog .portal-textarea{width:100%;border:1px solid #dfe3e7;border-radius:7px;padding:9px;font-family:inherit;font-size:13px;line-height:1.6;resize:vertical;min-height:90px;background:#fff;color:#414a53}
.portal-page .mail-automation-dialog :is(input.portal-input,select.portal-input,.portal-textarea):focus{outline:none;border-color:#9daf9f;box-shadow:0 0 0 3px #718a7814}
.portal-page .mail-automation-dialog input:disabled,.portal-page .mail-automation-dialog select:disabled{background:#f7f8f9;color:#9ca2a9}
.mail-automation-check{display:flex;align-items:center;gap:8px;margin:8px 0;font-size:13px;color:#68717b;cursor:pointer}
.portal-page .mail-automation-check input[type=checkbox]{appearance:auto;width:15px;min-height:15px;height:15px;padding:0;margin:0;accent-color:#527460;flex:none;border:0;box-shadow:none}
.mail-automation-check.is-switch{position:relative;display:flex;margin:0;flex:none}
.portal-page .mail-automation-check.is-switch input[type=checkbox]{appearance:none;-webkit-appearance:none;display:block;position:relative;width:32px;min-width:32px;height:19px;min-height:19px;margin:0;border:1px solid #d8dde2;border-radius:20px;background:#e4e8ec;cursor:pointer;transition:background 160ms ease,border-color 160ms ease;box-shadow:inset 0 1px 2px #27303b05}
.portal-page .mail-automation-check.is-switch input[type=checkbox]::before{content:"";position:absolute;left:2px;top:2px;width:13px;height:13px;border-radius:50%;background:#fff;box-shadow:0 1px 3px #1c29302b;transition:transform 160ms ease}
.portal-page .mail-automation-check.is-switch input[type=checkbox]:checked{background:#5c7e67;border-color:#5c7e67}.portal-page .mail-automation-check.is-switch input[type=checkbox]:checked::before{transform:translateX(13px)}
.portal-page .mail-automation-check.is-switch input[type=checkbox]:disabled{opacity:.5;cursor:not-allowed}
.mail-automation-visually-hidden{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.mail-automation-mode{display:flex;gap:3px;padding:3px;background:#f3f5f6;border:1px solid #edf0f2;border-radius:8px}
.mail-automation-mode button{flex:1;min-height:29px;padding:5px 8px;border:0;border-radius:5px;background:transparent;color:#8a9099;font-size:12px;white-space:nowrap}
.mail-automation-mode button[aria-pressed=true]{background:#fff;color:#46564b;font-weight:500;box-shadow:0 1px 3px #26313b12}
.mail-automation-note{font-size:11px;line-height:1.65;color:#949aa3;margin:10px 0 0}.mail-automation-note.is-warning{color:#9f814c;background:#fbf7ef;border-radius:6px;padding:7px 9px}
.mail-automation-error{margin:12px 24px 0;padding:9px 12px;border:1px solid #eddbbe;background:#fcf8ef;color:#916b35;border-radius:8px;font-size:12px;flex:none}.mail-automation-error[hidden]{display:none}
.mail-automation-choice{margin:14px 0}.mail-automation-choice select{max-width:230px}.mail-automation-chips{display:flex;gap:6px;flex-wrap:wrap;margin:7px 0}.mail-automation-chip{padding:4px 8px;border:1px solid #d9e3dd;background:#f1f6f2;color:#66816e;border-radius:6px;font:inherit;font-size:12px;cursor:pointer}
.mail-automation-products{margin:14px 0}.mail-automation-products>.mail-automation-field-title{display:block;margin-bottom:6px}.mail-automation-products .mail-automation-check{display:inline-flex;margin-right:18px}
.mail-automation-approved{border:1px solid #e7eaed;border-radius:8px;padding:12px;margin:12px 0;background:#fcfdfd}.mail-automation-approved-top{display:flex;align-items:center;gap:12px;margin-bottom:10px}.mail-automation-approved-top>.mail-automation-field{flex:1}
.mail-automation-queues{display:flex;gap:5px;flex-wrap:wrap;margin-bottom:16px}.mail-automation-queues button{font:inherit;font-size:12px;border:0;border-radius:7px;padding:6px 10px;background:transparent;color:#858d96;cursor:pointer}.mail-automation-queues button[aria-pressed=true]{background:#e8edea;color:#4e6556;font-weight:500}
.mail-automation-work-list{padding:0 14px;border:1px solid #e5e8eb;border-radius:10px;background:#fff}.mail-automation-work{padding:14px 0;border-bottom:1px solid #edf0f2;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:4px 16px}.mail-automation-work:last-child{border-bottom:0}
.mail-automation-work-title{display:flex;gap:10px;align-items:baseline;flex-wrap:wrap}.mail-automation-work-title strong{font-weight:600;font-size:13px}.mail-automation-kind{font-size:11px;color:#8d959d}.mail-automation-work p{color:#858e97;font-size:12px;margin:6px 0 0;overflow-wrap:anywhere}.mail-automation-work-actions{display:flex;gap:6px;align-items:flex-start;flex-wrap:wrap}.mail-automation-work>time{color:#a0a6ae;font-size:11px;grid-column:1/-1}
.mail-automation-pill{display:inline-flex;align-items:center;font-size:11px;line-height:18px;border-radius:5px;padding:2px 7px;white-space:nowrap;background:#f0f2f4;color:#7a828b}.mail-automation-pill.is-running{background:#edf4ef;color:#64816c}.mail-automation-pill.is-review{background:#fbf5e8;color:#9a7843}
.mail-automation-empty{padding:38px 0;text-align:center;color:#8d959e;font-size:13px}.mail-automation-entry{margin-left:auto;font-size:12px}.mail-open-signal{color:#687a70;font-size:11px;padding-left:8px;border-left:1px solid #e3e7e4}.mail-open-signal.is-pending{color:#909098}
@keyframes mail-automation-enter{from{opacity:0;transform:translateY(9px) scale(.993)}to{opacity:1;transform:translateY(0) scale(1)}}
@media(max-width:640px){.portal-page .mail-automation-dialog{width:calc(100vw - 16px);max-height:calc(100dvh - 24px);border-radius:12px}.mail-automation-heading{padding:16px 16px 10px}.mail-automation-tabs{padding:0 16px}.mail-automation-status{padding:0 16px 14px;gap:10px}.mail-automation-sync{margin-left:0}.mail-automation-body{padding:12px 16px 16px;scrollbar-gutter:auto}.mail-automation-footer{padding:12px 16px}.mail-automation-section{padding:13px}.mail-automation-form fieldset,.mail-automation-grid,.mail-automation-general-grid{grid-template-columns:minmax(0,1fr)}.mail-automation-section{grid-column:1/-1}.mail-automation-work{grid-template-columns:minmax(0,1fr)}.mail-automation-work-actions{margin-top:6px}.mail-automation-error{margin:10px 16px 0}.mail-automation-footer>.mail-automation-note{font-size:10px}.mail-automation-mode button{min-height:32px}}
@media(prefers-reduced-motion:reduce){.mail-automation-dialog[open]{animation:none}.mail-automation-dialog button,.portal-page .mail-automation-check.is-switch input[type=checkbox],.portal-page .mail-automation-check.is-switch input[type=checkbox]::before{transition:none}.mail-automation-dialog button:active:not(:disabled){transform:none}}
@media(forced-colors:active){.portal-page .mail-automation-check.is-switch input[type=checkbox]{appearance:auto;width:20px;min-width:20px}.portal-page .mail-automation-check.is-switch input[type=checkbox]::before{display:none}.mail-automation-mode button[aria-pressed=true]{outline:1px solid Highlight}}