/* Premium UniPlaza email cleanup console */
.email-cleanup-page { display:grid; gap:14px; padding:25px 28px 34px; }
.email-cleanup-header { display:flex; align-items:flex-end; justify-content:space-between; gap:20px; }
.email-cleanup-header h1 { margin:4px 0 3px; color:#11263f; font-size:1.53rem; font-weight:840; letter-spacing:-.045em; }
.email-cleanup-header p { max-width:760px; margin:0; color:#71829a; font-size:.65rem; }
.email-cleanup-header .btn { min-height:38px; display:inline-flex; align-items:center; gap:8px; padding:8px 13px; border-radius:10px; font-size:.55rem; font-weight:750; background:#fff; }
.email-cleanup-page .member-eyebrow { color:#2e64df; font-size:.48rem; font-weight:820; letter-spacing:.105em; }

.email-cleanup-pulse { position:relative; display:grid; grid-template-columns:minmax(350px,.94fr) minmax(445px,1.1fr) minmax(255px,.64fr); overflow:hidden; border:1px solid rgba(255,255,255,.07); border-radius:18px; color:#fff; background:radial-gradient(circle at 5% 0%,rgba(38,207,188,.18),transparent 33%),radial-gradient(circle at 100% 100%,rgba(109,77,232,.23),transparent 38%),linear-gradient(125deg,#081d38,#102d57 57%,#183f76); box-shadow:0 18px 38px rgba(23,48,88,.14); }
.email-cleanup-pulse::before { content:""; position:absolute; inset:0; opacity:.1; background-image:linear-gradient(rgba(255,255,255,.17) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.13) 1px,transparent 1px); background-size:41px 41px; mask-image:linear-gradient(90deg,#000,transparent 76%); }
.email-cleanup-pulse-primary { position:relative; z-index:1; display:flex; flex-direction:column; justify-content:center; padding:23px 25px; border-right:1px solid rgba(255,255,255,.1); }
.email-cleanup-pulse-primary .member-live-label { align-self:flex-start; margin-bottom:18px; color:#d9fdf8; border-color:rgba(65,222,191,.2); background:rgba(27,190,154,.13); }
.email-cleanup-pulse-primary > .member-eyebrow,.email-cleanup-pulse-note .member-eyebrow { color:#50d9d2; }
.email-cleanup-pulse-primary > strong { display:flex; align-items:baseline; gap:8px; margin:5px 0 2px; color:#fff; font-size:1.46rem; font-weight:840; letter-spacing:-.045em; }
.email-cleanup-pulse-primary > strong small { color:#6ce4d7; font-size:.52rem; font-weight:720; letter-spacing:0; }
.email-cleanup-pulse-primary h2 { margin:2px 0 5px; color:#eaf2ff; font-size:.69rem; font-weight:730; }
.email-cleanup-pulse-primary p { max-width:430px; margin:0; color:#95adcc; font-size:.54rem; line-height:1.52; }
.email-cleanup-pulse-signals { position:relative; z-index:1; display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); padding:13px; }
.email-cleanup-pulse-signals article { display:grid; grid-template-columns:35px 1fr; align-items:center; gap:9px; min-width:0; padding:13px; border-right:1px solid rgba(255,255,255,.09); border-bottom:1px solid rgba(255,255,255,.09); }
.email-cleanup-pulse-signals article:nth-child(2n) { border-right:0; }
.email-cleanup-pulse-signals article:nth-child(n+3) { border-bottom:0; }
.email-cleanup-pulse-signals article > span { width:35px; height:35px; display:grid; place-items:center; border-radius:10px; color:#82abff; background:rgba(80,133,240,.14); font-size:.7rem; }
.email-cleanup-pulse-signals article > span.is-green { color:#4cdda8; background:rgba(48,196,143,.13); }
.email-cleanup-pulse-signals article > span.is-violet { color:#b5a1ff; background:rgba(130,101,233,.14); }
.email-cleanup-pulse-signals article > span.is-amber { color:#ffd177; background:rgba(239,174,57,.13); }
.email-cleanup-pulse-signals article > div { min-width:0; display:grid; grid-template-columns:1fr auto; grid-template-rows:auto auto; align-items:center; }
.email-cleanup-pulse-signals small { color:#8fa8c9; font-size:.49rem; }
.email-cleanup-pulse-signals strong { grid-row:1/3; grid-column:2; color:#fff; font-size:.88rem; letter-spacing:-.03em; }
.email-cleanup-pulse-signals em { overflow:hidden; color:#b0c2da; font-size:.47rem; font-style:normal; text-overflow:ellipsis; white-space:nowrap; }
.email-cleanup-pulse-note { position:relative; z-index:1; display:flex; align-items:center; gap:12px; padding:20px; border-left:1px solid rgba(255,255,255,.1); background:rgba(255,255,255,.035); }
.email-cleanup-pulse-note > span { width:42px; height:42px; display:grid; flex:0 0 42px; place-items:center; border:1px solid rgba(255,255,255,.1); border-radius:12px; color:#52d9d2; background:rgba(255,255,255,.055); }
.email-cleanup-pulse-note > span.has-attention { color:#ffd178; background:rgba(239,174,57,.1); }
.email-cleanup-pulse-note h2 { margin:6px 0 4px; color:#fff; font-size:.79rem; font-weight:770; }
.email-cleanup-pulse-note p { margin:0; color:#93aac9; font-size:.51rem; line-height:1.5; }

.email-target-panel,.email-mode-panel,.email-preview-panel { overflow:hidden; border:1px solid #dfe7f1; border-radius:15px; background:#fff; box-shadow:0 8px 25px rgba(28,48,74,.055); }
.email-target-heading { display:flex; align-items:center; gap:10px; padding:14px 17px; border-bottom:1px solid #e7edf4; }
.email-target-heading > span:first-child { width:37px; height:37px; display:grid; flex:0 0 37px; place-items:center; border-radius:10px; color:#3169f5; background:#eaf1ff; font-size:.65rem; }
.email-target-heading > div { flex:1; }
.email-target-heading h2,.email-mode-heading h2,.email-preview-heading h2,.email-execution-copy h2 { margin:3px 0 2px; color:#172b46; font-size:.86rem; font-weight:790; letter-spacing:-.022em; }
.email-target-heading p,.email-mode-heading p,.email-preview-heading p,.email-execution-copy p { margin:0; color:#7c8b9f; font-size:.53rem; }
.email-tenant-status { display:inline-flex; align-items:center; gap:5px; padding:5px 8px; border:1px solid #f1c5c8; border-radius:99px; color:#be434b; background:#fff1f2; font-size:.45rem; font-weight:740; }
.email-tenant-status i { width:5px; height:5px; border-radius:50%; background:#df515a; }
.email-tenant-status.is-active { color:#16825d; border-color:#bee7d6; background:#edf9f3; }
.email-tenant-status.is-active i { background:#24ad79; }
.email-target-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); }
.email-target-grid > div { min-width:0; display:grid; gap:4px; padding:12px 16px; border-right:1px solid #e8edf3; background:#fbfcfe; }
.email-target-grid > div:last-child { border-right:0; }
.email-target-grid span { display:flex; align-items:center; gap:5px; color:#8795a7; font-size:.44rem; }
.email-target-grid span i { color:#6e90d3; }
.email-target-grid strong { overflow:hidden; color:#3a526d; font-family:"SFMono-Regular",Consolas,monospace; font-size:.5rem; text-overflow:ellipsis; white-space:nowrap; }

.email-mode-heading { display:flex; align-items:center; justify-content:space-between; gap:16px; padding:15px 17px 11px; }
.email-mode-heading > span { display:inline-flex; align-items:center; gap:5px; padding:5px 8px; border-radius:99px; color:#16825d; background:#eaf9f2; font-size:.44rem; font-weight:730; }
.email-mode-heading > span.is-danger { color:#bd424b; background:#fff0f1; }
.email-mode-form { display:grid; grid-template-columns:repeat(2,minmax(260px,1fr)) auto auto; align-items:center; gap:8px; padding:0 17px 16px; }
.email-mode-form label { min-width:0; display:grid; grid-template-columns:34px minmax(0,1fr) auto; align-items:center; gap:8px; margin:0; padding:9px; border:1px solid #dfe7f0; border-radius:10px; color:#586e87; background:#fbfcfe; cursor:pointer; }
.email-mode-form label.is-selected { border-color:#9db8f6; background:#f3f7ff; box-shadow:0 0 0 3px rgba(49,105,245,.06); }
.email-mode-form label.is-selected.is-danger { border-color:#efb9bd; background:#fff5f5; box-shadow:0 0 0 3px rgba(219,78,88,.05); }
.email-mode-form label > input { position:absolute; opacity:0; }
.email-mode-form label > span { width:34px; height:34px; display:grid; place-items:center; border-radius:9px; color:#3169f5; background:#eaf1ff; font-size:.58rem; }
.email-mode-form label.is-danger > span { color:#c74851; background:#ffe9eb; }
.email-mode-form label > div { min-width:0; display:grid; gap:1px; }
.email-mode-form label strong { color:#344b66; font-size:.52rem; }
.email-mode-form label small { overflow:hidden; color:#8493a6; font-size:.42rem; text-overflow:ellipsis; white-space:nowrap; }
.email-mode-form label em { padding:3px 5px; border-radius:99px; color:#17805c; background:#e8f8f1; font-size:.37rem; font-style:normal; font-weight:720; white-space:nowrap; }
.email-mode-form label.is-danger em { color:#be414a; background:#ffe8ea; }
.email-mode-form .btn { min-height:38px; display:inline-flex; align-items:center; justify-content:center; gap:6px; padding:7px 10px; border-radius:8px; font-size:.49rem; font-weight:730; white-space:nowrap; }

.email-policy-alert { display:flex; align-items:center; gap:11px; padding:12px 15px; border:1px solid #eed49e; border-radius:11px; color:#83601f; background:#fff9e9; box-shadow:0 5px 15px rgba(28,48,74,.03); }
.email-policy-alert.is-danger { color:#9d3840; border-color:#efbfc3; background:#fff2f3; }
.email-policy-alert > span { width:34px; height:34px; display:grid; flex:0 0 34px; place-items:center; border-radius:9px; color:#b67a18; background:#ffedbd; font-size:.6rem; }
.email-policy-alert.is-danger > span { color:#c4444d; background:#ffdfe2; }
.email-policy-alert strong { display:block; margin-bottom:2px; font-size:.55rem; }
.email-policy-alert p { margin:0; font-size:.49rem; line-height:1.45; }

.email-preview-heading { display:flex; align-items:center; justify-content:space-between; gap:16px; padding:16px 18px 13px; }
.email-preview-heading p strong { color:#3b5675; }
.email-preview-status { display:flex; align-items:center; gap:8px; padding:7px 9px; border:1px solid #bee5d5; border-radius:9px; background:#f0faf5; }
.email-preview-status > span { width:29px; height:29px; display:grid; place-items:center; border-radius:8px; color:#16825d; background:#dff5eb; font-size:.5rem; }
.email-preview-status > div { display:grid; gap:1px; }
.email-preview-status strong { color:#1d7659; font-size:.47rem; }
.email-preview-status small { color:#769387; font-size:.39rem; }
.email-preview-status.is-blocked { border-color:#efc4c7; background:#fff3f4; }
.email-preview-status.is-blocked > span { color:#c3424b; background:#ffe0e2; }
.email-preview-status.is-blocked strong { color:#a93740; }
.email-kpi-strip { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); border-top:1px solid #e8edf3; border-bottom:1px solid #e8edf3; background:#f8fafd; }
.email-kpi-strip article { display:flex; align-items:center; gap:8px; padding:10px 13px; border-right:1px solid #e4eaf1; }
.email-kpi-strip article:last-child { border-right:0; }
.email-kpi-strip article > span { width:31px; height:31px; display:grid; flex:0 0 31px; place-items:center; border-radius:8px; color:#18835f; background:#e8f8f1; font-size:.52rem; }
.email-kpi-strip article > span.is-blue { color:#3169f5; background:#eaf1ff; }
.email-kpi-strip article > span.is-violet { color:#7558d2; background:#f0edff; }
.email-kpi-strip article > span.is-red { color:#c44750; background:#fff0f1; }
.email-kpi-strip article > span.is-amber { color:#aa7119; background:#fff5e1; }
.email-kpi-strip article > div { display:grid; gap:1px; }
.email-kpi-strip small { color:#8492a4; font-size:.42rem; }
.email-kpi-strip strong { color:#304964; font-size:.72rem; font-weight:820; }
.email-cleanup-validation:empty { display:none; }
.email-cleanup-validation { margin:12px 16px 0; padding:9px 11px; border:1px solid #efc7ca; border-radius:8px; color:#bd4149; background:#fff4f5; font-size:.5rem; }
.email-preview-table-wrap { border-bottom:1px solid #e8edf3; }
.email-preview-table { min-width:1300px; }
.email-preview-table thead th { padding:10px 11px; border-color:#e4eaf1; color:#748499; background:#f5f7fa; font-size:.44rem; font-weight:800; letter-spacing:.035em; text-transform:uppercase; white-space:nowrap; }
.email-preview-table thead th:first-child,.email-preview-table tbody td:first-child { padding-left:18px; }
.email-preview-table thead th:last-child,.email-preview-table tbody td:last-child { padding-right:18px; }
.email-preview-table tbody tr { box-shadow:inset 3px 0 0 #25ad7a; }
.email-preview-table tbody tr.is-protected { box-shadow:inset 3px 0 0 #a8b1be; background:#fafbfc; }
.email-preview-table tbody td { padding:10px 11px; border-color:#edf1f5; color:#53667d; font-size:.48rem; vertical-align:middle; }
.email-select-column { display:flex; align-items:center; gap:6px; }
.email-member-cell { min-width:190px; display:flex; align-items:center; gap:8px; }
.email-member-cell > span { width:33px; height:33px; display:grid; flex:0 0 33px; place-items:center; border-radius:9px; color:#fff; background:linear-gradient(135deg,#3975ff,#6454dc); font-size:.45rem; font-weight:810; }
.email-member-cell > div,.email-type-cell { min-width:0; display:grid; gap:2px; }
.email-member-cell strong { overflow:hidden; color:#344b65; font-size:.53rem; text-overflow:ellipsis; white-space:nowrap; }
.email-member-cell small,.email-type-cell small { color:#8996a7; font-size:.4rem; }
.email-member-cell code { color:#785ac1; font-size:.38rem; }
.email-type-cell strong { color:#52677e; font-size:.49rem; }
.email-type-cell small { display:flex; align-items:center; gap:4px; }
.email-address { max-width:230px; display:inline-flex; align-items:center; gap:5px; overflow:hidden; padding:5px 7px; border:1px solid #e0e6ed; border-radius:7px; color:#6b7d91; background:#fafbfd; font-size:.43rem; text-overflow:ellipsis; white-space:nowrap; }
.email-address.is-proposed { color:#2c65d6; border-color:#d7e3fb; background:#f3f7ff; }
.email-identity-state,.email-action-state,.email-safety-state { display:inline-flex; align-items:center; gap:5px; padding:4px 7px; border-radius:99px; color:#758396; background:#eef1f4; font-size:.4rem; font-weight:710; white-space:nowrap; }
.email-identity-state.will-update,.email-action-state.is-actionable,.email-safety-state.is-clear { color:#16825d; background:#eaf9f2; }
.email-identity-state.is-protected,.email-safety-state.is-blocked { color:#bd414a; background:#fff0f1; }
.email-safety-state i { width:4px; height:4px; border-radius:50%; background:#24aa79; }
.email-safety-state.is-blocked i { background:#dc5159; }
.email-table-empty { min-height:145px; display:flex; align-items:center; justify-content:center; gap:13px; }
.email-table-empty > span { width:48px; height:48px; display:grid; place-items:center; border-radius:13px; color:#17815d; background:#e9f8f1; font-size:.8rem; }
.email-table-empty h3 { margin:0 0 3px; color:#334b65; font-size:.67rem; }
.email-table-empty p { margin:0; color:#8795a7; font-size:.48rem; }

.email-execution-zone { display:grid; grid-template-columns:minmax(280px,.78fr) minmax(350px,1fr) auto; align-items:end; gap:16px; padding:16px 18px; color:#d8e3f0; background:radial-gradient(circle at 100% 0%,rgba(220,78,88,.17),transparent 33%),linear-gradient(125deg,#0d213b,#182f4e); }
.email-execution-copy { display:flex; align-items:center; gap:10px; }
.email-execution-copy > span { width:39px; height:39px; display:grid; flex:0 0 39px; place-items:center; border:1px solid rgba(255,255,255,.1); border-radius:11px; color:#74dfbd; background:rgba(255,255,255,.06); font-size:.66rem; }
.email-execution-copy .member-eyebrow { color:#62d8cf; }
.email-execution-copy h2 { color:#fff; }
.email-execution-copy p { color:#9fb1c9; }
.email-confirmation-control { min-width:0; }
.email-confirmation-control label { display:block; margin-bottom:5px; color:#c8d5e4; font-size:.46rem; font-weight:680; }
.email-confirmation-control label code { color:#ffb7bd; font-size:.43rem; }
.email-confirmation-control > div { position:relative; display:flex; align-items:center; }
.email-confirmation-control > div > i { position:absolute; z-index:2; left:10px; color:#8297b1; font-size:.52rem; }
.email-confirmation-control .form-control { min-height:37px; padding:7px 140px 7px 29px; border-color:rgba(255,255,255,.17); border-radius:8px; color:#fff; background:rgba(255,255,255,.07); font-size:.49rem; box-shadow:none; }
.email-confirmation-control .form-control:focus { border-color:#e3777e; box-shadow:0 0 0 3px rgba(218,78,87,.15); }
.email-confirmation-control .form-control.is-confirmed { border-color:#58c99a; background:rgba(42,177,125,.12); }
.email-confirmation-control [data-confirmation-state] { position:absolute; right:9px; padding:3px 5px; border-radius:5px; color:#bdc9d8; background:rgba(255,255,255,.06); font-size:.37rem; }
.email-confirmation-control [data-confirmation-state].is-confirmed { color:#78dfba; background:rgba(36,173,120,.13); }
.email-execution-zone > .btn { min-height:38px; display:inline-flex; align-items:center; justify-content:center; gap:7px; padding:8px 12px; border-radius:9px; font-size:.49rem; font-weight:750; white-space:nowrap; }
.email-execution-zone > .btn:disabled { opacity:.42; }
.email-execution-zone > .btn.is-confirmed { border-color:#e0525c; background:#d84952; box-shadow:0 7px 15px rgba(218,73,83,.2); }
.email-preview-footer { display:flex; align-items:center; justify-content:space-between; gap:12px; padding:10px 18px; color:#8391a3; background:#fbfcfe; font-size:.45rem; }
.email-preview-footer span { display:inline-flex; align-items:center; gap:6px; }
.email-preview-footer i { color:#6286ce; }
.email-preview-footer strong { color:#3a526e; }

@media (max-width:1399.98px) {
  .email-cleanup-pulse { grid-template-columns:minmax(330px,.9fr) minmax(410px,1.08fr) 235px; }
  .email-mode-form { grid-template-columns:repeat(2,minmax(250px,1fr)); }
  .email-mode-form .btn { width:100%; }
  .email-execution-zone { grid-template-columns:1fr 1.15fr; }
  .email-execution-zone > .btn { grid-column:2; }
}
@media (max-width:1099.98px) {
  .email-cleanup-pulse { grid-template-columns:minmax(340px,.92fr) minmax(400px,1.08fr); }
  .email-cleanup-pulse-note { grid-column:1/-1; border-top:1px solid rgba(255,255,255,.1); border-left:0; }
  .email-target-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .email-target-grid > div:nth-child(2) { border-right:0; }
  .email-target-grid > div:nth-child(-n+2) { border-bottom:1px solid #e8edf3; }
  .email-kpi-strip { grid-template-columns:repeat(3,minmax(0,1fr)); }
  .email-kpi-strip article:nth-child(3) { border-right:0; }
  .email-kpi-strip article:nth-child(-n+3) { border-bottom:1px solid #e4eaf1; }
}
@media (max-width:767.98px) {
  .email-cleanup-page { padding:18px 14px 28px; }
  .email-cleanup-header { align-items:flex-start; flex-direction:column; }
  .email-cleanup-header .btn { width:100%; justify-content:center; }
  .email-cleanup-pulse { grid-template-columns:1fr; }
  .email-cleanup-pulse-primary { border-right:0; border-bottom:1px solid rgba(255,255,255,.1); }
  .email-cleanup-pulse-note { grid-column:auto; }
  .email-mode-form,.email-execution-zone { grid-template-columns:1fr; }
  .email-execution-zone > .btn { grid-column:auto; width:100%; }
  .email-confirmation-control .form-control { padding-right:9px; }
  .email-confirmation-control [data-confirmation-state] { display:none; }
}
@media (max-width:575.98px) {
  .email-cleanup-pulse-signals,.email-target-grid,.email-kpi-strip { grid-template-columns:1fr; }
  .email-cleanup-pulse-signals article { border-right:0; border-bottom:1px solid rgba(255,255,255,.09); }
  .email-cleanup-pulse-signals article:nth-child(3) { border-bottom:1px solid rgba(255,255,255,.09); }
  .email-target-grid > div,.email-target-grid > div:nth-child(2) { border-right:0; border-bottom:1px solid #e8edf3; }
  .email-target-grid > div:last-child { border-bottom:0; }
  .email-mode-heading,.email-preview-heading,.email-target-heading { align-items:flex-start; flex-direction:column; }
  .email-tenant-status { align-self:flex-start; }
  .email-mode-form { grid-template-columns:1fr; }
  .email-mode-form label { grid-template-columns:34px minmax(0,1fr); }
  .email-mode-form label em { grid-column:2; justify-self:start; }
  .email-kpi-strip article { border-right:0; border-bottom:1px solid #e4eaf1; }
  .email-kpi-strip article:last-child { border-bottom:0; }
  .email-preview-footer { align-items:flex-start; flex-direction:column; }
}