/* Storefront Email Marketing (stage 1: Overview + Contacts). Uses Storefront's own tokens from storefront.css. */
.em-banner{display:flex;gap:12px;align-items:flex-start;padding:14px 16px;border:1px solid #f0dcae;background:#fdf7e6;border-radius:12px;margin:0 0 18px;font-size:11px;line-height:1.55;color:#5b4a1d}
.em-banner b{display:block;font-size:12px;margin-bottom:2px;color:#4a3a10}
.em-banner.is-ok{border-color:#cce4de;background:#eff8f5;color:#1f5e55}
.em-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:0 0 18px}
.em-stat{border:1px solid var(--wm-line);border-radius:12px;background:#fff;padding:15px}
.em-stat span{display:block;font-size:11px;color:var(--wm-muted)}.em-stat b{display:block;font-size:21px;margin-top:6px}.em-stat small{display:block;margin-top:4px;font-size:10px;color:var(--wm-muted);line-height:1.4}
.em-steps{display:grid;gap:10px}.em-step{display:flex;gap:12px;align-items:flex-start;padding:13px 15px;border:1px solid var(--wm-line);border-radius:12px;background:#fff}
.em-step i{flex:0 0 22px;height:22px;border-radius:50%;display:grid;place-items:center;font-size:11px;font-style:normal;font-weight:800;background:#eef1f0;color:#6b7782}
.em-step.is-done i{background:#d7f0e6;color:#17644f}.em-step b{display:block;font-size:12px}.em-step small{display:block;margin-top:3px;font-size:11px;color:var(--wm-muted);line-height:1.5}
.em-toolbar{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin:0 0 14px}.em-toolbar .wm-input{min-width:200px;flex:1;max-width:320px}.em-toolbar .em-spacer{flex:1}
.em-bulk{display:flex;gap:8px;align-items:center;flex-wrap:wrap;padding:10px 12px;margin:0 0 12px;border-radius:10px;background:#eaf5f2;font-size:11px}
.em-table td,.em-table th{vertical-align:middle}.em-table tr[data-em-open]{cursor:pointer}.em-table tr[data-em-open]:hover{background:#f7fbfa}.em-table input[type=checkbox]{width:16px;height:16px}
.em-badge{display:inline-block;padding:4px 9px;border-radius:14px;font-size:10px;font-weight:700;background:#eef1f0;color:#5d6873;white-space:nowrap}
.em-badge.subscribed{background:#e2f3e9;color:#1f6a4b}.em-badge.imported{background:#fdf1d6;color:#7a5a12}.em-badge.pending{background:#e3edf8;color:#2b5a8a}
.em-badge.unsubscribed,.em-badge.suppressed{background:#f0f1f2;color:#5d6873}.em-badge.bounced,.em-badge.complained{background:#fbe4e1;color:#9a3a2e}
.em-chip{display:inline-block;margin:2px 4px 2px 0;padding:3px 8px;border-radius:12px;background:#f1f5f4;font-size:10px;color:#4b5b6a}
.em-pager{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:12px;font-size:11px;color:var(--wm-muted)}
.em-note{font-size:11px;line-height:1.55;color:var(--wm-muted);margin:6px 0 0}
.em-consent{display:grid;gap:8px;padding:12px;border:1px solid #cce4de;border-radius:10px;background:#f6fbf9;margin-top:12px;font-size:11px}
.em-consent label{display:flex;gap:9px;align-items:flex-start;line-height:1.5;font-weight:600}.em-consent input[type=checkbox]{margin-top:3px}
.em-history{list-style:none;margin:8px 0 0;padding:0;display:grid;gap:8px}.em-history li{padding:9px 11px;border:1px solid var(--wm-line);border-radius:9px;font-size:11px;line-height:1.5}.em-history b{display:block;font-size:11px}.em-history time{color:var(--wm-muted)}
.em-result{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:14px 0}.em-result div{padding:11px;border:1px solid var(--wm-line);border-radius:10px;text-align:center}.em-result b{display:block;font-size:18px}.em-result span{font-size:10px;color:var(--wm-muted)}
.em-rowlist{max-height:180px;overflow:auto;font-size:11px;border:1px solid var(--wm-line);border-radius:9px;padding:8px 10px;margin:8px 0 0}.em-rowlist p{margin:3px 0}
.em-listrow{display:flex;align-items:center;gap:8px;padding:9px 0;border-bottom:1px solid #eff0ee;font-size:11px}.em-listrow>span{flex:1;min-width:0}.em-listrow small{display:block;color:var(--wm-muted);font-size:10px}
.em-modal-actions-split{display:flex;justify-content:space-between;gap:8px;flex-wrap:wrap;margin-top:18px}.em-danger{color:#9a3a2e!important;border-color:#e6bfb9!important}
@media(max-width:760px){.em-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.em-toolbar .wm-input{max-width:none;min-width:0;flex-basis:100%}.em-result{grid-template-columns:1fr}.em-hide-m{display:none}}
.em-consent [hidden]{display:none!important}

/* Stage 3a: Campaigns */
.em-warn{color:#9a3a2e;font-weight:700}
.emc-top{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin:0 0 16px}.emc-actions{display:flex;align-items:center;gap:10px}
.emc-grid{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:16px;align-items:start}.emc-main,.emc-side{min-width:0}.emc-side{position:sticky;top:78px}
.emc-vars{display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin-top:10px}.emc-var{border:1px solid #cfe0dc;background:#f4faf8;color:#17644f;border-radius:14px;padding:4px 10px;font:600 10px var(--font-ui);cursor:pointer}.emc-var:hover{background:#e4f3ee}
.emc-count{margin-top:12px;padding:10px 12px;border-radius:10px;background:#eaf5f2;font-size:11px;line-height:1.5}.emc-count:empty{display:none}.emc-count b{font-size:15px}.emc-count small{display:block;margin-top:3px;font-size:10px;color:var(--wm-muted)}
.emc-check{list-style:none;margin:0;padding:0;display:grid;gap:9px}.emc-check li{display:flex;gap:9px;align-items:flex-start;font-size:11px;line-height:1.5;color:#6b4a1d}.emc-check li i{flex:0 0 18px;height:18px;border-radius:50%;display:grid;place-items:center;font-style:normal;font-size:10px;font-weight:800;background:#fdf1d6;color:#7a5a12}.emc-check li.is-ok{color:#1f5e55}.emc-check li.is-ok i{background:#d7f0e6;color:#17644f}
.emc-row-actions{white-space:nowrap;text-align:right}.emc-row-actions .wm-btn{margin-left:4px}
.emc-pv-bar{display:flex;gap:8px;margin:0 0 12px}.emc-pv-subject{padding:10px 12px;border:1px solid var(--wm-line);border-radius:10px;margin:0 0 10px}.emc-pv-subject small{display:block;font-size:10px;color:var(--wm-muted)}.emc-pv-subject b{font-size:12px}
.emc-pv-frame{width:100%;height:440px;border:1px solid var(--wm-line);border-radius:10px;background:#f3f5f4}.emc-pv-text{margin-top:10px;font-size:11px}.emc-pv-text pre{white-space:pre-wrap;word-break:break-word;background:#f7f9f8;border-radius:8px;padding:10px;font:11px/1.55 ui-monospace,Menlo,Consolas,monospace;max-height:220px;overflow:auto}
.emc-main .wm-rt-area{min-height:280px}
@media(max-width:900px){.emc-grid{grid-template-columns:1fr}.emc-side{position:static}.emc-row-actions .wm-btn{padding:7px 9px}}
@media(max-width:760px){.emc-pv-frame{height:360px}}
/* Emails cannot carry embedded video; the server strips it, so do not offer the button here. */
.emc-main .wm-rt-btn[data-rt="video"]{display:none}

/* ---- Email marketing: "more" menu, domain cards, signup form popup, status pills ---- */
.em-more{position:relative;display:inline-block}
.em-more-btn{width:34px;height:34px;border:1px solid transparent;border-radius:10px;background:none;display:inline-grid;place-items:center;color:#4b5b6a;cursor:pointer;padding:0}
.em-more-btn:hover,.em-more-btn[aria-expanded=true]{background:#f1f5f4;border-color:var(--wm-line)}
.em-more-btn svg{width:20px;height:20px;fill:currentColor}
.em-more-menu{position:fixed;z-index:1500;min-width:190px;padding:6px;background:#fff;border:1px solid var(--wm-line);border-radius:12px;box-shadow:0 14px 36px rgba(25,45,51,.16)}
.em-more-menu[hidden]{display:none}
.em-more-menu button{display:flex;align-items:center;gap:10px;width:100%;text-align:left;border:0;background:none;padding:9px 10px;border-radius:8px;font:500 13px var(--font-ui);color:#26343f;cursor:pointer}
.em-more-menu button svg{width:16px;height:16px;flex:none;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.em-more-menu button:hover{background:#f1f7f5}.em-more-menu .is-danger{color:#9a3a2e}.em-more-menu .is-danger:hover{background:#fbe4e1}
.em-more-menu hr{border:0;border-top:1px solid #eef1ef;margin:5px 2px}
td.em-act{text-align:right;white-space:nowrap;width:1%}
.em-pill{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:999px;font-size:11px;font-weight:700;background:#eef1f0;color:#5d6873;white-space:nowrap}
.em-pill:before{content:'';width:6px;height:6px;border-radius:50%;background:currentColor}
.em-pill.is-live{background:#e2f3e9;color:#1f6a4b}.em-pill.is-wait{background:#fdf1d6;color:#7a5a12}.em-pill.is-off{background:#f0f1f2;color:#5d6873}
/* sending domain */
.em-dom-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;flex-wrap:wrap}.em-dom-head h2{margin:0 0 4px}
.em-dom-form{display:flex;gap:8px;margin:14px 0 4px}.em-dom-form .wm-input{flex:1;min-width:0;height:44px}.em-dom-form .wm-btn{height:44px;white-space:nowrap}
.em-dom-list{display:grid;gap:12px;margin-top:16px}
.em-dom{border:1px solid var(--wm-line);border-radius:14px;background:#fff;overflow:hidden}
.em-dom-top{display:flex;align-items:center;gap:12px;padding:14px 16px}
.em-dom-ico{flex:none;width:40px;height:40px;border-radius:12px;background:#eff7f5;color:#17644f;display:grid;place-items:center}.em-dom-ico svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.em-dom-name{flex:1;min-width:0}.em-dom-name b{display:block;font-size:13px;overflow-wrap:anywhere}.em-dom-name small{display:block;margin-top:2px;font-size:11px;color:var(--wm-muted)}
.em-dom-actions{display:flex;align-items:center;gap:6px;flex:none}
.em-dom-body{border-top:1px solid #eef1ef;padding:6px 16px 14px;background:#fbfcfb}
.em-dom-body[hidden]{display:none}
.em-dns{display:grid;gap:0}
.em-dns-row{display:grid;grid-template-columns:54px minmax(0,1fr) minmax(0,1.6fr) 34px;gap:12px;align-items:start;padding:12px 0;border-bottom:1px solid #eef1ef}.em-dns-row:last-child{border-bottom:0}
.em-dns-row.em-dns-h{padding:10px 0 8px;font-size:10px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--wm-muted)}
.em-dns-type{display:inline-block;padding:3px 0;border-radius:6px;background:#e9eef0;color:#37505f;font-size:11px;font-weight:800;text-align:center}
.em-dns code{font:12px/1.5 ui-monospace,Menlo,Consolas,monospace;color:#26343f;overflow-wrap:anywhere;word-break:break-all;display:block}
.em-copy{width:32px;height:32px;border:1px solid var(--wm-line);border-radius:9px;background:#fff;display:grid;place-items:center;cursor:pointer;color:#4b5b6a;padding:0}.em-copy:hover{background:#eff7f5;color:#17644f}.em-copy svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.em-dom-foot{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding-top:12px}.em-dom-foot small{color:var(--wm-muted);font-size:11px}
.em-config-warn{margin:12px 0 0;padding:11px 14px;border-radius:12px;background:#fdf7e6;border:1px solid #f0dcae;color:#5b4a1d;font-size:11px;line-height:1.55}
@media(max-width:760px){.em-dom-form{flex-direction:column}.em-dom-form .wm-btn{width:100%}.em-dom-top{padding:12px}.em-dns-row{grid-template-columns:44px minmax(0,1fr) 34px;grid-template-areas:"t h c" "v v v"}.em-dns-row>:nth-child(1){grid-area:t}.em-dns-row>:nth-child(2){grid-area:h}.em-dns-row>:nth-child(3){grid-area:v}.em-dns-row>:nth-child(4){grid-area:c}.em-dns-row.em-dns-h{display:none}}
/* signup form popup: centred card, roomy spacing, same checkbox as coupons */
#wmModal.em-form-modal .wm-modal{width:min(520px,100%);padding:24px 24px 20px}
#wmModal.em-form-modal h2{font-size:18px;margin:0 36px 4px 0}
.em-fm-sub{margin:0 0 18px;font-size:11px;line-height:1.55;color:var(--wm-muted)}
.em-fm{display:grid;gap:18px}
.em-fm-field{display:grid;gap:7px}.em-fm-field>label{font-size:11px;font-weight:700;color:#26343f}
.em-fm-field input:not([type=checkbox]),.em-fm-field select,.em-fm-field textarea{width:100%;box-sizing:border-box;height:44px;border:1px solid var(--wm-cream-line,#e3e9e6);background:var(--wm-cream,#f8faf9);border-radius:10px;padding:0 13px;font:14px var(--font-ui);color:var(--wm-ink)}
.em-fm-field textarea{height:auto;min-height:84px;padding:11px 13px;resize:vertical;line-height:1.5}
.em-fm-field input:focus,.em-fm-field select:focus,.em-fm-field textarea:focus{outline:2px solid #b4d8d3;outline-offset:1px}
.em-fm-field small{font-size:11px;line-height:1.45;color:var(--wm-muted)}
.em-fm-check{display:flex;align-items:flex-start;gap:12px;padding:14px;border:1px solid var(--wm-line);border-radius:12px;cursor:pointer;font-size:12px;line-height:1.45}
.em-fm-check b{display:block;font-size:12px}.em-fm-check small{display:block;margin-top:2px;font-size:11px;color:var(--wm-muted)}
.em-fm-check input{appearance:none;-webkit-appearance:none;flex:none;width:20px;height:20px;margin:1px 0 0;border:1.5px solid #cfd8d4;border-radius:6px;background:#fff center/12px no-repeat;cursor:pointer;transition:.15s}
.em-fm-check input:checked{background-color:var(--wm-teal);border-color:var(--wm-teal);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='3.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m5 12.5 4.5 4.5L19 7.5'/%3E%3C/svg%3E")}
.em-fm-check input:focus-visible{outline:2px solid #b4d8d3;outline-offset:2px}
.em-fm-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:2px}
@media(max-width:560px){#wmModal.em-form-modal .wm-modal{padding:20px 16px 16px}.em-fm-field input:not([type=checkbox]),.em-fm-field select,.em-fm-field textarea{font-size:15px}.em-fm-actions .wm-btn{flex:1}}
.emc-ra{display:flex;align-items:center;justify-content:flex-end;gap:6px}.emc-row-actions .emc-ra .wm-btn{margin-left:0}

/* ==========================================================================
   Type scale for Email marketing (one pass, no text under 12px)
   page title 26 / subtitle 14 / section heading 16 / body + table 13.5 / labels 13 bold /
   helper + hint 12.5 / badges + chips 12 / buttons 13 / inputs 14 (16 on phones, stops iOS zoom)
   ========================================================================== */
#wmEm .wm-page-title h1{font-size:25px;line-height:1.15;letter-spacing:-.6px}
#wmEm .wm-page-title p{font-size:13px;line-height:1.55;max-width:680px}
#wmEm .wm-panel h2,#wmEm .wm-panel h3{font-size:15px;line-height:1.3}
#wmEm .wm-panel p,#wmEm .wm-empty p{font-size:12.5px;line-height:1.6}
#wmEm .wm-empty h2{font-size:17px}
#wmEm .wm-field label,#wmModal.em-form-modal .wm-field label{font-size:12px;font-weight:700;color:#26343f;line-height:1.4}
#wmEm .wm-field label small,#wmEm .wm-field label .em-note{font-size:12px;font-weight:500;color:var(--wm-muted)}
#wmEm .wm-field input,#wmEm .wm-field textarea,#wmEm .wm-field select,#wmEm .wm-input,#wmEm .wm-select{font-size:13px;line-height:1.45}
#wmEm .wm-btn,#wmModal.em-form-modal .wm-btn{font-size:12px;line-height:1.2}
#wmEm .wm-btn-small{font-size:12.5px;padding:8px 13px}
#wmEm .wm-text-link{font-size:12px}
#wmEm .wm-table th{font-size:12.5px;letter-spacing:.05em}
#wmEm .wm-table td{font-size:12.5px}
#wmEm .wm-table td b{font-size:13px}
#wmEm .wm-table td small{font-size:12px;margin-top:2px}
#wmEm .em-banner{font-size:12px;line-height:1.55}#wmEm .em-banner b{font-size:13px}
#wmEm .em-stat span{font-size:12px}#wmEm .em-stat b{font-size:23px}#wmEm .em-stat small{font-size:12px}
#wmEm .em-step b{font-size:13px}#wmEm .em-step small{font-size:12.5px}#wmEm .em-step i{font-size:12px}
.em-badge{font-size:12px;padding:4px 10px}
.em-chip{font-size:12px;padding:3px 9px}
.em-note,#wmEm .em-note{font-size:12.5px;line-height:1.55}
.em-pager{font-size:12.5px}
.em-bulk,.em-consent{font-size:12px}
.em-history li{font-size:12.5px}.em-history b{font-size:12px}
.em-result b{font-size:19px}.em-result span{font-size:12px}
.em-rowlist{font-size:12.5px}
.em-listrow{font-size:12px}.em-listrow small{font-size:12px}
.emc-var{font-size:12.5px;padding:5px 11px}
.emc-count{font-size:12px}.emc-count small{font-size:12px}
.emc-check li{font-size:12.5px}.emc-check li i{font-size:12px}
.em-more-menu button{font-size:12px}
#wmModal.em-form-modal .em-fm-field>label{font-size:12px}
#wmModal.em-form-modal .em-fm-field small,.em-fm-check small{font-size:12px}
.em-fm-sub{font-size:12px}
@media(max-width:760px){
  #wmEm .wm-page-title h1{font-size:22px}
  #wmEm .wm-page-title p{font-size:12.5px}
  #wmEm .wm-field input,#wmEm .wm-field textarea,#wmEm .wm-field select,#wmEm .wm-input,#wmEm .wm-select{font-size:15px}
  #wmEm .wm-table td{font-size:13px}
}

/* ---- Campaign editor on phones: Preview / Save draft sit together, equal width ---- */
.em-note:empty{display:none}
@media(max-width:760px){
  .emc-top{flex-direction:column;align-items:stretch;gap:12px;margin-bottom:14px}
  .emc-top>.wm-text-link{align-self:flex-start;padding:0}
  .emc-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;width:100%}
  .emc-actions .em-note{grid-column:1/-1;margin:0}
  .emc-actions .wm-btn{width:100%;min-height:44px;padding:10px 12px}
  .emc-actions>.wm-btn:last-of-type:nth-of-type(odd){grid-column:1/-1}
}

/* ==========================================================================
   Sequence builder (Storefront > Email marketing > Sequences)
   ========================================================================== */
.sq-back{border:0;background:none;padding:0;margin:0 0 14px;color:var(--wm-teal);font:700 13px var(--font-ui);cursor:pointer}
.sq-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin:0 0 14px}
.sq-title{min-width:0}.sq-title h1{margin:0;font-size:27px;line-height:1.15;letter-spacing:-.7px;overflow-wrap:anywhere}
.sq-title p{margin:8px 0 0;font-size:13px;line-height:1.55;color:var(--wm-muted);max-width:560px;overflow-wrap:anywhere}
.sq-head-actions{display:flex;align-items:center;gap:8px;flex:none}
.sq-hbtn svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.sq-head-actions .em-more-btn{width:40px;height:40px;border:1px solid #8cb9b4;border-radius:10px;background:#fff}
.sq-meta{display:flex;flex-wrap:wrap;gap:8px 10px;align-items:center;margin:0 0 18px}
.sq-meta>span{display:inline-flex;align-items:center;gap:7px;font-size:12px;color:#4b5b6a;padding:6px 4px}
.sq-meta svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;color:#7a8794}
.sq-status{display:inline-flex;align-items:center;gap:7px;padding:6px 13px!important;border-radius:999px;font-size:12px;font-weight:600;background:#eef1f0;color:#5d6873!important}
.sq-status i{width:8px;height:8px;border-radius:50%;background:currentColor}
.sq-status.is-active{background:#e2f3e9;color:#1f6a4b!important}.sq-status.is-paused{background:#fdf1d6;color:#7a5a12!important}
.sq-banner{margin:0 0 16px;padding:12px 15px;border:1px solid #f0dcae;background:#fdf7e6;border-radius:12px;font-size:12px;line-height:1.5;color:#5b4a1d}
.sq-grid{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:18px;align-items:start}
.sq-main,.sq-side{min-width:0}
.sq-card{background:#fff;border:1px solid var(--wm-line);border-radius:16px;box-shadow:var(--wm-card-shadow,0 1px 2px rgba(20,40,40,.04))}
.sq-flow{padding:20px}
.sq-flow-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin:0 0 18px}
.sq-flow-head h2{margin:0;font-size:17px}.sq-flow-head p{margin:4px 0 0;font-size:12px;color:var(--wm-muted)}
.sq-add{padding:11px 16px;gap:8px;white-space:nowrap}.sq-add svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.sq-step{position:relative;display:flex;align-items:center;gap:12px;padding:16px 14px;border:1px solid var(--wm-line);border-radius:14px;background:#fff;cursor:pointer;transition:border-color .15s,box-shadow .15s}
.sq-step:hover{border-color:#b9d5cf;box-shadow:0 4px 14px rgba(25,60,55,.07)}
.sq-step:focus-visible{outline:2px solid #b4d8d3;outline-offset:2px}
.sq-step.is-drag{opacity:.45}.sq-step.is-over{border-color:var(--wm-teal);box-shadow:0 0 0 3px rgba(15,118,109,.14)}
.sq-step.is-incomplete{border-style:dashed;border-color:#e2c98d}
.sq-ico{flex:none;width:52px;height:52px;border-radius:14px;display:grid;place-items:center}
.sq-ico svg{width:26px;height:26px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.sq-ico.c0{background:#dff3ec;color:#0f766d}.sq-ico.c1{background:#ece6fb;color:#5b3fb0}.sq-ico.c2{background:#fdecd0;color:#b56a0b}.sq-ico.c3{background:#fde3dc;color:#c4442d}.sq-ico.c4{background:#d9f0ea;color:#17806f}
.sq-num{flex:none;width:26px;height:26px;border-radius:50%;display:grid;place-items:center;background:#eef3f1;font-size:11.5px;font-weight:800;color:#2b3b46}
.sq-step-body{flex:1;min-width:0}
.sq-step-body small{display:block;font-size:11px;color:var(--wm-muted)}
.sq-step-body b{display:block;margin-top:1px;font-size:14px;line-height:1.3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.sq-step-body p{margin:2px 0 0;font-size:12px;line-height:1.45;color:var(--wm-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.sq-step-side{flex:none}
.sq-pill{display:inline-flex;align-items:center;gap:7px;padding:7px 12px;border-radius:999px;background:#f1f4f3;font-size:11.5px;color:#4b5b6a;white-space:nowrap}
.sq-pill svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.sq-step-menu{flex:none}
.sq-step-menu .em-more-btn{width:36px;height:36px}
.sq-conn{display:flex;align-items:center;gap:10px;padding:0 0 0 26px;height:44px;position:relative}
.sq-conn i{width:10px;height:10px;border:2px solid #aeb9b6;border-radius:50%;background:#fff;position:relative;z-index:1;margin-left:-5px}
.sq-conn:before{content:"";position:absolute;left:26px;top:0;bottom:0;width:2px;margin-left:-1px;background:#d8dfdd}
.sq-conn span{padding:4px 11px;border-radius:999px;background:#f1f4f3;font-size:11px;color:#5d6873}
.sq-empty{padding:30px 16px;border:1px dashed #d7dfdc;border-radius:14px;text-align:center}.sq-empty b{font-size:14px}.sq-empty p{margin:6px 0 0;font-size:12.5px;color:var(--wm-muted)}
.sq-side{position:sticky;top:78px;padding:0;overflow:hidden}
.sq-tabs{display:flex;gap:4px;padding:0 20px;border-bottom:1px solid var(--wm-line)}
.sq-tabs button{border:0;background:none;padding:16px 4px;margin-right:18px;font:600 14px var(--font-ui);color:#657385;cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-1px}
.sq-tabs button.is-on{color:var(--wm-teal);border-bottom-color:var(--wm-teal)}
.sq-side-body{padding:20px;display:grid;gap:18px}
.sq-field{display:grid;gap:7px;min-width:0}
.sq-field>label{font-size:12px;font-weight:700;color:#26343f}
.sq-input{width:100%;box-sizing:border-box;border:1px solid var(--wm-line);background:#fff;border-radius:10px;padding:11px 13px;font:14px/1.45 var(--font-ui);color:var(--wm-ink)}
select.sq-input{height:44px;padding:0 12px}
textarea.sq-input{resize:vertical;min-height:88px}
.sq-input:focus,.sq-pick select:focus-visible,.sq-select select:focus-visible{outline:2px solid #b4d8d3;outline-offset:1px;border-color:var(--wm-teal)}
.sq-input:disabled{background:#f6f8f7;color:#7c8791}
.sq-area{position:relative}.sq-area textarea{padding-bottom:26px}
.sq-count{position:absolute;right:12px;bottom:8px;font-size:11px;color:var(--wm-muted);pointer-events:none}
.sq-help{margin:0;font-size:11.5px;line-height:1.5;color:var(--wm-muted)}.sq-pad{padding:0}
.sq-pick{position:relative;display:flex;align-items:center;gap:12px;padding:12px 14px;border:1px solid var(--wm-line);border-radius:12px;background:#fff}
.sq-pick:not(.is-static){cursor:pointer}.sq-pick:not(.is-static):hover{border-color:#b9d5cf}
.sq-pick-ico{flex:none;width:38px;height:38px;border-radius:10px;background:#e4f4ef;color:#0f766d;display:grid;place-items:center}
.sq-pick-ico svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.sq-pick-txt{flex:1;min-width:0}.sq-pick-txt b{display:block;font-size:13px}.sq-pick-txt small{display:block;margin-top:2px;font-size:11.5px;line-height:1.4;color:var(--wm-muted)}
.sq-pick-chev{flex:none;color:#7a8794}.sq-pick-chev svg,.sq-select-chev svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.sq-pick select{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer;font-size:15px}
.sq-select{position:relative;display:flex;align-items:center;gap:10px;height:46px;padding:0 14px;border:1px solid var(--wm-line);border-radius:10px;background:#fff}
.sq-select i{width:9px;height:9px;border-radius:50%;background:#aeb9b6;flex:none}
.sq-select.is-active i{background:#1f9d6b}.sq-select.is-paused i{background:#d99a1c}
.sq-select select{flex:1;border:0;background:transparent;appearance:none;-webkit-appearance:none;font:14px var(--font-ui);color:var(--wm-ink);height:100%;padding:0;cursor:pointer;min-width:0}
.sq-select select:focus{outline:none}
.sq-select-chev{color:#7a8794;pointer-events:none}
.sq-save{display:grid;gap:10px;margin-top:4px}
.sq-save .wm-btn{width:100%;min-height:46px;font-size:13px}
.sq-save-btn{background:#fff;color:var(--wm-teal);border-color:#8cb9b4}.sq-save-btn:hover{background:#f1f7f5;color:var(--wm-teal-dark)}
.sq-close{background:#e9702f;border-color:#e9702f}.sq-close:hover{background:#d55f20;border-color:#d55f20}
.sq-save .wm-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}
.sq-state{min-height:16px;text-align:center;font-size:11.5px;color:#9a6a12}
.sq-state:empty{display:none}
.sq-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.sq-stats div{padding:14px;border:1px solid var(--wm-line);border-radius:12px}.sq-stats b{display:block;font-size:23px}.sq-stats span{display:block;margin-top:2px;font-size:11.5px;color:var(--wm-muted)}
.sq-mtabs{display:none}
.sq-row{cursor:default}
.sq-delay{display:grid;grid-template-columns:110px minmax(0,1fr);gap:10px}
#wmModal.em-sq-modal .wm-modal{width:min(760px,100%)}
#wmModal.em-sq-modal .wm-rt-area{min-height:220px;font-size:13px}
@media(max-width:980px){
  .sq-grid{grid-template-columns:1fr}.sq-side{position:static}
  .sq-mtabs{display:grid;grid-template-columns:1fr 1fr;gap:4px;padding:4px;margin:0 0 14px;background:#eef3f1;border-radius:12px}
  .sq-mtabs button{border:0;background:none;padding:11px;border-radius:9px;font:700 14px var(--font-ui);color:#5d6873;cursor:pointer}
  .sq-mtabs button.is-on{background:#fff;color:var(--wm-teal);box-shadow:0 1px 4px rgba(25,60,55,.12)}
  .sq[data-mview="steps"] .sq-side{display:none}.sq[data-mview="settings"] .sq-main{display:none}
}
@media(max-width:640px){
  .sq-head{flex-direction:column;gap:12px}.sq-title h1{font-size:23px}
  .sq-head-actions{width:100%}.sq-head-actions .sq-hbtn{flex:1;min-height:44px}
  .sq-flow{padding:14px}
  .sq-step{display:grid;grid-template-columns:46px minmax(0,1fr) auto;grid-template-areas:"ico body menu" "pill pill pill";gap:10px 12px;align-items:center;padding:14px 12px}
  .sq-ico{grid-area:ico;width:46px;height:46px}
  .sq-num{position:absolute;left:6px;top:6px;width:20px;height:20px;font-size:11px;background:#fff;box-shadow:0 0 0 1px #d8e0dd}
  .sq-step-body{grid-area:body}
  .sq-step-menu{grid-area:menu}
  .sq-step-side{grid-area:pill}
  .sq-conn{padding-left:23px}.sq-conn:before{left:23px}
  .sq-delay{grid-template-columns:96px minmax(0,1fr)}
  #wmModal.em-sq-modal .wm-modal{padding:18px 14px}
  .sq-input,.sq-select select{font-size:15px}
}

/* Stage 1: standalone Campaigns list rows (Brevo-style, minimal) */
.emc-name{display:flex;align-items:flex-start;gap:10px}.emc-name>div{min-width:0}.emc-name b{display:block}.emc-name small{display:block;margin-top:2px;color:#5d6873;font-size:12.5px;font-weight:400;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:360px}
.emc-dot{flex:0 0 auto;width:9px;height:9px;border-radius:50%;margin-top:6px;background:#c9ced3}
.emc-dot.is-sent{background:#1f9d6b}.emc-dot.is-scheduled{background:#2b6cb0}.emc-dot.is-sending{background:#d9942b}.emc-dot.is-failed{background:#c8432f}.emc-dot.is-draft,.emc-dot.is-cancelled{background:#c9ced3}
.emc-num{display:block;font-size:16px}.emc-dash{color:#9aa3ab}
@media (max-width:700px){.emc-name small{max-width:200px}}
/* Phone: the campaigns table keeps Campaign, Recipients, Opens, Clicks and Actions; # and Updated are hidden so the numbers fit */
@media (max-width:700px){
  .wm-pur-table:has(.emc-name) th:nth-child(1),.wm-pur-table:has(.emc-name) td:nth-child(1),
  .wm-pur-table:has(.emc-name) th:nth-child(6),.wm-pur-table:has(.emc-name) td:nth-child(6){display:none}
  .wm-pur-table:has(.emc-name) th,.wm-pur-table:has(.emc-name) td{padding-left:8px;padding-right:8px}
  .wm-pur-table:has(.emc-name) .emc-name small{max-width:130px}
}
@media (max-width:700px){
  .wm-pur-table:has(.emc-name) th svg,.wm-pur-table:has(.emc-name) th i{display:none}
  .wm-pur-table:has(.emc-name) th{font-size:12px}
  .wm-pur-table:has(.emc-name) td:nth-child(2){max-width:150px}
  .wm-pur-table:has(.emc-name) .emc-name small{max-width:105px}
  .wm-pur-table:has(.emc-name) .emc-num{font-size:15px}
  .wm-pur-table:has(.emc-name) td:nth-child(3) small{display:none}
}
@media (max-width:700px){.wm-pur-table:has(.emc-name){min-width:0;table-layout:auto}}
@media (max-width:700px){
  .wm-pur-table:has(.emc-name) td:nth-child(2){max-width:108px}
  .wm-pur-table:has(.emc-name) .emc-name{gap:7px}
  .wm-pur-table:has(.emc-name) .emc-name small{max-width:78px}
  .wm-pur-table:has(.emc-name) th,.wm-pur-table:has(.emc-name) td{padding-left:5px;padding-right:5px}
  .wm-pur-table:has(.emc-name) .emc-ra{gap:2px}
  .wm-pur-table:has(.emc-name) .emc-ra .wm-btn{padding-left:9px;padding-right:9px}
}

.emc-name.is-link{cursor:pointer}.emc-name.is-link:hover b{text-decoration:underline}
@media (max-width:700px){
  /* the draft's name opens it, so the separate Edit button is dropped on phones to keep Actions on screen */
  .wm-pur-table:has(.emc-name) .emc-ra .wm-btn[data-emc="open"]{display:none}
}
@media (max-width:700px){
  .wm-pur-table:has(.emc-name) td:nth-child(2){max-width:94px}
  .wm-pur-table:has(.emc-name) .emc-name small{max-width:66px}
  .wm-pur-table:has(.emc-name) th{font-size:12px;padding-left:3px;padding-right:3px}
}

/* Campaigns stage 2: sending-status banner with an action button */
.em-banner.em-banner-act{align-items:center;justify-content:space-between}
.em-banner.em-banner-act>div{flex:1;min-width:0}
.em-banner.em-banner-act .wm-btn{flex:none;white-space:nowrap}
@media (max-width:720px){.em-banner.em-banner-act{flex-direction:column;align-items:stretch}.em-banner.em-banner-act .wm-btn{width:100%}}

/* Campaigns stage 7: header actions (Archived toggle + New campaign) */
.emc-head-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
@media (max-width:720px){.emc-head-actions{width:100%}.emc-head-actions .wm-btn{flex:1}}
/* Campaigns page: outline buttons keep readable text on hover (was dark green on dark green) */
html body[data-app-page="campaigns"] .wm-btn.wm-btn-outline:hover{background:#eaf5f2!important;color:#0f766d!important}

/* Campaigns stage 2: sender identities and quota line. Nothing under 12px; inputs 16px on phones. */
.emc-quota{margin:10px 0 0;font-size:12.5px}.emc-quota small{display:block;color:#6b7782}
.emc-snd-list{list-style:none;margin:0 0 16px;padding:0;display:grid;gap:10px}
.emc-snd{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px 12px;align-items:center;padding:12px;border:1px solid #e3e8ec;border-radius:12px}
.emc-snd-who{min-width:0}.emc-snd-who b,.emc-snd-who small{display:block;overflow-wrap:anywhere}.emc-snd-who small{font-size:12px;color:#6b7782}
.emc-snd-act{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.emc-snd-code{width:150px;max-width:100%;padding:8px 10px;border:1px solid #d3dae0;border-radius:10px;font-size:14px;letter-spacing:2px}
@media (max-width:720px){.emc-snd-code{font-size:16px;width:100%}.emc-snd-act .wm-btn{flex:1 1 auto}body #wmModalBody input,body #wmModalBody select,body #emcRename{font-size:16px !important}}

/* Campaigns stage 3: setup page (Sender, Recipients, Subject, Design), popups, Preview & test, Schedule */
.emc-top3{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:12px}
.emc-back{width:36px;height:36px;border-radius:999px;border:1px solid #d3dae0;background:#fff;font-size:18px;cursor:pointer;flex:none}
.emc-title{display:flex;align-items:center;gap:6px;min-width:0;flex:1 1 200px}
.emc-title h1{margin:0;font-size:20px;line-height:1.2;overflow-wrap:anywhere}
.emc-title input{flex:1;min-width:0;padding:8px 10px;border:1px solid #d3dae0;border-radius:10px;font-size:16px}
.emc-pencil{border:0;background:transparent;font-size:16px;cursor:pointer;padding:6px;border-radius:8px;color:#4b5963}
.emc-pencil:hover{background:#f1f4f6}
.emc-missing{margin:0 0 12px}
.emc-steps{list-style:none;margin:0;padding:0;display:grid;gap:10px;max-width:880px}
.emc-step{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:12px;align-items:center;padding:14px;border:1px solid #e3e8ec;border-radius:14px;background:#fff}
.emc-step:has(.emc-thumb){grid-template-columns:auto auto minmax(0,1fr) auto}
.emc-tick{width:24px;height:24px;border-radius:999px;border:2px solid #c3ccd3;display:inline-flex;align-items:center;justify-content:center;font-size:13px;color:#fff;flex:none}
.emc-step.is-ok .emc-tick{background:#0F766D;border-color:#0F766D}
.emc-step-main h2{margin:0 0 2px;font-size:15px}
.emc-step-main p{margin:0;overflow-wrap:anywhere}
.emc-step-main small{display:block;font-size:12px;color:#6b7782;overflow-wrap:anywhere}
.emc-todo{color:#8a5a00}
.emc-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.emc-thumb{width:96px;height:128px;overflow:hidden;border:1px solid #e3e8ec;border-radius:8px;position:relative;background:#fff;display:flex;align-items:center;justify-content:center;font-size:12px;color:#6b7782;text-align:center}
.emc-thumb iframe{position:absolute;left:0;top:0;width:600px;height:800px;border:0;transform:scale(.16);transform-origin:0 0;pointer-events:none}
.emc-inrow{display:flex;gap:8px;align-items:center}.emc-inrow input{flex:1;min-width:0}
.emc-emoji{display:flex;flex-wrap:wrap;gap:4px;margin-top:8px;padding:8px;border:1px solid #e3e8ec;border-radius:10px}
.emc-emoji[hidden]{display:none}
.emc-emoji button{width:36px;height:36px;border:0;background:transparent;font-size:20px;border-radius:8px;cursor:pointer}
.emc-emoji button:hover{background:#f1f4f6}
.emc-tabs{display:flex;gap:6px;margin:0 0 12px;border-bottom:1px solid #e3e8ec}
.emc-tab{border:0;background:transparent;padding:10px 12px;font-size:14px;cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-1px}
.emc-tab.is-on{border-bottom-color:#0F766D;color:#0F766D;font-weight:600}
.emc-pv-meta{margin:0 0 10px;display:grid;gap:6px}
.emc-pv-meta div{display:grid;grid-template-columns:96px minmax(0,1fr);gap:8px}
.emc-pv-meta dt{font-size:12px;color:#6b7782}.emc-pv-meta dd{margin:0;overflow-wrap:anywhere;font-size:14px}
.emc-pv-as{margin:0 0 10px}.emc-pv-as label{display:block;font-size:12px;color:#6b7782;margin-bottom:4px}
.emc-pv-as input{width:100%;box-sizing:border-box}
.emc-pv-chosen{display:flex;gap:8px;align-items:center;justify-content:space-between;flex-wrap:wrap}
.emc-pv-results{display:grid;margin-top:4px}
.emc-pv-results button{display:grid;text-align:left;padding:8px 10px;border:0;border-bottom:1px solid #eef1f3;background:#fff;cursor:pointer}
.emc-pv-results button:hover{background:#f6f8f9}
.emc-pv-results small{font-size:12px;color:#6b7782}
.emc-pv-stage{margin:8px auto;max-width:100%;overflow-x:auto}
.emc-pv-stage.is-desktop .emc-pv-frame{width:100%;min-width:0;height:420px}
.emc-pv-stage.is-phone{width:min(375px,100%)}.emc-pv-stage.is-phone .emc-pv-frame{width:100%;height:520px}
.emc-pv-frame{border:1px solid #e3e8ec;border-radius:10px;background:#fff;display:block}
.emc-tl{list-style:none;margin:0 0 4px;padding:0;display:grid;gap:6px}
.emc-tl label{display:flex;gap:8px;align-items:center;overflow-wrap:anywhere}
.emc-tl-manage{padding:10px;border:1px solid #e3e8ec;border-radius:10px;margin:0 0 8px}
.emc-tl-rm{list-style:none;margin:8px 0 0;padding:0;display:grid;gap:6px}
.emc-tl-rm li{display:flex;gap:8px;align-items:center;justify-content:space-between}.emc-tl-rm span{overflow-wrap:anywhere;min-width:0}
.emc-when{border:0;margin:0 0 12px;padding:0;display:grid;gap:8px}
.emc-when label{display:flex;gap:8px;align-items:center}
@media (max-width:720px){
  .emc-step,.emc-step:has(.emc-thumb){grid-template-columns:auto minmax(0,1fr)}
  .emc-step .wm-btn{grid-column:1/-1;width:100%}
  .emc-thumb{grid-column:2;width:72px;height:96px}.emc-thumb iframe{transform:scale(.12)}
  .emc-step .emc-tick{order:1}.emc-step .emc-step-main{order:2}.emc-step .emc-thumb{order:3}.emc-step .wm-btn{order:4}
  .emc-top.emc-top3{flex-direction:row;flex-wrap:wrap;align-items:center;gap:10px}
  .emc-top3 .emc-title{flex:1 1 0;min-width:0}
  .emc-top3 .emc-actions{flex:1 0 100%;width:100%}.emc-top3 .emc-actions .wm-btn{flex:1}
  .emc-pv-meta div{grid-template-columns:1fr;gap:0}
}
#emcLaterWrap[hidden]{display:none !important}

/* Campaign editor stage 1: workspace, toolbar, library and canvas foundation */
.ed-root{position:relative;color:#202b32;--ed-accent:#14766c;--ed-line:#e2e8e5;--ed-muted:#718078}
.ed-top{display:grid;grid-template-columns:minmax(200px,1fr) auto minmax(0,1fr);align-items:center;gap:14px;position:relative;z-index:10;margin:0 0 14px;padding:10px 12px;border:1px solid var(--ed-line);border-radius:12px;background:#fff;box-shadow:0 2px 8px rgba(27,46,39,.04)}
.ed-top-l,.ed-top-m,.ed-top-r{display:flex;align-items:center;gap:8px;min-width:0}
.ed-top-l .emc-back{width:36px;height:36px;border-radius:9px;background:#f4f7f5;color:#41544c;border:1px solid #e8eeeb;font-size:20px}
.ed-campaign-title{display:grid;gap:2px;min-width:0}.ed-campaign-title small{font-size:10px;line-height:1.1;color:#7b8981;letter-spacing:.02em}.ed-name-edit{display:flex;align-items:center;gap:6px;min-width:0;max-width:330px;padding:0;border:0;background:transparent;color:#293831;text-align:left;cursor:pointer}.ed-name-edit .ed-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:15px;font-weight:650}.ed-name-edit svg{flex:0 0 14px;width:14px;height:14px;color:#84938a}.ed-name-edit:hover .ed-name{color:#176a50}.ed-campaign-title input{width:min(330px,48vw);box-sizing:border-box;padding:6px 8px;border:1px solid #a9c6b6;border-radius:6px;font-family:inherit;font-size:14px;line-height:1.3;font-weight:600;color:#293831}.ed-campaign-title input:focus{outline:0;border-color:#14766c;box-shadow:0 0 0 3px rgba(20,118,108,.12)}
.ed-name{font-size:15px;line-height:1.25;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ed-top-m{justify-content:center}.ed-top-r{justify-content:flex-end}
.ed-ico{width:34px;height:34px;border:1px solid #e0e7e3;border-radius:9px;background:#fff;color:#43554e;font-size:17px;cursor:pointer;transition:background .15s,border-color .15s}
.ed-ico:hover:not(:disabled){background:#f2f7f4;border-color:#cbd9d2}.ed-ico:disabled{opacity:.4;cursor:default}
.ed-status{max-width:190px;font-size:11px;color:var(--ed-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ed-dev{display:inline-flex;border:1px solid #e0e7e3;border-radius:9px;overflow:hidden;background:#f7f9f8}
.ed-dev button{border:0;background:transparent;color:#53635c;padding:8px 10px;font-size:12px;cursor:pointer}
.ed-dev button[aria-pressed="true"]{background:#e8f2ed;color:#176a50;font-weight:650;box-shadow:inset 0 0 0 1px #d3e5db}
.ed-more{position:relative}.ed-menu{position:absolute;right:0;top:calc(100% + 6px);z-index:30;min-width:140px;background:#fff;border:1px solid var(--ed-line);border-radius:10px;box-shadow:0 10px 26px rgba(28,45,38,.14);padding:4px}
.ed-menu button{display:block;width:100%;text-align:left;border:0;background:transparent;padding:10px 12px;font-size:14px;cursor:pointer;border-radius:7px}.ed-menu button:hover{background:#f3f7f4}
.ed-layout{display:grid;grid-template-columns:minmax(190px,220px) minmax(330px,1fr) minmax(220px,260px);gap:12px;align-items:start}
.ed-panel,.ed-inspector{position:sticky;top:12px;max-height:calc(100vh - 150px);overflow:auto;border:1px solid var(--ed-line);border-radius:12px;background:#fff;padding:12px;box-shadow:0 2px 8px rgba(27,46,39,.035)}
.ed-inspector{padding:12px 13px}.ed-inspector-tabs{display:grid;grid-template-columns:1fr 1fr;gap:3px;padding:3px;border-radius:8px;background:#f3f6f4;margin-bottom:16px}
.ed-inspector-tabs button{border:0;border-radius:6px;background:transparent;color:#68776f;padding:8px;font-family:inherit;font-size:12px;line-height:1.2;font-weight:600;cursor:pointer}.ed-inspector-tabs button.is-on{background:#fff;color:#176a50;box-shadow:0 1px 3px rgba(24,55,40,.1)}
.ed-inspector-heading{padding:0 1px 12px;border-bottom:1px solid #edf1ee;margin-bottom:11px}.ed-inspector-heading>span{font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:#75847b;font-weight:700}.ed-inspector-heading h2,.ed-inspector-empty h2{font-size:15px;line-height:1.3;margin:4px 0;color:#26352d}.ed-inspector-heading p,.ed-inspector-empty p{font-size:11px;line-height:1.5;color:#76837c;margin:0}
.ed-inspector-empty{padding:30px 8px;text-align:center}.ed-inspector-empty-icon{display:grid;place-items:center;width:42px;height:42px;margin:0 auto 12px;border:1px solid #e4ebe6;border-radius:12px;background:#f7faf8;color:#52806b}.ed-inspector-empty-icon svg{width:21px;height:21px}.ed-save-block{width:100%;margin:0 0 11px;padding:8px 10px;border:1px solid #dbe8e0;border-radius:7px;background:#f4f9f6;color:#246345;font-family:inherit;font-size:12px;line-height:1.2;font-weight:600;text-align:left;cursor:pointer}.ed-save-block:hover{background:#eaf4ee;border-color:#c7dece}
.ed-color-control{display:flex;align-items:center;gap:8px}.ed-color-control code{font:11px/1.2 ui-monospace,SFMono-Regular,Consolas,monospace;color:#64736b}
.ed-tools svg,.ed-tile-ic svg,.ed-library-icon svg,.ed-saved-delete svg,.ed-ico svg,.ed-dev button svg,.ed-top-l .emc-back svg,.ed-inspector-empty-icon svg,.ed-settings .wm-btn svg{display:block;width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.ed-top-l .emc-back svg{width:19px;height:19px}.ed-ico svg{width:17px;height:17px;margin:auto}.ed-dev button{display:inline-flex;align-items:center;gap:6px}.ed-dev button svg{width:15px;height:15px}.ed-tile-ic svg{width:20px;height:20px}.ed-library-icon svg,.ed-saved-delete svg{width:16px;height:16px}.ed-tools button svg{width:15px;height:15px;margin:auto}
.ed-library-tabs{position:sticky;top:-11px;z-index:2;background:#fff;padding-top:2px;gap:0;overflow-x:auto;scrollbar-width:thin}.ed-library-tabs .emc-tab{flex:0 0 auto;padding:9px 8px;font-size:11px;white-space:nowrap}
.ed-tiles{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:4px}
.ed-tile{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;min-height:76px;padding:10px 6px;border:1px solid #e7ece9;border-radius:9px;background:#fff;color:#3c4b44;font-size:12px;cursor:grab;transition:border-color .15s,background .15s,transform .15s}
.ed-tile:hover{border-color:#9bbfb1;background:#f6faf7;transform:translateY(-1px)}
.ed-tile:focus-visible,.ed-library-card:focus-visible{outline:2px solid #14766c;outline-offset:2px}
.ed-tile-ic{font-size:19px;line-height:1;color:#477c67}
.ed-hint{display:block;font-size:11px;color:#77847d;line-height:1.5;margin:8px 2px}
.ed-stage{min-width:0;min-height:620px;background:var(--ed-page,#f1f4f2);border:1px solid #e3e9e5;border-radius:12px;padding:22px 22px 18px;overflow:auto}
.ed-frame{box-sizing:border-box;margin:4px auto 0;background:var(--ed-card,#fff);border-radius:var(--ed-r,10px);font-family:var(--ed-font,inherit);padding:28px 30px;box-shadow:0 10px 32px rgba(29,47,40,.10),0 1px 3px rgba(29,47,40,.08);transition:max-width .18s ease}
.ed-frame.is-desktop{max-width:calc(var(--ed-w,600px) + 60px)}.ed-frame.is-phone{max-width:375px;padding:20px 18px}
.ed-block{position:relative;border:1px solid transparent;border-radius:7px;padding:7px 9px;margin:0 -9px 4px;cursor:pointer;transition:border-color .14s,background .14s,box-shadow .14s}
.ed-block:hover{border-color:#cbd8d1;background:rgba(245,249,246,.45)}
.ed-block.is-sel{border-color:#328572;background:rgba(232,244,238,.38);box-shadow:0 0 0 1px rgba(20,118,108,.12);cursor:default}
.ed-block:focus-visible{outline:2px solid #14766c;outline-offset:2px}
.ed-tag{display:none;position:absolute;left:8px;top:-9px;font-size:10px;font-weight:650;background:#fff;padding:1px 7px;color:#176c5c;border:1px solid #d5e7df;border-radius:5px}
.ed-block.is-sel .ed-tag,.ed-block:hover .ed-tag{display:block}
.ed-tools{position:absolute;right:6px;top:-34px;display:flex;gap:2px;background:#fff;border:1px solid #dce7e1;border-radius:8px;padding:3px;z-index:5;box-shadow:0 3px 10px rgba(25,53,41,.1)}
.ed-tools button{width:29px;height:27px;border:0;background:transparent;color:#50645a;font-size:14px;border-radius:6px;cursor:pointer}
.ed-tools button:hover:not(:disabled){background:#edf5f0;color:#176a50}.ed-tools button:disabled{opacity:.35;cursor:default}
.ed-handle{cursor:grab !important}
.ed-rich{overflow-wrap:anywhere;line-height:1.65}.ed-rich.ed-title{font-weight:700;line-height:1.25}.ed-rich p{margin:0 0 8px}
.ed-ph,.ed-ph-box{color:#8a9690}
.ed-ph-box{border:1px dashed #b9c9c0;border-radius:8px;padding:34px 12px;text-align:center;background:#f8faf8;color:#77867e}
.ed-btn-pv{padding:12px 24px;font:700 15px/1.2 var(--ed-font,Arial,sans-serif);text-align:center;text-decoration:none;box-sizing:border-box;max-width:100%;border-radius:5px}
.ed-video-link{display:inline-block;max-width:100%;text-decoration:none}.ed-video-label{display:block;margin-top:8px;font:600 14px/1.4 var(--ed-font,Arial,sans-serif);color:var(--ed-link,#0f766d)}
.ed-warn{display:block;color:#8a5a00;font-size:12px;margin-top:6px}.ed-soc{color:#14766c;text-decoration:underline}
.ed-spacer{border:1px dashed #d3ddd7;border-radius:5px;display:flex;align-items:center;justify-content:center;font-size:11px;color:#8a9690}
.ed-empty{border:1px dashed #b7c9bf;border-radius:10px;padding:68px 18px;text-align:center;color:#65776d;background:rgba(255,255,255,.72);font-size:14px}
.ed-endzone{height:28px}.ed-drop-before{box-shadow:0 -3px 0 #14766c}.ed-drop-after{box-shadow:0 3px 0 #14766c}.ed-endzone.ed-drop-end,.ed-empty.ed-drop-end{box-shadow:0 -3px 0 #14766c;border-color:#14766c}
.ed-settings{display:grid;grid-template-columns:minmax(0,1fr);gap:10px;margin-top:10px;padding-top:10px;border-top:1px solid #e3e8e5;cursor:default}
.ed-setting-group+.ed-setting-group{padding-top:11px;border-top:1px solid #edf1ee}.ed-setting-group>h3{margin:0 0 8px;color:#728078;font-size:10px;line-height:1.2;font-weight:700;letter-spacing:.07em;text-transform:uppercase}.ed-setting-fields{display:grid;grid-template-columns:minmax(0,1fr);gap:10px;min-width:0}
.ed-f{display:grid;gap:5px;min-width:0}.ed-f label{font-size:11px;color:#526259}.ed-f input[type=text],.ed-f input[type=url],.ed-f select{width:100%;box-sizing:border-box;padding:8px 10px;border:1px solid #d7e0db;border-radius:8px;font-size:13px;background:#fff}
.ed-f input[type=color]{width:50px;height:34px;padding:2px;border:1px solid #d7e0db;border-radius:7px;background:#fff}.ed-f input[type=range]{width:100%}
.ed-pic,.ed-vars,.ed-msg,.ed-soc-row,.ed-settings>.wm-btn{grid-column:1/-1}.ed-pic{display:flex;flex-wrap:wrap;gap:8px}.ed-msg{font-size:12px;color:#8a5a00}
.ed-soc-row{display:grid;grid-template-columns:130px minmax(0,1fr) auto;gap:8px}.ed-soc-row select,.ed-soc-row input{padding:8px 10px;border:1px solid #d7e0db;border-radius:8px;font-size:13px;min-width:0}
.ed-settings .wm-rt-area,.ed-body .wm-rt-area{min-height:90px}
.ed-foot{margin-top:20px;padding-top:14px;border-top:1px solid #e6ebe8}.ed-foot label{display:block;font-size:11px;color:#53625a;margin-bottom:5px}
.ed-foot textarea{width:100%;box-sizing:border-box;padding:9px 10px;border:1px solid #d7e0db;border-radius:8px;font-size:13px;resize:vertical;background:#fff}
.ed-fab{display:none}
@media(max-width:1250px){.ed-layout{grid-template-columns:190px minmax(300px,1fr) 220px;gap:9px}.ed-panel,.ed-inspector{padding:10px}.ed-stage{padding:16px 12px}}
@media(max-width:900px){.ed-layout{grid-template-columns:minmax(0,1fr)}.ed-panel{display:none;position:fixed;left:0;right:0;bottom:0;top:auto;z-index:1600;border-radius:16px 16px 0 0;box-shadow:0 -8px 30px rgba(0,0,0,.18);max-height:72vh;overflow:auto}.ed-root.is-sheet .ed-panel{display:block}.ed-inspector{position:static;max-height:none;overflow:visible;margin-top:10px;padding:14px}.ed-tiles{grid-template-columns:repeat(4,minmax(0,1fr))}.ed-fab{display:block;position:fixed;right:14px;bottom:84px;z-index:1200;border:0;border-radius:9px;background:#176d57;color:#fff;font-size:14px;font-weight:650;padding:12px 17px;box-shadow:0 5px 16px rgba(24,66,49,.24)}.ed-root.is-sheet .ed-fab{display:none}.ed-stage{min-height:540px}.ed-frame{padding:18px}}
@media(max-width:720px){.ed-root input,.ed-root select,.ed-root textarea,.ed-root .wm-rt-area{font-size:16px !important}.ed-soc-row{grid-template-columns:minmax(0,1fr) auto}.ed-soc-row select{grid-column:1/-1}.ed-tiles{grid-template-columns:repeat(2,minmax(0,1fr))}.ed-top{grid-template-columns:minmax(0,1fr) auto;gap:8px;padding:9px}.ed-top-l{grid-column:1/-1}.ed-top-m{justify-content:flex-start}.ed-status{max-width:155px}.ed-top-r{grid-column:1/-1;display:grid;grid-template-columns:auto minmax(0,1fr) minmax(0,1fr) auto;gap:6px;padding-top:8px}.ed-top-r>.wm-btn{min-width:0;padding:9px 7px;font-size:12px}.ed-top-r>.wm-btn:last-of-type{grid-column:3}.ed-top-r .ed-more{grid-column:4;grid-row:1}.ed-dev button span{display:none}.ed-stage{min-height:450px;padding:12px 8px;border-radius:10px}.ed-frame{padding:15px 12px}.ed-frame.is-phone{padding:12px}.ed-empty{padding:48px 12px}.ed-settings{grid-template-columns:1fr 1fr}}
@media(prefers-reduced-motion:reduce){.ed-frame,.ed-tile,.ed-block,.ed-ico{transition:none}}

/* Stage 4b: Style tab */
.ed-style{display:grid;gap:12px;margin-top:12px}.ed-style .ed-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.ed-style output{font-weight:600;color:#1d2b36;margin-left:4px}.ed-style select{font-size:16px}
.ed-frame .ed-rich a{color:var(--ed-link,revert)}

/* Campaign report page, based on the supplied Brevo report reference. */
.emc-name.is-link{cursor:pointer;border-radius:9px;padding:4px;margin:-4px;transition:background .15s ease,color .15s ease}
.emc-name.is-link:hover,.emc-name.is-link:focus-visible{background:#f3f2ff;color:#5146e5;outline:0}
.emcr{--emcr-violet:#645bff;--emcr-line:#e4e5e9;--emcr-muted:#71747e;color:#24252a;padding:2px 0 36px}
.emcr-header{display:flex;align-items:flex-start;gap:20px;padding:14px 0 24px;border-bottom:1px solid var(--emcr-line)}
.emcr-back{width:46px;height:46px;border:0;border-radius:15px;background:#f0efff;color:var(--emcr-violet);font-size:27px;line-height:1;cursor:pointer;flex:0 0 auto}
.emcr-back:hover{background:#e7e5ff}.emcr-summary{flex:1;min-width:0}.emcr-summary h1{font-size:30px;line-height:1.2;font-weight:520;margin:1px 0 7px;overflow-wrap:anywhere}.emcr-summary>div:first-child>p{color:var(--emcr-muted);font-size:14px;margin:0}.emcr-summary .em-badge{margin-left:6px;vertical-align:middle}
.emcr-mailmeta{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:20px}.emcr-mailmeta>div{min-width:0}.emcr-mailmeta small{display:block;color:var(--emcr-muted);font-size:13px;margin-bottom:5px}.emcr-mailmeta b{display:block;font-size:14px;line-height:1.5;font-weight:520;overflow-wrap:anywhere}.emcr-preview-top{flex:0 0 auto}
.emcr-tabs{display:flex;gap:0;overflow:auto;border-bottom:1px solid var(--emcr-line);margin:0 -2px}.emcr-tabs button{position:relative;flex:0 0 auto;border:0;background:transparent;padding:16px 18px;color:#34343b;font:inherit;font-size:14px;font-weight:500;cursor:pointer;white-space:nowrap}.emcr-tabs button:hover{color:var(--emcr-violet)}.emcr-tabs button.is-active{color:var(--emcr-violet);font-weight:650}.emcr-tabs button.is-active:after{content:"";position:absolute;left:12px;right:12px;bottom:-1px;height:3px;background:var(--emcr-violet);border-radius:3px 3px 0 0}
.emcr-content{padding:24px 0}.emcr-section-title{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 14px}.emcr-section-title h2{font-size:21px;line-height:1.3;margin:0;font-weight:650}.emcr-section-title>span{font-size:13px;color:var(--emcr-muted)}
.emcr-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border:1px solid var(--emcr-line);border-radius:18px;background:#fff;overflow:hidden;margin-bottom:18px}.emcr-metric{min-height:150px;padding:21px 22px;border-right:1px solid #ececf0;display:flex;flex-direction:column;gap:12px}.emcr-metric:last-child{border-right:0}.emcr-metric>span{color:#5e6069;font-size:14px}.emcr-metric>b{font-size:31px;line-height:1.1;font-weight:650;letter-spacing:-.03em}.emcr-metric>small{color:var(--emcr-muted);font-size:13px;line-height:1.4}
.emcr-card{border:1px solid var(--emcr-line);border-radius:18px;background:#fff;padding:22px;margin:0 0 18px}.emcr-card h2{font-size:19px;line-height:1.3;margin:0;font-weight:650}.emcr-card-head{display:flex;align-items:center;justify-content:space-between;gap:14px}.emcr-sub{color:var(--emcr-muted);font-size:14px;margin:6px 0 0}.emcr-muted{color:var(--emcr-muted);font-size:14px;margin:16px 0 0}.emcr-total{white-space:nowrap;color:#32333a;font-size:14px}.emcr-timeline{margin-top:20px;padding-left:4px}.emcr-event{position:relative;display:flex;gap:14px;padding:0 0 22px;min-height:85px}.emcr-event:not(:last-child):before{content:"";position:absolute;left:17px;top:39px;bottom:0;width:2px;background:#ececf0}.emcr-event>i{display:grid;place-items:center;flex:0 0 36px;height:36px;border-radius:50%;background:#f0efff;color:var(--emcr-violet);font-size:16px;font-style:normal;z-index:1}.emcr-event>div{padding-top:2px}.emcr-event b{font-size:16px}.emcr-event p{margin:5px 0;color:#393a41;font-size:14px}.emcr-event small{color:var(--emcr-muted);font-size:13px}.emcr-empty{padding:32px 12px;text-align:center;color:var(--emcr-muted)}.emcr-empty b{color:#33343b;display:block;font-size:16px}.emcr-empty p{font-size:14px;margin:7px 0 0}.emcr-highlight{display:grid;grid-template-columns:auto 1fr auto;align-items:baseline;gap:8px 16px;padding:26px 0}.emcr-highlight>b{font-size:42px}.emcr-highlight>span{font-size:16px}.emcr-highlight>strong{color:var(--emcr-violet);font-size:28px}.emcr-highlight>small{grid-column:2/4;color:var(--emcr-muted)}.emcr-preview-meta{display:flex;flex-direction:column;gap:4px;margin-bottom:12px}.emcr-preview-meta span{font-size:13px;color:var(--emcr-muted)}.emcr-preview-frame{width:100%;height:min(70vh,720px);border:1px solid var(--emcr-line);border-radius:12px;background:#f7f7f8}.emcr-loading{padding:40px;text-align:center;color:var(--emcr-muted)}
@media(max-width:850px){.emcr-mailmeta{grid-template-columns:1fr 1fr}.emcr-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.emcr-metric:nth-child(2){border-right:0}.emcr-metric:nth-child(-n+2){border-bottom:1px solid #ececf0}}
@media(max-width:600px){.emcr-header{gap:12px;flex-wrap:wrap;padding:6px 0 18px}.emcr-back{width:42px;height:42px}.emcr-summary{flex-basis:calc(100% - 58px)}.emcr-summary h1{font-size:23px}.emcr-mailmeta{grid-template-columns:1fr;gap:11px;margin-top:15px}.emcr-preview-top{width:100%}.emcr-tabs{margin:0 -12px}.emcr-tabs button{padding:14px 12px;font-size:13px}.emcr-content{padding-top:20px}.emcr-section-title{align-items:flex-start;flex-direction:column}.emcr-section-title h2{font-size:19px}.emcr-grid{grid-template-columns:repeat(2,minmax(0,1fr));border-radius:14px}.emcr-metric{min-height:124px;padding:16px 13px;gap:9px}.emcr-metric>b{font-size:26px}.emcr-metric>span{font-size:13px}.emcr-metric>small{font-size:12px}.emcr-card{padding:17px 15px;border-radius:14px}.emcr-card-head{align-items:flex-start;flex-direction:column}.emcr-highlight{grid-template-columns:auto 1fr;gap:6px 12px}.emcr-highlight>strong{grid-column:1/-1}.emcr-highlight>small{grid-column:1/-1}}

/* Editable starter layouts and structural previews in the campaign editor. */
.ed-library-card.ed-section-card{display:grid;grid-template-columns:72px minmax(0,1fr);gap:9px;padding:8px}.ed-section-card .ed-mini-preview{height:58px}.ed-section-card-copy{display:grid;align-content:center;gap:4px;min-width:0}.ed-section-card-copy small{margin:0}
.ed-mini-preview{display:grid;align-content:center;gap:4px;min-width:0;min-height:74px;padding:8px;border:1px solid #edf1ee;border-radius:7px;background:#fff;overflow:hidden}.ed-mini-preview>i{display:block;min-width:0}.ed-mini-image{height:18px;border-radius:3px;background:#e5eee8}.ed-mini-title{height:5px;width:66%;border-radius:3px;background:#50685b}.ed-mini-copy{display:grid;gap:3px}.ed-mini-copy i{height:3px;border-radius:2px;background:#d6dfd9}.ed-mini-copy i:last-child{width:64%}.ed-mini-button{height:8px;width:42%;border-radius:3px;background:#43836b}.ed-mini-divider{height:1px;width:100%;background:#dfe6e1}.ed-mini-product{display:grid!important;grid-template-columns:32% 1fr;gap:6px;align-items:center}.ed-mini-product>i:first-child{height:28px;border-radius:3px;background:#e5eee8}.ed-mini-product>i:last-child{display:grid;gap:5px}.ed-mini-product b,.ed-mini-product em{height:4px;border-radius:3px;background:#86998d}.ed-mini-product em{width:70%;background:#d6dfd9}.ed-mini-nav{display:flex;gap:5px}.ed-mini-nav i{height:4px;flex:1;border-radius:3px;background:#c6d4cc}
.ed-template-list{gap:8px}.ed-template-card{display:grid;gap:8px;width:100%;padding:8px;text-align:left;border:1px solid #e4eae6;border-radius:9px;background:#fff;color:#314139;cursor:pointer;transition:border-color .14s,background .14s,box-shadow .14s}.ed-template-card:hover{border-color:#9dbdad;background:#fbfdfb;box-shadow:0 2px 8px rgba(24,62,44,.06)}.ed-template-card:focus-visible{outline:2px solid #14766c;outline-offset:2px}.ed-template-card .ed-mini-preview{min-height:84px}.ed-template-copy{display:grid;gap:4px}.ed-template-copy>b{font-size:12px}.ed-template-copy small{font-size:10px;line-height:1.4;color:#718078}.ed-template-action{justify-self:start;margin-top:2px;color:#176a50;font-size:10px;font-weight:700;letter-spacing:.02em}
/* Email editor content library: templates and saved blocks */
.ed-tile-group{margin-top:15px}.ed-tile-group:first-child{margin-top:4px}.ed-tile-group h3{margin:0 0 8px;font-size:12px;font-weight:700;color:#68737d;letter-spacing:.02em}.ed-tiles-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.ed-tile{min-height:82px;justify-content:center;font-weight:600;box-shadow:0 1px 2px rgba(28,40,53,.03);transition:transform .15s,border-color .15s,background .15s}.ed-tile:hover{transform:translateY(-1px)}.ed-library{display:grid;gap:9px;margin-top:10px}.ed-library-card{display:flex;align-items:center;gap:10px;width:100%;text-align:left;border:1px solid #e3e8ec;border-radius:12px;background:#fff;padding:11px;cursor:pointer;color:#263342}.ed-library-card:hover{border-color:#0f766d;background:#f6fbfa}.ed-library-card b{font-size:13px}.ed-library-card small{margin-left:auto;color:#78838e;font-size:11px}.ed-library-icon{display:grid;place-items:center;width:34px;height:34px;flex:0 0 34px;background:#edf7f4;color:#0f766d;border-radius:9px;font-weight:700}.ed-library-empty{border:1px dashed #d3dae0;border-radius:12px;padding:16px;text-align:center;color:#77838e;font-size:12px;line-height:1.5}.ed-saved-row{position:relative;padding-right:36px}.ed-saved-delete{position:absolute;right:0;top:8px;width:30px;height:30px;border:0;border-radius:8px;background:#f6f7f8;color:#78838e;font-size:19px;cursor:pointer}.ed-saved-delete:hover{background:#fff0ef;color:#b23b35}.ed-wide-label{display:block;grid-column:1/-1;font-size:12px;color:#4b5963}.ed-wide-input{grid-column:1/-1;width:100%;box-sizing:border-box;min-height:120px;padding:11px 12px;border:1px solid #d3dae0;border-radius:11px;font:14px/1.55 var(--font-ui,Arial);color:#263342;resize:vertical}.ed-wide-input:focus{outline:0;border-color:#0f766d;box-shadow:0 0 0 3px rgba(15,118,109,.12)}.ed-wide-input.ed-code{font:13px/1.55 ui-monospace,SFMono-Regular,Consolas,monospace}.ed-nav-row{grid-column:1/-1;display:grid;grid-template-columns:minmax(90px,.7fr) minmax(120px,1.3fr) auto;gap:7px}.ed-nav-row input{min-width:0;padding:8px 10px;border:1px solid #d3dae0;border-radius:9px}.ed-product-pv{display:grid;grid-template-columns:minmax(120px,42%) minmax(0,1fr);gap:18px;align-items:center;padding:14px;border:1px solid #e6e9ed;border-radius:12px}.ed-product-pv>img{width:100%;height:auto;object-fit:cover;border-radius:8px}.ed-product-pv>div>b,.ed-product-pv>div>strong{display:block}.ed-product-pv>div>strong{margin-top:3px}.ed-product-pv p{margin:8px 0}.ed-nav-pv{display:flex;justify-content:center;gap:12px;flex-wrap:wrap;padding:8px}.ed-nav-pv a,.ed-nav-pv span{color:#0f766d;text-decoration:underline;font-size:14px}.ed-html-pv{padding:4px 0}.ed-dynamic-pv{padding:6px 0}.ed-dragging,.ed-touch-dragging{user-select:none;cursor:grabbing!important}.ed-tile[draggable=true],.ed-library-card[draggable=true]{touch-action:pan-y}
@media(max-width:720px){.ed-tiles-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ed-library-card{min-height:58px}.ed-nav-row{grid-template-columns:minmax(0,1fr) auto}.ed-nav-row input[data-ed-nf="url"]{grid-column:1/-1}.ed-product-pv{grid-template-columns:minmax(0,1fr);gap:10px}.ed-product-pv>img{max-height:240px;object-fit:contain}}
.ed-empty{display:grid;justify-items:center;gap:10px;padding:clamp(32px,8vw,68px) 18px}.ed-empty-icon{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;background:#edf5f0;color:#176a50}.ed-empty-icon svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.ed-empty h2{margin:2px 0 0;color:#2e3f36;font-size:18px;line-height:1.3}.ed-empty p{max-width:360px;margin:0;color:#68776e;line-height:1.55}.ed-empty-actions{display:grid;grid-template-columns:repeat(auto-fit,minmax(128px,1fr));gap:8px;width:min(100%,340px);margin:4px 0}.ed-empty-actions button{min-height:40px}.ed-empty>small{color:#87928c;font-size:11px}.ed-sheet-close{display:none}.ed-library-nav{position:sticky;top:-11px;z-index:2;display:flex;align-items:stretch;gap:4px;padding-top:2px;background:#fff;border-bottom:1px solid #e3e8ec}.ed-library-tabs{position:static;top:auto;z-index:auto;flex:1;min-width:0;margin:0;border-bottom:0}
@media(max-width:900px){.ed-library-nav{top:0}.ed-sheet-close{display:block;flex:0 0 auto;padding:9px 12px;border:1px solid #e1e9e4;border-radius:7px;background:#fff;color:#345145;font:inherit;font-size:12px;font-weight:600;cursor:pointer}.ed-sheet-close:hover{background:#f3f8f5}}

/* Stage 7: campaign list hierarchy and compact phone rows */
#wmt-email-campaigns .wm-page-title{align-items:center;gap:18px;margin:8px 0 22px}
#wmt-email-campaigns .wm-page-title h1{font-size:clamp(27px,3vw,36px);font-weight:700;letter-spacing:-.035em;color:#202522}
#wmt-email-campaigns .wm-page-title p{margin-top:6px;color:#68736d;font-size:14px}
#wmt-email-campaigns .wm-pur-card{border-color:#e2e7e4;border-radius:16px;box-shadow:0 3px 14px rgba(30,52,41,.045)}
#wmt-email-campaigns .wm-pur-search{padding:14px;background:#fff}
#wmt-email-campaigns .wm-pur-table{border-collapse:separate;border-spacing:0;min-width:760px}
#wmt-email-campaigns .wm-pur-table thead th{background:#f7f9f8;color:#66716b;font-size:11px;font-weight:700;letter-spacing:.045em;text-transform:uppercase;border-bottom:1px solid #e8ece9}
#wmt-email-campaigns .wm-pur-table tbody tr{transition:background .14s ease}
#wmt-email-campaigns .wm-pur-table tbody tr:hover{background:#fbfcfb}
#wmt-email-campaigns .wm-pur-table tbody td{padding-top:17px;padding-bottom:17px;border-bottom:1px solid #edf0ee;vertical-align:middle}
#wmt-email-campaigns .wm-pur-table tbody tr:last-child td{border-bottom:0}
#wmt-email-campaigns .emc-name b{font-size:14px;font-weight:700;color:#222925;line-height:1.4}
#wmt-email-campaigns .emc-name small{font-size:12px;color:#77817b;line-height:1.45}
#wmt-email-campaigns .emc-dot{width:9px;height:9px;box-shadow:0 0 0 3px rgba(100,110,105,.09)}
#wmt-email-campaigns .emc-num{font-size:16px;font-weight:700;color:#272e2a}
#wmt-email-campaigns .emc-ra .wm-btn{min-height:36px;border-radius:9px;font-weight:650}
#wmt-email-campaigns .em-more-btn{width:38px;height:38px;border:1px solid #e6eae7;background:#fff;color:#47544c}
#wmt-email-campaigns .em-more-btn:hover,#wmt-email-campaigns .em-more-btn[aria-expanded=true]{background:#f0efff;border-color:#d8d4ff;color:#6259dc}
@media(max-width:600px){
  #wmt-email-campaigns .wm-page-title{align-items:flex-start;flex-direction:column;margin:4px 0 18px}
  #wmt-email-campaigns .wm-page-title h1{font-size:26px}
  #wmt-email-campaigns .wm-page-title .emc-head-actions{width:100%}
  #wmt-email-campaigns .wm-pur-table-card{padding:0;border:0;background:transparent;box-shadow:none;overflow:visible}
  #wmt-email-campaigns .wm-pur-scroll{overflow:visible}
  #wmt-email-campaigns .wm-pur-table{display:block;min-width:0;width:100%;border:0}
  #wmt-email-campaigns .wm-pur-table thead{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
  #wmt-email-campaigns .wm-pur-table tbody{display:grid;gap:11px}
  #wmt-email-campaigns .wm-pur-table tbody tr{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:center;padding:13px 12px;border:1px solid #e4e9e6;border-radius:14px;background:#fff;box-shadow:0 2px 8px rgba(30,52,41,.035)}
  #wmt-email-campaigns .wm-pur-table tbody tr:hover{background:#fff}
  #wmt-email-campaigns .wm-pur-table tbody td{display:flex;flex-direction:column;align-items:flex-start;gap:3px;min-width:0;padding:9px 5px;border:0;font-size:13px}
  #wmt-email-campaigns .wm-pur-table tbody td:nth-child(1),#wmt-email-campaigns .wm-pur-table tbody td:nth-child(6){display:none}
  #wmt-email-campaigns .wm-pur-table tbody td:nth-child(2){grid-column:1/-1;padding-top:5px;padding-bottom:10px;border-bottom:1px solid #edf0ee}
  #wmt-email-campaigns .wm-pur-table tbody td:nth-child(2) .emc-name{gap:9px}
  #wmt-email-campaigns .wm-pur-table tbody td:nth-child(2) .emc-name small{max-width:calc(100vw - 90px);white-space:normal}
  #wmt-email-campaigns .wm-pur-table tbody td:nth-child(3):before{content:'Recipients'}
  #wmt-email-campaigns .wm-pur-table tbody td:nth-child(4):before{content:'Opens'}
  #wmt-email-campaigns .wm-pur-table tbody td:nth-child(5):before{content:'Clicks'}
  #wmt-email-campaigns .wm-pur-table tbody td:nth-child(3):before,#wmt-email-campaigns .wm-pur-table tbody td:nth-child(4):before,#wmt-email-campaigns .wm-pur-table tbody td:nth-child(5):before{font-size:10px;color:#7b8580;font-weight:600}
  #wmt-email-campaigns .wm-pur-table tbody td:nth-child(3) small,#wmt-email-campaigns .wm-pur-table tbody td:nth-child(4) small,#wmt-email-campaigns .wm-pur-table tbody td:nth-child(5) small{display:block;font-size:10px;color:#78827c}
  #wmt-email-campaigns .wm-pur-table tbody td:nth-child(7){grid-column:1/-1;align-items:flex-end;padding-top:4px;padding-bottom:2px}
  #wmt-email-campaigns .wm-pur-table tbody td:nth-child(7) .emc-ra{gap:7px}
  #wmt-email-campaigns .wm-pur-table tbody td:nth-child(7) .emc-ra .wm-btn[data-emc="open"]{display:inline-flex}
}

/* Dragging uses a shared pointer path on mouse, pen and touch. */
[data-ed-tile],[data-ed-section],[data-ed-template],[data-ed-saved],[data-ed-handle]{touch-action:none;user-select:none;-webkit-user-select:none;cursor:grab}
.ed-pointer-dragging,.ed-pointer-dragging *{cursor:grabbing!important;user-select:none!important;-webkit-user-select:none!important}
.ed-drop-before{box-shadow:inset 0 3px 0 #675cff!important}.ed-drop-after{box-shadow:inset 0 -3px 0 #675cff!important}.ed-drop-end{outline:2px dashed #675cff!important;outline-offset:5px}

/* Stage 1: two-column editor. The left rail shows the library, or the selected block's editor. */
.ed-layout{grid-template-columns:minmax(290px,340px) minmax(0,1fr)}
.ed-panel{padding:0 16px 16px}
.ed-rail-head{display:flex;align-items:center;gap:10px;position:sticky;top:0;z-index:2;background:#fff;padding:14px 0 12px;margin-bottom:6px;border-bottom:1px solid #edf1ee}
.ed-rail-head h2{margin:0;font-size:16px;font-weight:700;color:#1b2e27}
.ed-rail-back{display:inline-flex;align-items:center;gap:4px;border:0;background:none;padding:4px 6px 4px 0;font:inherit;font-size:13px;font-weight:600;color:#176a50;cursor:pointer;box-shadow:none}
.ed-rail-back svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2}
.ed-rail-intro{padding:14px 0 6px}.ed-rail-intro h2{margin:0 0 3px;font-size:16px}.ed-rail-intro p{margin:0;font-size:12.5px;color:#68776f}
.ed-library-nav{padding-top:14px}
@media(max-width:1250px){.ed-layout{grid-template-columns:minmax(260px,300px) minmax(0,1fr)}}
@media(max-width:900px){.ed-layout{grid-template-columns:minmax(0,1fr)}.ed-root.has-sel .ed-panel{display:block}.ed-root.has-sel .ed-fab{display:none}.ed-panel{padding:0 14px 14px}}

/* Stage 2: block editor controls. Label on the left, control on the right, one line each. */
.ed-line{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:40px}
.ed-line-l{font-size:13px;color:#3a4a42;font-weight:500;flex:1 1 auto;min-width:0}
.ed-line-r{display:inline-flex;align-items:center;justify-content:flex-end;gap:6px;flex:0 0 auto}
.ed-seg{gap:2px}
.ed-seg-b{display:grid;place-items:center;width:32px;height:32px;border:0;border-radius:8px;background:none;color:#6b7a72;cursor:pointer;padding:0;box-shadow:none}
.ed-seg-b:hover{background:#f1f5f3}
.ed-seg-b[aria-pressed="true"]{background:#e6f2ec;color:#176a50}
.ed-seg-b svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.ed-num{width:64px;box-sizing:border-box;text-align:right;padding:7px 8px;border:1px solid #dfe6e2;border-radius:8px;font:inherit;font-size:13px;background:#fff;-moz-appearance:textfield}
.ed-num::-webkit-outer-spin-button,.ed-num::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}
.ed-unit{font-size:12px;color:#7a8780;min-width:14px}
.ed-mini-select{max-width:150px;padding:7px 8px;border:1px solid #dfe6e2;border-radius:8px;font:inherit;font-size:13px;background:#fff}
.ed-dot{-webkit-appearance:none;appearance:none;width:26px;height:26px;padding:0;border:0;border-radius:50%;background:none;cursor:pointer;overflow:hidden}
.ed-dot::-webkit-color-swatch-wrapper{padding:0}.ed-dot::-webkit-color-swatch{border:0;border-radius:50%}.ed-dot::-moz-color-swatch{border:0;border-radius:50%}
.ed-textbtn{border:0;background:none;box-shadow:none;padding:4px 0;font:inherit;font-size:13px;font-weight:700;color:#176a50;cursor:pointer}
.ed-textbtn:hover{text-decoration:underline}.ed-textbtn:disabled{opacity:.35;cursor:default;text-decoration:none}
.ed-textbtn.ed-danger{color:#b4342d}
.ed-textbtn:has(>svg:only-child){display:inline-grid;place-items:center;width:28px;height:28px;padding:0;color:#6b7a72;font-weight:500;border-radius:7px}
.ed-textbtn:has(>svg:only-child):hover{background:#f1f5f3;text-decoration:none}
.ed-textbtn svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.ed-save-block{border:0;background:none;box-shadow:none;padding:6px 0;font:inherit;font-size:13px;font-weight:700;color:#176a50;cursor:pointer}
.ed-save-block:hover{text-decoration:underline}
.ed-social-gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;margin:4px 0 8px}
.ed-social-choice{display:flex;align-items:center;gap:8px;padding:8px 10px;border:0;border-radius:8px;background:#f5f8f6;font:inherit;font-size:13px;cursor:pointer;text-align:left}
.ed-social-choice:hover{background:#e9f1ed}
.ed-soc-row{grid-template-columns:auto minmax(0,1fr) auto auto auto;align-items:center}
.ed-soc-row select{max-width:110px}
.ed-setting-fields{gap:2px}
@media(max-width:720px){.ed-line{min-height:44px}.ed-num{width:72px}}

/* Stage 3: drag ghost, image empty state, delete icon */
.ed-ghost{position:fixed;left:0;top:0;z-index:99999;pointer-events:none;display:inline-flex;align-items:center;gap:8px;padding:9px 14px 9px 10px;border-radius:10px;background:#fff;color:#1b2e27;font:600 13px/1 inherit;box-shadow:0 10px 28px rgba(20,40,32,.22),0 0 0 1px rgba(23,106,80,.18);opacity:.97;will-change:transform}
.ed-ghost-ic{display:grid;place-items:center;width:28px;height:28px;border-radius:8px;background:#e6f2ec;color:#176a50}
.ed-ghost-ic svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.ed-ic-trash{fill:currentColor!important;stroke:none!important}
.ed-action-delete,[data-ed="del"],[data-ed="soc-del"],[data-ed="nav-del"],.ed-saved-delete{color:#d92d20!important}
.ed-action-delete svg,[data-ed="del"] svg,[data-ed="soc-del"] svg,[data-ed="nav-del"] svg,.ed-saved-delete svg{width:18px;height:18px;fill:currentColor!important;stroke:none!important}
.ed-img-ph{position:relative;display:grid;place-items:center;min-height:240px;background:#f4f4f4;border-radius:6px}
.ed-img-ph.is-logo{min-height:90px}
.ed-img-ph-ic{width:68px;height:68px;fill:#e1e1e1;stroke:#777;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.ed-img-ph.is-logo .ed-img-ph-ic{width:44px;height:44px}
.ed-img-actions{position:absolute;left:0;right:0;bottom:14px;display:flex;justify-content:center;align-items:center;gap:8px;font-size:13px;color:#8a9690}
.ed-file-over .ed-img-ph{background:#e9f4ee;outline:2px dashed #2f9a74;outline-offset:-6px}

/* Stage 4: footer is a block */
.ed-endzone{height:10px}
.ed-foot{position:relative;margin:8px 0 0;padding:20px 18px;border:0;border-radius:8px;background:var(--ed-foot-bg,#f3f5f4);color:var(--ed-foot-color,#6b7782);text-align:center;font-size:12.5px;line-height:1.6;cursor:pointer;outline:2px solid transparent;outline-offset:-2px}
.ed-foot:hover{outline-color:rgba(20,118,108,.35)}
.ed-foot.is-selected{outline-color:#14766c}
.ed-foot .ed-tag{display:none;position:absolute;left:0;top:-22px;background:#14766c;color:#fff;font-size:11px;font-weight:600;padding:3px 8px;border-radius:5px 5px 0 0}
.ed-foot.is-selected .ed-tag,.ed-foot:hover .ed-tag{display:block}
.ed-foot-body p{margin:0}.ed-foot-body .ed-foot-gap{height:.8em;line-height:.8em;overflow:hidden}
.ed-foot-body mark{background:#fff3c4;color:inherit;border-radius:3px;padding:0 2px}
.ed-foot .ed-unsub-preview{margin-top:8px;text-decoration:underline}
.ed-foot-warn{display:block;margin-top:8px;color:#9a6700}
.ed-fline{display:flex;align-items:center;gap:6px}
.ed-fline input{flex:1;min-width:0;padding:7px 9px;border:1px solid #dfe6e2;border-radius:8px;font:inherit;font-size:13px;background:#fff}

/* Stage 5: two-column layout in full-screen mode (overrides the old three-column rules), header, search, preview */
body.emc-editor-fullscreen .ed-layout{grid-template-columns:minmax(300px,340px) minmax(0,1fr);gap:0}
body.emc-editor-fullscreen .ed-panel{background:#fff;border:0;border-right:1px solid #edf1ee;border-radius:0;box-shadow:none;padding:0 16px 16px}
body.emc-editor-fullscreen .ed-stage{border-radius:0}
@media(max-width:1100px) and (min-width:901px){body.emc-editor-fullscreen .ed-layout{grid-template-columns:minmax(260px,300px) minmax(0,1fr);gap:0}}
@media(max-width:900px){body.emc-editor-fullscreen .ed-layout{display:flex}body.emc-editor-fullscreen .ed-panel{display:none;border-right:0}body.emc-editor-fullscreen .ed-root.is-sheet .ed-panel,body.emc-editor-fullscreen .ed-root.has-sel .ed-panel{display:block}}
body.emc-editor-fullscreen .ed-selected-actions .ed-action-delete,body.emc-editor-fullscreen .ed-selected-actions .ed-action-delete:hover{color:#d92d20}
body.emc-editor-fullscreen .ed-selected-actions .ed-action-delete:hover{background:#fff0ee}
/* nothing floats over the editor or its preview */
body.emc-editor-fullscreen #ppPearlMini{display:none!important}
body.emc-editor-fullscreen .wm-modal-backdrop{z-index:5000}
.emc-pv-stage{min-height:420px}
.emc-pv-frame{min-height:420px}
/* header: icons and text, no boxes */
.ed-top{border:0;border-bottom:1px solid #edf1ee;border-radius:0;box-shadow:none;background:#fff}
.ed-top .pp-back{flex:none}
.ed-ico{border:0;background:none;box-shadow:none;border-radius:8px;color:#4a5b53}
.ed-ico:hover:not(:disabled){background:#f1f5f3}
.ed-ico:disabled{opacity:.35}
.ed-dev{border:0;background:none;gap:2px}
.ed-dev button{display:grid;place-items:center;width:34px;height:34px;padding:0;border-radius:8px;color:#6b7a72}
.ed-dev button:hover{background:#f1f5f3}
.ed-dev button[aria-pressed="true"]{background:#e6f2ec;color:#176a50;box-shadow:none;font-weight:inherit}
.ed-top-link{padding:8px 10px}
.ed-top-r .wm-btn{box-shadow:none}
.ed-menu{border:0;box-shadow:0 8px 24px rgba(20,40,32,.16)}
/* search bars: one comfortable pill, not a small box */
.wm-global-search{height:42px;max-width:520px;min-width:260px;flex:1;border:0;border-radius:999px;background:#f3f5f4;padding:0 16px;gap:10px}
.wm-global-search input{font-size:14px;color:#1b2e27;width:100%}
.wm-global-search svg{width:18px;height:18px;flex:none}
.wm-pur-search .wm-input,.emc-pv-as input,.wm-top-actions input[type=search]{height:42px;border-radius:999px;background:#f3f5f4;border:0;padding:0 16px;font-size:14px}

/* ===== Campaign page: Brevo-style checklist, live preview, click-to-edit title ===== */
.emc-top3{gap:14px;margin-bottom:22px}
.emc-title{flex:1 1 220px;display:flex;align-items:center;min-width:0}
.emc-title .emc-title-input{flex:0 1 auto;width:auto;max-width:100%;min-width:0;padding:6px 10px;margin-left:-10px;border:1px solid transparent;border-radius:10px;background:transparent;color:#0f1f1a;font:600 26px/1.25 inherit;font-family:inherit;text-overflow:ellipsis;cursor:text;transition:background .12s,border-color .12s}
.emc-title .emc-title-input:hover{background:#f3f6f5}
.emc-title .emc-title-input:focus{outline:0;background:#fff;border-color:#0F766D;box-shadow:0 0 0 3px rgba(15,118,109,.14)}
.emc-title .emc-title-input::placeholder{color:#9aa6a1}
.emc-top3 .wm-btn{min-height:42px;padding:9px 20px;font-size:15px}
.emc-missing{font-size:14.5px;margin:0 0 16px}
.emc-detail{display:grid;grid-template-columns:minmax(0,1fr);gap:24px;align-items:start}
.emc-detail:not(.has-preview) .emc-steps{max-width:960px}
.emc-detail.has-preview{grid-template-columns:minmax(0,1fr) minmax(300px,380px)}
.emc-steps{display:block;margin:0;padding:0;max-width:none;list-style:none;border:1px solid #e3e8ec;border-radius:18px;background:#fff;overflow:hidden}
.emc-step,.emc-step:has(.emc-thumb){display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:18px;align-items:start;padding:26px 28px;border:0;border-radius:0;border-bottom:1px solid #eef1f0;background:#fff}
.emc-step:last-child{border-bottom:0}
.emc-tick{width:22px;height:22px;margin-top:5px;border:2px solid #c3ccd3;background:#fff}
.emc-step.is-ok .emc-tick{background:#0F766D;border-color:#0F766D;color:#fff}
.emc-step-main h2{margin:0 0 6px;font-size:22px;line-height:1.25;font-weight:600;color:#0f1f1a}
.emc-step-main p{margin:0;font-size:16px;line-height:1.5;color:#27332e}
.emc-step-main small{margin-top:4px;font-size:14px;color:#66726c}
.emc-todo{color:#8a5a00}
.emc-step .wm-btn{align-self:start;min-height:42px;padding:9px 20px;border-radius:999px;font-size:15px;font-weight:600;white-space:nowrap}
.emc-preview{position:sticky;top:84px;min-width:0}
.emc-preview-bar{display:flex;align-items:center;gap:22px;flex-wrap:wrap;margin:0 0 14px;padding:0 4px}
.emc-preview-link{display:inline-flex;align-items:center;gap:8px;border:0;background:transparent;padding:6px 0;color:#0F766D;font:600 15px/1.2 inherit;font-family:inherit;cursor:pointer}
.emc-preview-link:hover{text-decoration:underline}
.emc-preview-paper{padding:18px;border:1px solid #e3e8ec;border-radius:16px;background:#f4f6f5}
.emc-preview .emc-thumb{display:block;width:100%;height:auto;max-height:calc(100vh - 220px);min-height:200px;overflow-x:hidden;overflow-y:auto;border:0;border-radius:6px;background:#fff;text-align:center;font-size:14px;color:#66726c;scrollbar-width:thin}
.emc-preview .emc-thumb>span{display:block;padding:56px 16px}
.emc-preview .emc-thumb iframe{position:static;display:block;border:0;transform-origin:0 0;pointer-events:none}
@media(max-width:1100px){.emc-detail.has-preview{grid-template-columns:minmax(0,1fr) 320px}.emc-step,.emc-step:has(.emc-thumb){padding:22px 20px}}
@media(max-width:900px){
  .emc-detail.has-preview{grid-template-columns:minmax(0,1fr)}
  .emc-preview{position:static}
  .emc-preview .emc-thumb{max-height:520px}
}
@media(max-width:720px){
  body #emcRename{font-size:20px!important}
  .emc-title .emc-title-input{font-size:20px}
  .emc-step,.emc-step:has(.emc-thumb){grid-template-columns:auto minmax(0,1fr);gap:12px 14px;padding:18px 16px}
  .emc-step .wm-btn{grid-column:2;justify-self:start}
  .emc-step-main h2{font-size:19px}
  .emc-step-main p{font-size:15.5px}
}

/* Stage 2: campaign Edit is an icon; campaign + report back buttons match the app's own back button (.app-page-head-back) */
.emc-icon-btn{width:36px;height:36px;border-radius:50%;border:0;background:none;color:#1b212d;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;flex:none;padding:0}
.emc-icon-btn svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
@media(hover:hover){.emc-icon-btn:hover{background:#eef1f3}}
html body .wm-pur-table:has(.emc-name) .emc-ra .emc-icon-btn[data-emc="open"]{display:inline-flex}
html body .emc-top .emc-back,html body .emcr-back{width:36px;height:36px;min-width:36px;min-height:36px;border-radius:50%;border:0;background:none;color:#1b212d;display:inline-flex;align-items:center;justify-content:center;padding:0;font-size:0;line-height:0;cursor:pointer;flex:none}
html body .emc-top .emc-back svg,html body .emcr-back svg{width:20px;height:20px;stroke:currentColor}
@media(hover:hover){html body .emc-top .emc-back:hover,html body .emcr-back:hover{background:#eef1f3}}

/* ---- Marketing header cleanup (Overview + Campaigns) ----
   Phones: the top bar already names the page (Overview, Campaigns...), so the big title row inside the page is dropped. */
@media (max-width:720px){
  body[data-app-page="campaigns"] #storefrontContent .wm-page-title{display:none}
}
/* Campaigns: search bar carries the select-all checkbox, filter, archived and export icons */
.emc-selall{flex:none;display:inline-flex;align-items:center;justify-content:center;width:28px;height:44px;cursor:pointer}
.emc-selall input{width:18px;height:18px;margin:0;accent-color:#0F766D;cursor:pointer}
.emc-arch-btn{width:44px;height:44px;padding:0;justify-content:center}
.emc-arch-btn svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.emc-arch-btn.is-on{background:#e6f2f0;border-color:#0F766D;color:#0F766D}
.emc-selcard{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:10px 0 0;padding:10px 14px;background:#fff;border:1px solid #e2e7e4;border-radius:14px;box-shadow:0 3px 14px rgba(30,52,41,.06);font-size:13.5px;font-weight:600;color:#1b212d}
@media (max-width:760px){
  .emc-selall{height:40px;width:24px}
  .emc-arch-btn{width:40px;height:40px}
  body[data-app-page="campaigns"] .wm-pur-search{gap:6px}
}
/* No outline around the row's More button (the edit pencil never had one) */
html body #wmt-email-campaigns .em-more-btn{border:0;background:transparent}
html body #wmt-email-campaigns .em-more-btn:hover,html body #wmt-email-campaigns .em-more-btn[aria-expanded=true]{background:#f1f3f2;border:0;color:#1b212d}

/* Phones: each campaign is ONE line of the table; swipe sideways to read all of it.
   Edit and More stay pinned at the right edge. */
@media (max-width:720px){
  html body #wmt-email-campaigns .wm-pur-table-card{padding:0;border:1px solid #e2e7e4;background:#fff;border-radius:16px;box-shadow:0 3px 14px rgba(30,52,41,.045);overflow:hidden}
  html body #wmt-email-campaigns .wm-pur-scroll{overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch}
  html body #wmt-email-campaigns .wm-pur-table{display:table;width:max-content;min-width:100%;table-layout:auto;border-collapse:separate;border-spacing:0}
  html body #wmt-email-campaigns .wm-pur-table thead{position:static;width:auto;height:auto;margin:0;overflow:visible;clip:auto;display:table-header-group}
  html body #wmt-email-campaigns .wm-pur-table tbody{display:table-row-group}
  html body #wmt-email-campaigns .wm-pur-table tr,html body #wmt-email-campaigns .wm-pur-table tbody tr{display:table-row;padding:0;border:0;border-radius:0;box-shadow:none;background:#fff}
  html body #wmt-email-campaigns .wm-pur-table th,
  html body #wmt-email-campaigns .wm-pur-table tbody td{display:table-cell;white-space:nowrap;vertical-align:middle;padding:14px 14px;border-bottom:1px solid #edf0ee;max-width:none;font-size:13px;text-align:left}
  html body #wmt-email-campaigns .wm-pur-table th.wm-pur-r,html body #wmt-email-campaigns .wm-pur-table td.wm-pur-r{text-align:right}
  html body #wmt-email-campaigns .wm-pur-table th{font-size:11px;padding-top:11px;padding-bottom:11px}
  html body #wmt-email-campaigns .wm-pur-table tbody tr:last-child td{border-bottom:0}
  /* the # column stays hidden; everything else shows */
  html body #wmt-email-campaigns .wm-pur-table th:nth-child(1),html body #wmt-email-campaigns .wm-pur-table td:nth-child(1){display:none}
  html body #wmt-email-campaigns .wm-pur-table th:nth-child(6),html body #wmt-email-campaigns .wm-pur-table td:nth-child(6){display:table-cell}
  html body #wmt-email-campaigns .wm-pur-table td:before{content:none!important}
  html body #wmt-email-campaigns .wm-pur-table td:nth-child(2){grid-column:auto;max-width:none;padding-top:14px;padding-bottom:14px}
  html body #wmt-email-campaigns .wm-pur-table td:nth-child(3) small,
  html body #wmt-email-campaigns .wm-pur-table td:nth-child(4) small,
  html body #wmt-email-campaigns .wm-pur-table td:nth-child(5) small{display:block;font-size:11px}
  html body #wmt-email-campaigns .wm-pur-table td{flex-direction:row}
  html body #wmt-email-campaigns .emc-name{align-items:flex-start;gap:9px}
  html body #wmt-email-campaigns .emc-name small{max-width:none;overflow:visible;text-overflow:clip;white-space:nowrap}
  /* Actions column pinned to the right edge */
  html body #wmt-email-campaigns .wm-pur-table th:last-child,
  html body #wmt-email-campaigns .wm-pur-table td:last-child{position:sticky;right:0;z-index:2;background:#fff;padding-left:8px;padding-right:8px;box-shadow:none;border-left:0}
  html body #wmt-email-campaigns .wm-pur-table thead th:last-child{background:#f7f9f8}
  html body #wmt-email-campaigns .wm-pur-table td:last-child{align-items:center}
  html body #wmt-email-campaigns .emc-ra{gap:2px;justify-content:flex-end}
  html body #wmt-email-campaigns .emc-ra .wm-btn[data-emc="open"]{display:inline-flex}
}

/* ---- Marketing header cleanup - Stage 3 (Sequences, Contacts, Sign-up forms) ----
   Sequences and Sign-up forms use the same one-line-per-row table as Campaigns. */
/* No outline around the row's More button (the edit pencil never had one) */
html body #wmt-email-sequences .em-more-btn{border:0;background:transparent}
html body #wmt-email-sequences .em-more-btn:hover,html body #wmt-email-sequences .em-more-btn[aria-expanded=true]{background:#f1f3f2;border:0;color:#1b212d}

/* Phones: each campaign is ONE line of the table; swipe sideways to read all of it.
   Edit and More stay pinned at the right edge. */
@media (max-width:720px){
  html body #wmt-email-sequences .wm-pur-table-card{padding:0;border:1px solid #e2e7e4;background:#fff;border-radius:16px;box-shadow:0 3px 14px rgba(30,52,41,.045);overflow:hidden}
  html body #wmt-email-sequences .wm-pur-scroll{overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch}
  html body #wmt-email-sequences .wm-pur-table{display:table;width:max-content;min-width:100%;table-layout:auto;border-collapse:separate;border-spacing:0}
  html body #wmt-email-sequences .wm-pur-table thead{position:static;width:auto;height:auto;margin:0;overflow:visible;clip:auto;display:table-header-group}
  html body #wmt-email-sequences .wm-pur-table tbody{display:table-row-group}
  html body #wmt-email-sequences .wm-pur-table tr,html body #wmt-email-sequences .wm-pur-table tbody tr{display:table-row;padding:0;border:0;border-radius:0;box-shadow:none;background:#fff}
  html body #wmt-email-sequences .wm-pur-table th,
  html body #wmt-email-sequences .wm-pur-table tbody td{display:table-cell;white-space:nowrap;vertical-align:middle;padding:14px 14px;border-bottom:1px solid #edf0ee;max-width:none;font-size:13px;text-align:left}
  html body #wmt-email-sequences .wm-pur-table th.wm-pur-r,html body #wmt-email-sequences .wm-pur-table td.wm-pur-r{text-align:right}
  html body #wmt-email-sequences .wm-pur-table th{font-size:11px;padding-top:11px;padding-bottom:11px}
  html body #wmt-email-sequences .wm-pur-table tbody tr:last-child td{border-bottom:0}
  /* the # column stays hidden; everything else shows */
  html body #wmt-email-sequences .wm-pur-table th:nth-child(1),html body #wmt-email-sequences .wm-pur-table td:nth-child(1){display:none}
  html body #wmt-email-sequences .wm-pur-table th:nth-child(6),html body #wmt-email-sequences .wm-pur-table td:nth-child(6){display:table-cell}
  html body #wmt-email-sequences .wm-pur-table td:before{content:none!important}
  html body #wmt-email-sequences .wm-pur-table td:nth-child(2){grid-column:auto;max-width:none;padding-top:14px;padding-bottom:14px}
  html body #wmt-email-sequences .wm-pur-table td:nth-child(3) small,
  html body #wmt-email-sequences .wm-pur-table td:nth-child(4) small,
  html body #wmt-email-sequences .wm-pur-table td:nth-child(5) small{display:block;font-size:11px}
  html body #wmt-email-sequences .wm-pur-table td{flex-direction:row}
  html body #wmt-email-sequences .emc-name{align-items:flex-start;gap:9px}
  html body #wmt-email-sequences .emc-name small{max-width:none;overflow:visible;text-overflow:clip;white-space:nowrap}
  /* Actions column pinned to the right edge */
  html body #wmt-email-sequences .wm-pur-table th:last-child,
  html body #wmt-email-sequences .wm-pur-table td:last-child{position:sticky;right:0;z-index:2;background:#fff;padding-left:8px;padding-right:8px;box-shadow:none;border-left:0}
  html body #wmt-email-sequences .wm-pur-table thead th:last-child{background:#f7f9f8}
  html body #wmt-email-sequences .wm-pur-table td:last-child{align-items:center}
  html body #wmt-email-sequences .emc-ra{gap:2px;justify-content:flex-end}
  html body #wmt-email-sequences .emc-ra .wm-btn[data-emc="open"]{display:inline-flex}
}
/* No outline around the row's More button (the edit pencil never had one) */
html body #wmt-emforms .em-more-btn{border:0;background:transparent}
html body #wmt-emforms .em-more-btn:hover,html body #wmt-emforms .em-more-btn[aria-expanded=true]{background:#f1f3f2;border:0;color:#1b212d}

/* Phones: each campaign is ONE line of the table; swipe sideways to read all of it.
   Edit and More stay pinned at the right edge. */
@media (max-width:720px){
  html body #wmt-emforms .wm-pur-table-card{padding:0;border:1px solid #e2e7e4;background:#fff;border-radius:16px;box-shadow:0 3px 14px rgba(30,52,41,.045);overflow:hidden}
  html body #wmt-emforms .wm-pur-scroll{overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch}
  html body #wmt-emforms .wm-pur-table{display:table;width:max-content;min-width:100%;table-layout:auto;border-collapse:separate;border-spacing:0}
  html body #wmt-emforms .wm-pur-table thead{position:static;width:auto;height:auto;margin:0;overflow:visible;clip:auto;display:table-header-group}
  html body #wmt-emforms .wm-pur-table tbody{display:table-row-group}
  html body #wmt-emforms .wm-pur-table tr,html body #wmt-emforms .wm-pur-table tbody tr{display:table-row;padding:0;border:0;border-radius:0;box-shadow:none;background:#fff}
  html body #wmt-emforms .wm-pur-table th,
  html body #wmt-emforms .wm-pur-table tbody td{display:table-cell;white-space:nowrap;vertical-align:middle;padding:14px 14px;border-bottom:1px solid #edf0ee;max-width:none;font-size:13px;text-align:left}
  html body #wmt-emforms .wm-pur-table th.wm-pur-r,html body #wmt-emforms .wm-pur-table td.wm-pur-r{text-align:right}
  html body #wmt-emforms .wm-pur-table th{font-size:11px;padding-top:11px;padding-bottom:11px}
  html body #wmt-emforms .wm-pur-table tbody tr:last-child td{border-bottom:0}
  /* the # column stays hidden; everything else shows */
  html body #wmt-emforms .wm-pur-table th:nth-child(1),html body #wmt-emforms .wm-pur-table td:nth-child(1){display:none}
  html body #wmt-emforms .wm-pur-table th:nth-child(6),html body #wmt-emforms .wm-pur-table td:nth-child(6){display:table-cell}
  html body #wmt-emforms .wm-pur-table td:before{content:none!important}
  html body #wmt-emforms .wm-pur-table td:nth-child(2){grid-column:auto;max-width:none;padding-top:14px;padding-bottom:14px}
  html body #wmt-emforms .wm-pur-table td:nth-child(3) small,
  html body #wmt-emforms .wm-pur-table td:nth-child(4) small,
  html body #wmt-emforms .wm-pur-table td:nth-child(5) small{display:block;font-size:11px}
  html body #wmt-emforms .wm-pur-table td{flex-direction:row}
  html body #wmt-emforms .emc-name{align-items:flex-start;gap:9px}
  html body #wmt-emforms .emc-name small{max-width:none;overflow:visible;text-overflow:clip;white-space:nowrap}
  /* Actions column pinned to the right edge */
  html body #wmt-emforms .wm-pur-table th:last-child,
  html body #wmt-emforms .wm-pur-table td:last-child{position:sticky;right:0;z-index:2;background:#fff;padding-left:8px;padding-right:8px;box-shadow:none;border-left:0}
  html body #wmt-emforms .wm-pur-table thead th:last-child{background:#f7f9f8}
  html body #wmt-emforms .wm-pur-table td:last-child{align-items:center}
  html body #wmt-emforms .emc-ra{gap:2px;justify-content:flex-end}
  html body #wmt-emforms .emc-ra .wm-btn[data-emc="open"]{display:inline-flex}
}

/* row actions (edit pencil + more) sit on one line on web too */
#wmt-email-sequences .emc-ra,#wmt-emforms .emc-ra{display:inline-flex;align-items:center;justify-content:flex-end;gap:2px}
#wmt-email-sequences .wm-pur-search,#wmt-emforms .wm-pur-search{padding:14px;background:#fff}
/* Contacts: the search bar is [select-all] [search] [filter] [export], like Campaigns */
.em-searchbar{margin:0 0 12px;padding:14px;background:#fff}
.em-searchbar .wm-pur-menu-wrap{position:relative}
.em-filter-btn.is-on{background:#e6f2f0;border-color:#0F766D;color:#0F766D}
.em-filter-menu{min-width:220px;padding:12px;display:flex;flex-direction:column;gap:10px;right:0;left:auto}
.em-filter-menu[hidden]{display:none}
.em-filter-menu .em-fl{display:flex;flex-direction:column;gap:4px;font-size:11.5px;font-weight:600;color:#68736d}
.em-filter-menu .em-fl .wm-select{width:100%;height:40px}
.em-filter-menu .wm-text-link{align-self:flex-start;font-size:12.5px}
@media (max-width:760px){.em-searchbar{padding:10px;gap:6px}}
/* Contacts table: phones swipe sideways and show every column (nothing is hidden) */
@media (max-width:760px){
  html body #emContactsBody .wm-table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch;border-radius:16px}
  html body #emContactsBody .wm-table{width:max-content;min-width:100%}
  html body #emContactsBody .wm-table th,html body #emContactsBody .wm-table td{white-space:nowrap}
  html body #emContactsBody .wm-table .em-hide-m{display:table-cell}
}

/* ---- Marketing header cleanup - Stage 4: sequence builder ---- */
.sq-head{align-items:center;gap:10px}
.sq-head .sq-title{flex:1 1 auto}
html body .sq-iback{width:36px;height:36px;min-width:36px;border-radius:50%;border:0;background:none;color:#1b212d;display:inline-flex;align-items:center;justify-content:center;padding:0;cursor:pointer;flex:none}
html body .sq-iback svg{stroke:currentColor}
@media(hover:hover){html body .sq-iback:hover{background:#eef1f3}}
@media (max-width:760px){.sq-head{flex-direction:row;flex-wrap:wrap}.sq-head .sq-head-actions{flex:1 0 100%;width:100%}}

/* Stage 2: Campaigns (phones) - Home button sits beside the menu button */
.wm-home-btn{display:none;color:#314454;width:32px;height:32px;place-items:center;border-radius:50%;text-decoration:none;flex:none;-webkit-tap-highlight-color:transparent}
.wm-home-btn svg{width:22px;height:22px;display:block}
@media(max-width:760px){.wm-home-btn{display:grid}}

/* Campaign setup page on phones: no bottom navigation bar while a campaign is open */
@media(max-width:900px){body.emc-campaign-open .app-bottom-nav{display:none!important}body.emc-campaign-open{padding-bottom:0!important}}
.wm-nav-home{text-decoration:none;color:inherit;display:flex;align-items:center;gap:10px;width:100%}.wm-nav-home svg{stroke:currentColor;stroke-width:1.85;stroke-linecap:round;stroke-linejoin:round}

/* ===== Phones: Campaigns list = one standalone card per campaign; clearer search bar; smaller select-all box ===== */
@media (max-width:720px){
  /* the outer box is gone; each campaign row below is its own card */
  html body #wmt-email-campaigns .wm-pur-table-card{background:transparent;border:0;box-shadow:none;border-radius:0;overflow:visible}
  html body #wmt-email-campaigns .wm-pur-scroll{padding:2px 2px 6px}
  html body #wmt-email-campaigns .wm-pur-table{border-collapse:separate;border-spacing:0 10px;margin-top:-10px}
  /* header strip stays a slim label row of its own */
  html body #wmt-email-campaigns .wm-pur-table thead th{background:transparent;border:0;padding:12px 14px 4px}
  html body #wmt-email-campaigns .wm-pur-table thead th:last-child{background:transparent}
  /* every body cell draws its slice of the card border; first and last cell round the corners */
  html body #wmt-email-campaigns .wm-pur-table tbody td{background:#fff;border:0;border-top:1px solid #e2e7e4;border-bottom:1px solid #e2e7e4}
  html body #wmt-email-campaigns .wm-pur-table tbody tr:last-child td{border-bottom:1px solid #e2e7e4}
  html body #wmt-email-campaigns .wm-pur-table tbody td:nth-child(2){border-left:1px solid #e2e7e4;border-top-left-radius:16px;border-bottom-left-radius:16px}
  html body #wmt-email-campaigns .wm-pur-table tbody td:last-child{border-right:1px solid #e2e7e4;border-top-right-radius:16px;border-bottom-right-radius:16px;background:#fff;box-shadow:none}
  /* search bar gets the same stroke as the filter button; checkbox is smaller */
  body[data-app-page="campaigns"] .wm-pur-search .wm-input{border:1px solid #e4e7ec;background:#fff}
  .emc-selall{width:20px;height:40px}
  .emc-selall input{width:15px;height:15px}
}
@media (min-width:721px){ #wmt-email-campaigns .wm-pur-search .wm-input{border:1px solid #e4e7ec;background:#fff} }

/* ===== Phones: campaign setup page (Sender / Recipients / Subject / Design) ===== */
@media (max-width:720px){
  html body .emc-top3{gap:8px 10px;margin-bottom:12px;align-items:center}
  html body .emc-top3 .emc-title{flex:1 1 0;min-width:0}
  html body .emc-title .emc-title-input{font-size:17px;padding:4px 8px;margin-left:-8px;width:100%}
  html body .emc-top3 .em-badge{font-size:11px;padding:3px 8px}
  /* two small buttons on their own line instead of two full-width slabs */
  html body .emc-top3 .emc-actions{display:flex;flex:1 0 100%;width:100%;justify-content:flex-end;gap:8px}
  html body .emc-top3 .emc-actions .wm-btn{flex:0 0 auto;width:auto;min-height:34px;height:34px;padding:0 14px;font-size:13px;border-radius:999px}
  html body .emc-missing{font-size:13px;margin:0 0 10px}
  /* each step is its own card */
  html body .emc-steps{background:transparent;border:0;border-radius:0;overflow:visible;display:grid;gap:10px}
  html body .emc-step,html body .emc-step:has(.emc-thumb){grid-template-columns:auto minmax(0,1fr);gap:6px 12px;padding:14px;border:1px solid #e2e7e4;border-radius:16px;background:#fff;box-shadow:0 2px 10px rgba(30,52,41,.04)}
  html body .emc-step:last-child{border-bottom:1px solid #e2e7e4}
  html body .emc-tick{width:20px;height:20px;margin-top:2px}
  html body .emc-step-main h2{font-size:15.5px;margin:0 0 3px}
  html body .emc-step-main p{font-size:13.5px;line-height:1.45}
  html body .emc-step-main small{font-size:12px}
  html body .emc-step .wm-btn{grid-column:2;justify-self:start;min-height:32px;height:32px;padding:0 14px;font-size:12.5px;margin-top:4px}
  html body .emc-detail,html body .emc-detail.has-preview{gap:12px}
  html body .emc-preview{position:static}
  html body .emc-preview-link{font-size:13px}
}

/* Phones, Marketing: no bottom navigation bar while a form/popup is open or a sequence is being built or edited.
   The menu already has Home, so the bar is not needed there. */
@media (max-width:900px){
  body[data-app-page="campaigns"]:has(#wmModal:not([hidden])) .app-bottom-nav,
  body[data-app-page="campaigns"]:has(.sq-side) .app-bottom-nav{display:none!important}
}

/* More menus: slide-up sheet on phones, popover on web (always above everything) */
.em-sheet-bd{position:fixed;inset:0;z-index:100000;background:rgba(15,20,25,.38)}
.em-sheet-bd[hidden]{display:none}
.em-more-menu{z-index:100001}
@media (max-width:720px){
  .em-more-menu.is-sheet{position:fixed;left:0!important;right:0;top:auto!important;bottom:0;width:100%;min-width:0;max-height:80vh;overflow:auto;border:0;border-radius:20px 20px 0 0;padding:14px 12px calc(14px + env(safe-area-inset-bottom));box-shadow:0 -10px 40px rgba(15,20,25,.22);animation:emSheetUp .22s ease-out}
  .em-more-menu.is-sheet::before{content:"";display:block;width:38px;height:4px;border-radius:4px;background:#d5dad7;margin:0 auto 10px}
  .em-more-menu.is-sheet button{font-size:15px;padding:14px 12px;gap:12px}
  .em-more-menu.is-sheet button svg{width:19px;height:19px}
}
@keyframes emSheetUp{from{transform:translateY(100%)}to{transform:translateY(0)}}

/* ===== Page header titles (web): one size everywhere, matching Storefront / Room / Settings ===== */
@media(min-width:721px){
  html body #wmt-email-campaigns .wm-page-title h1,html body #wmEm .wm-page-title h1,html body .sq-title h1,
  html body .biz-list-title,html body .biz-form-title{font-size:19px!important;line-height:1.25!important;font-weight:700!important;letter-spacing:-.01em!important;}
}