/* Match shared Admin dialog, field, card and row-action type scales. */
.email-control-dialog{width:min(1040px,calc(100vw - 40px));max-width:1040px;border-radius:22px}
.email-control-dialog>header{padding:18px 22px 14px;gap:12px}
.email-control-dialog .email-kicker{font-size:8px;letter-spacing:.16em;font-weight:900}
.email-control-dialog h2{font-size:23px;line-height:1.2;letter-spacing:-.035em;margin:6px 0}
.email-control-dialog header p{font-size:10px;line-height:1.5}
.email-control-dialog .email-close{width:44px;height:44px;border-radius:10px;font-size:20px}
.email-control-dialog>nav{padding:0 22px 10px;gap:6px}
.email-control-dialog nav button{font-size:9px;padding:6px 12px;min-height:44px}
.email-control-dialog .email-control-content{padding:14px 22px}
.email-control-dialog .email-mode{margin:12px 22px 0;padding:10px 12px;gap:10px}
.email-control-dialog .email-mode>span{font-size:20px}
.email-control-dialog .email-mode strong{font-size:11px}
.email-control-dialog .email-mode p{font-size:10px;line-height:1.5}
.email-control-dialog .email-summary{gap:8px;margin:10px 22px}
.email-control-dialog .email-summary article{padding:8px 12px;border-radius:12px}
.email-control-dialog .email-summary span{font-size:9px}
.email-control-dialog .email-summary strong{font-size:16px}
.email-control-dialog .email-section-head{gap:12px;margin-bottom:12px}
.email-control-dialog .email-section-head h3{font-size:16px;margin:0 0 4px;line-height:1.35}
.email-control-dialog .email-section-head p{font-size:10px;line-height:1.5}
.email-control-dialog .email-section-head>label{min-width:160px}
.email-control-dialog label{font-size:9px}
.email-control-dialog select{font-size:11px;margin-top:4px;padding:7px 10px;min-height:44px}
.email-control-dialog .email-rules{gap:10px}
.email-control-dialog .email-rule{padding:12px;border-radius:14px}
.email-control-dialog .email-rule-head{gap:9px}
.email-control-dialog .email-rule-head>div{min-width:0}
.email-control-dialog .email-event-icon{width:28px;height:28px;border-radius:9px;font-size:16px}
.email-control-dialog .email-rule h4{font-size:12px;line-height:1.35;margin:0 0 4px}
.email-control-dialog .email-rule p{font-size:10px;line-height:1.5;overflow-wrap:anywhere}
.email-control-dialog input[type=checkbox]{width:16px;height:16px}
.email-control-dialog .email-rule fieldset{margin:8px 0;gap:2px 10px}
.email-control-dialog .email-rule legend{font-size:8px;line-height:1.5;margin-bottom:2px}
.email-control-dialog .email-rule fieldset label{font-size:9px;min-height:44px}
.email-control-dialog .email-rule-footer{padding-top:8px;gap:8px}
.email-control-dialog .email-rule-footer small{font-size:8px;line-height:1.5}
.email-control-dialog .row-action,.email-control-dialog footer button{font-size:8px;min-height:44px;padding:7px 11px}
.email-control-dialog>footer{padding:10px 22px;gap:12px}
.email-control-dialog footer p{font-size:9px;line-height:1.5}
.email-control-dialog footer>div{gap:8px}
.email-control-dialog .email-preview-controls{gap:10px}
.email-control-dialog .email-inline-help{font-size:10px;line-height:1.5}
.email-control-dialog .email-preview-result{padding:12px;border-radius:12px;min-height:110px}
.email-control-dialog .email-preview-result h4{font-size:12px}
.email-control-dialog .email-preview-result p,.email-control-dialog .email-preview-result details,.email-control-dialog pre{font-size:10px;line-height:1.5}
.email-control-dialog .email-log-filters{gap:10px;margin-bottom:10px}
.email-control-dialog .email-table-scroll table{font-size:10px}
.email-control-dialog .email-table-scroll th{font-size:8px;padding:10px}
.email-control-dialog .email-table-scroll td{padding:10px}
.email-control-dialog .email-table-scroll small{font-size:9px}
.email-control-dialog .email-status-pill{font-size:8px;padding:4px 7px}
@media(max-width:700px){.email-control-dialog{width:calc(100vw - 16px);border-radius:18px}.email-control-dialog>header{padding:14px 14px 10px}.email-control-dialog h2{font-size:20px}.email-control-dialog header p,.email-control-dialog .email-mode p,.email-control-dialog .email-section-head p,.email-control-dialog .email-rule p,.email-control-dialog .email-rule fieldset label{font-size:11px}.email-control-dialog>nav{padding:0 14px 8px;gap:3px}.email-control-dialog nav button{padding:6px;font-size:9px}.email-control-dialog .email-control-content{padding:12px 14px}.email-control-dialog .email-mode{margin:10px 14px 0}.email-control-dialog .email-summary{margin:8px 14px;gap:6px}.email-control-dialog .email-section-head>label{min-width:0}.email-control-dialog .email-rule{padding:10px}.email-control-dialog .email-rule-head>div{min-width:140px}.email-control-dialog .email-toggle{margin-left:0}.email-control-dialog select{font-size:16px}.email-control-dialog>footer{padding:10px 14px calc(10px + env(safe-area-inset-bottom));gap:6px}.email-control-dialog .email-summary article{padding:8px}.email-control-dialog .email-summary strong{font-size:16px}}

/* Profile reminder: one compact cadence row with a separate quiet hint. */
.email-control-dialog .email-reminder-schedule{margin:8px 0 12px}
.email-control-dialog .email-reminder-interval{display:flex;flex-flow:row nowrap;align-items:center;justify-content:flex-start;gap:8px;margin:0;font-size:10px}
.email-control-dialog .email-reminder-interval label,.email-control-dialog .email-reminder-interval>span{display:inline;width:auto;margin:0;font-size:10px;font-weight:500;line-height:1.4;white-space:nowrap}
.email-control-dialog .email-reminder-interval input[type=number]{box-sizing:border-box;flex:0 0 72px;width:72px;max-width:72px;height:44px;min-height:44px;margin:0;padding:0 8px;border:1px solid #d9cdb5;border-radius:9px;background:#fffdf7;color:#332f25;font-family:inherit;font-size:11px;font-weight:600;line-height:normal;text-align:center}
.email-control-dialog .email-reminder-schedule>p{margin:5px 0 0;font-size:10px;font-weight:400;line-height:1.5;color:#807765}
@media(max-width:650px){.email-control-dialog .email-reminder-interval input[type=number]{font-size:16px}}

/* Keep the reminder cadence beside eligibility instead of adding a tall row.
   The adjacent Stock Arena card follows the compact row height naturally. */
@media(min-width:701px){
 .email-control-dialog .email-rule[data-kind="profile-incomplete"]{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:12px;row-gap:8px;align-content:start}
 .email-control-dialog .email-rule[data-kind="profile-incomplete"]>.email-rule-head,
 .email-control-dialog .email-rule[data-kind="profile-incomplete"]>.email-rule-footer{grid-column:1/-1}
 .email-control-dialog .email-rule[data-kind="profile-incomplete"]>fieldset{margin:0;min-width:0;align-content:start}
 .email-control-dialog .email-rule[data-kind="profile-incomplete"]>.email-reminder-schedule{margin:0;min-width:0;align-self:start}
 .email-control-dialog .email-rule[data-kind="profile-incomplete"] .email-reminder-interval{gap:6px;flex-wrap:wrap}
 .email-control-dialog .email-rule[data-kind="profile-incomplete"] .email-reminder-interval input[type=number]{flex-basis:56px;width:56px;max-width:56px}
 .email-control-dialog .email-rule[data-kind="profile-incomplete"] .email-rule-footer{margin-top:0}
}