/* Re-marketing additions on top of base.css (the SU-Upsell mockup stylesheet). */
.logo.rm{background:linear-gradient(135deg,#00a99a,#0a8fd6)}
.other-app{display:flex;width:100%;align-items:center;gap:9px;border:0;background:none;box-shadow:none;border-radius:7px;padding:8px 10px;font-size:12px;color:#454a50;justify-content:flex-start;margin-bottom:6px}
.other-app:hover{background:#e0e6ed}
.other-app small{margin-left:auto;font-size:9px;color:#6a7f8c}
.other-app .logo{width:22px;height:22px;font-size:10px}

/* simple stat tiles */
.stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:0 0 18px}
.stat{display:flex;gap:13px;align-items:center;background:#fff;border:1px solid var(--line);border-radius:12px;padding:17px;box-shadow:var(--shadow)}
.stat b{display:block;font-size:24px;line-height:1.1}
.stat span.l{display:block;color:var(--muted);font-size:11px;margin-top:3px}
.stats.four{grid-template-columns:repeat(4,minmax(0,1fr))}

/* how it works */
.steps3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.steps3>div{display:flex;gap:12px;align-items:flex-start;padding:4px 0}
.steps3 b{display:block;margin-bottom:3px;font-size:12px}
.steps3 p{margin:0;font-size:11px;color:var(--muted);line-height:1.5}

/* simple choice cards */
.choices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.choices.three{grid-template-columns:repeat(3,minmax(0,1fr))}
.choice{display:flex;gap:12px;align-items:flex-start;text-align:left;border:2px solid #dbe4ef;background:#fff;border-radius:11px;padding:14px;cursor:pointer;box-shadow:none;justify-content:flex-start;color:inherit}
.choice b{display:block;font-size:13px;margin-bottom:3px;color:#17263c}
.choice span.d{display:block;font-size:11px;color:var(--muted);font-weight:400;line-height:1.45}
.choice.active{border-color:#1387fa;background:linear-gradient(130deg,#f2f8ff,#fcfdff)}
.choice .icon-tile{flex-shrink:0}

/* "used by" chips */
.used{display:flex;gap:6px;flex-wrap:wrap;align-items:center;margin-top:3px}
.used .badge{font-size:9px}
.once{border-color:#cfe3f8;background:#f1f8ff}

/* consent boxes */
.consent{display:flex;gap:9px;align-items:flex-start;font-size:12px;margin:9px 0}
.consent input{margin-top:2px}
.callout{border:1px solid #cfe3f8;background:#f3f9ff;border-radius:10px;padding:12px 14px;font-size:11px;color:#385575;line-height:1.55;margin:12px 0}
.callout b{color:#17263c}

/* tags / product picker */
.tagrow{display:flex;gap:7px;flex-wrap:wrap}
.tagbtn{border:1px solid #cfd8e5;background:#fff;border-radius:18px;padding:7px 12px;font-size:11px;box-shadow:none;color:#3c4d63}
.tagbtn.active{background:#e9f4ff;border-color:#1387fa;color:#075ea9;font-weight:650}

/* wizard */
.rm-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-bottom:22px}
.rm-steps div{display:flex;align-items:center;gap:8px;font-size:12px;color:#8190a5;padding:6px}
.rm-steps .active{color:#087ef1;font-weight:700}
.rm-steps .active .circle{background:#1285f7;color:#fff;box-shadow:0 0 0 4px #dfefff}
.rm-steps .done .circle{background:#00a99a;color:#fff}
.rm-footer{display:flex;justify-content:space-between;align-items:center;margin-top:6px}
.err{color:#b3261e;font-size:12px;margin:10px 0 0}
.seg{display:inline-flex;gap:3px;border:1px solid #dce6f1;border-radius:22px;padding:3px;background:#f8fbff}
.seg button{border:0;border-radius:18px;background:none;box-shadow:none;padding:6px 13px;font-size:11px;color:#71839e}
.seg button.active{background:#0984f8;color:#fff}

/* storefront preview */
.preview-head{display:flex;justify-content:space-between;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:12px}
.store-frame{position:relative;border:1px solid #d9e1ec;border-radius:12px;overflow:hidden;background:#fff;height:470px}
.store-frame.mobile{width:300px;margin:auto}
.sf-bar{display:flex;gap:6px;padding:9px 12px;background:#f1f3f6;border-bottom:1px solid #e3e8ef}
.sf-bar i{width:8px;height:8px;border-radius:50%;background:#ccd4de}
.sf-nav{display:flex;justify-content:space-between;align-items:center;padding:11px 16px;border-bottom:1px solid #eef1f5;font-size:10px;letter-spacing:2px;font-weight:700}
.sf-nav span:last-child{letter-spacing:0;font-weight:400;color:#8a97a8}
.sf-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;padding:14px}
.store-frame.mobile .sf-grid{grid-template-columns:repeat(2,1fr)}
.sf-grid div{height:120px;border-radius:8px;background:linear-gradient(135deg,#ece9e2,#dfe3e8)}
.sf-grid div:nth-child(2n){background:linear-gradient(135deg,#e3e9ee,#d8dfd6)}
.sf-dim{position:absolute;inset:0;background:#14203366;display:grid;place-items:center;padding:12px}
.popup{position:relative;width:100%;max-width:340px;background:#fff;border-radius:14px;padding:22px 22px 18px;box-shadow:0 18px 50px #0b1a3055;text-align:center;font-size:12px;color:#17263c}
.popup .x{position:absolute;right:11px;top:9px;border:0;background:none;box-shadow:none;font-size:18px;color:#8190a5;padding:0 4px}
.popup .ribbon{display:inline-flex;align-items:center;gap:6px;background:#e5f7f1;color:#007e70;border-radius:20px;padding:5px 12px;font-size:11px;font-weight:700;margin-bottom:10px}
.popup h3{margin:0 0 6px;font-size:17px;line-height:1.25}
.popup p{margin:0 0 13px;color:#5c6c82;line-height:1.5}
.popup input[type=email],.popup input[type=tel]{width:100%;margin-bottom:8px;padding:10px 11px;border:1px solid #cfd8e5;border-radius:8px;font-size:12px}
.popup .consent{text-align:left;font-size:10.5px;margin:6px 0;color:#4b5b72}
.popup .go{width:100%;margin-top:9px;background:#14273d;color:#fff;border:0;border-radius:8px;padding:11px;font-weight:650}
.popup .fine{font-size:9.5px;color:#8190a5;margin:9px 0 0;line-height:1.45}
.popup .code{display:inline-block;border:2px dashed #00a99a;border-radius:8px;padding:9px 16px;font-weight:800;letter-spacing:1.5px;margin:6px 0 10px;color:#007e70;font-size:15px}
.popup .okmark{width:46px;height:46px;border-radius:50%;background:#e1f6ed;color:#067c5d;display:grid;place-items:center;margin:0 auto 10px;font-size:22px}

/* tables */
.tbl-tools{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin-bottom:12px}
.tbl-tools input[type=search]{flex:1;min-width:160px}
.row-actions{display:flex;gap:6px;justify-content:flex-end}
.row-actions button{padding:6px 10px;font-size:11px}
td .sub{display:block;color:var(--muted);font-size:10px;margin-top:2px}
.empty{text-align:center;padding:34px 10px;color:var(--muted)}

/* shared settings */
.set-card{margin-bottom:16px}
.set-head{display:flex;justify-content:space-between;gap:14px;align-items:flex-start;margin-bottom:6px;flex-wrap:wrap}
.set-head h2{margin:0 0 3px}
.set-head p{margin:0}
.two-col{display:grid;grid-template-columns:1fr 1fr;gap:0 18px}
.app-line{display:flex;align-items:center;gap:11px;padding:11px 0;border-bottom:1px solid var(--line);font-size:12px}
.app-line:last-child{border-bottom:0}
.app-line b{flex:1}

@media(max-width:980px){.stats,.stats.four,.steps3,.choices.three{grid-template-columns:1fr}.two-col{grid-template-columns:1fr}.choices{grid-template-columns:1fr}}
.wiz-layout{grid-template-columns:minmax(0,1fr) 410px;align-items:start}
.toggle .knob{display:block;width:14px;height:14px;border-radius:50%;background:#fff}
textarea{width:100%;font:inherit;border:1px solid #cfd8e5;border-radius:8px;padding:9px 11px}
@media(max-width:980px){.wiz-layout{grid-template-columns:1fr}}
input[type=color]{height:40px;padding:3px;cursor:pointer}
.tpl-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-bottom:6px}
.tpl{margin-bottom:0}
.tpl-top{display:flex;gap:6px;align-items:center;margin-bottom:10px}
.tpl-top .icon-tile{margin-right:4px}
.tpl h3{margin:0 0 4px;font-size:14px}
.tpl p{margin:0 0 6px;font-weight:600;font-size:12px}
@media(max-width:980px){.tpl-grid{grid-template-columns:1fr}}

/* Focused growth dashboard, using the Upsell shell and component palette. */
.rm-hero{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(300px,.85fr);gap:36px;padding:32px;border:1px solid #d5e7ee;border-radius:14px;background:radial-gradient(ellipse at 95% 10%,#d8f2ec,transparent 55%),linear-gradient(115deg,#eef6ff,#f5fbfa);margin-bottom:26px;align-items:center}
.hero-kicker{font-size:10px;font-weight:750;letter-spacing:1.6px;color:#287c78}
.rm-hero h2{font-size:32px;line-height:1.2;letter-spacing:-1px;margin:12px 0;color:#18334c}
.rm-hero p{max-width:480px;font-size:13px;line-height:1.7;color:#596e83;margin:0 0 20px}
.journey-card{border:1px solid #dce9ed;background:#ffffffde;border-radius:12px;padding:20px;box-shadow:0 8px 24px #24466b08}
.journey-card>div{display:flex;align-items:center;gap:12px;font-size:12px}
.journey-card>.badge{margin-bottom:16px}.journey-card>small{display:block;margin-top:15px;font-size:10px;color:#60798b}
.journey-line{display:block;width:1px;height:14px;background:#c9dfe2;margin:4px 0 4px 17px}
.rm-section-label{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 13px}.rm-section-label h2{margin:0;font-size:15px}.rm-section-label>span{font-size:11px;color:var(--muted)}
.growth-paths{display:grid;grid-template-columns:1fr 1fr;gap:16px}.growth-path h2{font-size:16px;margin:14px 0 7px}.growth-path p{font-size:12px;color:var(--muted);line-height:1.65;max-width:480px;margin:0 0 12px}.growth-path .row{margin:0}.growth-path .text-button{padding-left:0}
.choice:focus-visible,button:focus-visible{outline:3px solid #75baff;outline-offset:3px}.wiz-layout>div{min-width:0}.wiz-layout>div:last-child{position:sticky;top:20px}
.rm-steps>div{min-width:0}.popup input:focus{outline:2px solid #70aff0;outline-offset:1px}
@media(max-width:1100px){.rm-hero{gap:22px;padding:24px}.rm-hero h2{font-size:28px}}
@media(max-width:980px){.rm-hero{grid-template-columns:1fr}.growth-paths{grid-template-columns:1fr}.wiz-layout>div:last-child{position:static}}
@media(max-width:700px){.rm-hero{padding:20px;gap:20px}.rm-hero h2{font-size:26px}.rm-hero .actions{flex-wrap:wrap}.rm-section-label{align-items:flex-start;flex-direction:column;gap:5px}.rm-steps{gap:2px}.rm-steps div{font-size:10px;flex-wrap:wrap;padding:3px}.store-frame.mobile{max-width:100%}.other-app{display:none}.journey-card{padding:16px}.popup{padding:18px 16px}}

/* Keep channel tabs inside narrow review screens. */
.tabs{max-width:100%;overflow-x:auto}.tabs button{flex-shrink:0}.tpl{min-width:0}.tpl p,.tpl small{overflow-wrap:anywhere}

.rm-hero,.growth-paths,.rm-section-label{font-family:inherit}.journey-card b,.growth-path h2,.rm-section-label h2{font-family:inherit}
/* Channel designs inspired by the deck's email, text message and storefront examples. */
.template-intro{display:flex;justify-content:space-between;gap:20px;align-items:center;padding:22px;background:linear-gradient(110deg,#eef6ff,#effaf6);border:1px solid #d8e8ee;border-radius:12px;margin-bottom:22px}.template-intro>div{display:flex;gap:14px;align-items:center}.template-intro h2{font-size:17px;margin:0 0 6px}.template-intro p{font-size:12px;margin:0;color:#60738b}.template-intro>span{font-size:11px;white-space:nowrap;color:#38776c}
.tpl-grid{gap:20px}.tpl{padding:0;overflow:hidden;display:flex;flex-direction:column;border-radius:12px}.tpl-art{height:265px;background:#eaf0f3;position:relative;overflow:hidden;border-bottom:1px solid #e1e8ef;display:flex;justify-content:center;padding-top:14px}.tpl-art-sms{background:linear-gradient(130deg,#e5edf9,#f4eff9)}.tpl-art-storefront{background:#e4eeeb}.tpl-scale{width:480px;flex-shrink:0;transform:scale(.62);transform-origin:top center;pointer-events:none}.tpl-info{padding:18px;display:flex;flex-direction:column;flex:1}.tpl-info>small{min-height:32px;font-size:11px;line-height:1.5}.tpl-info .row-actions{justify-content:flex-start;margin-top:16px}.tpl-info h3{margin-bottom:7px}.tpl-top{margin-bottom:9px}.tpl-art .popup p{font-weight:400}.tpl-art .popup h3{font-size:22px}.tpl-art .template-overlay{padding:18px}
.email-design{width:100%;max-width:500px;margin:auto;color:#203649;font-family:Arial,Helvetica,sans-serif}.email-meta{display:grid;gap:7px;background:#fff;border:1px solid #e2e8ed;border-radius:9px 9px 0 0;padding:16px;font-size:11px}.email-meta strong{font-size:14px}.email-meta small{color:#7d8c9a;font-size:10px}.email-paper{background:#fff;border:1px solid #e2e8ed;border-top:0}.email-paper>header{text-align:center;font-size:15px;letter-spacing:4px;font-weight:750;padding:23px}.email-photo{height:190px;position:relative;background:#e9e8e2;overflow:hidden}.email-photo img{height:100%;width:100%;object-fit:cover;object-position:center 48%;filter:brightness(.78)}.email-photo>span{position:absolute;left:26px;bottom:22px;color:white;font-size:19px;line-height:1.4;font-weight:700;letter-spacing:2px;text-shadow:0 1px 8px #0006}.email-copy{padding:27px}.email-kicker{font-size:9px;letter-spacing:1.6px;text-transform:uppercase;color:#65887d}.email-copy h3{font-size:25px;line-height:1.25;margin:10px 0 20px!important;color:#213b37}.email-copy p{font-size:13px!important;line-height:1.7!important;color:#5b6a6b;font-weight:400!important;margin:10px 0!important}.email-benefit{display:flex;align-items:center;gap:12px;padding:15px;background:#f3f7f1;border:1px solid #e0e9da;border-radius:7px;font-size:12px;color:#3d6553;margin:20px 0}.email-benefit .icon{width:24px;height:24px;flex-shrink:0}.email-benefit small{display:block;font-size:10px;color:#6b7f72;margin-top:5px}.design-cta{display:flex;gap:10px;justify-content:center;align-items:center;padding:14px;border-radius:5px;color:#fff;font-size:12px;font-weight:650}.email-signoff{margin-top:24px!important}.email-paper>footer{display:flex;flex-direction:column;gap:9px;text-align:center;background:#f6f7f4;border-top:1px solid #e8ece4;padding:22px;margin:0;font-size:10px;color:#7a877d}.email-paper>footer>span:last-child{margin:0}.email-paper>footer small{font-size:9px}
.sms-device{width:290px;min-height:480px;background:#fff;border:7px solid #24364b;border-radius:35px;margin:auto;position:relative;overflow:hidden;box-shadow:0 15px 30px #263b5d18;font-family:Arial,Helvetica,sans-serif}.phone-notch{position:absolute;left:50%;transform:translateX(-50%);width:100px;height:17px;border-radius:0 0 13px 13px;background:#24364b;top:0}.sms-top{display:flex;justify-content:space-between;padding:12px 16px 4px;font-size:10px;font-weight:700}.sms-sender{display:grid;justify-items:center;gap:5px;padding:14px;background:#f6f7fa;border-bottom:1px solid #e7ebef}.sms-avatar{width:35px;height:35px;border-radius:50%;background:#dbe2e9;display:grid;place-items:center;color:#6b7a8c}.sms-sender b{font-size:11px}.sms-sender small{font-size:9px;color:#8c98a5}.sms-conversation{padding:20px 13px;min-height:270px}.sms-conversation>small{display:block;text-align:center;font-size:9px;color:#9a9fa8;margin-bottom:20px}.sms-bubble{background:#edf0f3;border-radius:14px 14px 14px 3px;padding:14px;font-size:13px;line-height:1.65;white-space:pre-wrap;overflow-wrap:anywhere}.sms-delivered{display:block;font-size:9px;color:#929da8;margin:9px}.sms-compose{display:flex;justify-content:space-between;margin:10px;border:1px solid #d9dfe7;border-radius:20px;padding:9px 12px;font-size:11px;color:#9aa7b4}.sms-compose span{color:#4fa16c}
.template-store{height:490px;position:relative;border:1px solid #dbe4df;background:#fbfaf5;border-radius:10px;overflow:hidden}.template-store-nav{display:flex;justify-content:space-between;padding:17px;font-size:12px;letter-spacing:2px;font-weight:700}.template-store-nav span{font-size:9px;letter-spacing:0;font-weight:400}.template-products{display:grid;grid-template-columns:1fr 1fr;gap:14px;padding:15px;align-items:center}.template-products img{width:100%;height:240px;object-fit:cover;border-radius:5px}.template-products>div{padding:10px}.template-products span{font-size:8px;letter-spacing:2px}.template-products h3{font-size:25px;line-height:1.3;margin-top:12px}.template-overlay{position:absolute;inset:0;background:#172c3259;display:grid;place-items:center;padding:22px}.template-overlay .popup{max-width:330px}.template-overlay .popup .go{font-size:12px}.full-design{padding:22px;background:#eef2f5;border-radius:10px;max-width:600px;margin:auto}.full-design .template-store{width:100%}.full-design .popup input{pointer-events:none}.full-design .popup p{font-size:12px}
.template-builder{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:24px;align-items:start}.builder-label{font-size:10px;letter-spacing:1.4px;font-weight:700;color:#63809b;margin-bottom:15px}.builder-preview{padding:18px;background:#eff3f6;border-radius:10px;min-width:0}.builder-preview .email-copy{padding:20px}.builder-preview .email-copy h3{font-size:21px}.builder-preview .email-photo{height:145px}.builder-preview .template-store{height:510px}.builder-preview .popup{padding:20px}.template-builder .field{margin-top:14px}.template-builder .callout{margin-top:18px}dialog.wide{max-width:960px}.preview-states{margin:0 0 12px}.preview-dismissed{text-align:center;background:#fff;padding:20px;border-radius:12px;font-size:12px}.mini-journey{display:flex;align-items:center;gap:12px;padding:16px;background:#f5f9fc;border:1px solid #e0e9f1;border-radius:9px;margin-top:14px;font-size:11px;flex-wrap:wrap}.mini-journey>span{display:flex;gap:7px;align-items:center}.mini-journey .icon{width:15px;height:15px}.contact-identity{display:flex;align-items:center;gap:12px;margin-bottom:20px}.contact-identity h3{margin:0 0 5px;overflow-wrap:anywhere}.permission-record{padding:14px;border:1px solid #dfe8ee;border-radius:8px;margin-bottom:10px}.permission-record p{font-size:11px;color:#728297;margin:9px 0 0}.consent-title{font-size:14px;margin:20px 0 12px}
@media(min-width:981px) and (max-width:1250px){.tpl-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.template-intro{align-items:flex-start;flex-direction:column}.template-intro>span{padding-left:0}.template-builder{grid-template-columns:1fr}.full-design{padding:10px}.email-copy{padding:18px}.email-copy h3{font-size:22px}.email-photo{height:160px}.builder-preview{padding:10px}.template-overlay{padding:10px}.template-products h3{font-size:18px}.tpl-scale{transform:scale(.64)}.stats.four{grid-template-columns:1fr 1fr}.stat{padding:12px;gap:9px}.stat b{font-size:22px}.stat .icon-tile{width:30px;height:30px}.stat span.l{font-size:10px}.rm-steps .circle{width:25px;height:25px}.email-paper>footer>span:last-child{display:block}.sms-device{max-width:100%}}
.sf-grid img{width:100%;height:100%;object-fit:cover;border-radius:8px}.template-store .popup,.store-frame .popup{font-family:Arial,Helvetica,sans-serif}.template-store .popup button,.store-frame .popup button{font-family:inherit}.tpl-scale .email-meta{display:none}.tpl-art-email .tpl-scale{transform:scale(.53)}
.campaign-compose{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.9fr);gap:26px;align-items:start}.campaign-design-preview{background:#f0f4f7;border:1px solid #e0e7ed;border-radius:10px;padding:18px;min-width:0}.campaign-design-preview>small{display:block;font-size:10px;line-height:1.6;margin-top:12px;color:#718399}.campaign-design-preview .email-copy h3{font-size:21px}.campaign-design-preview .email-photo{height:155px}@media(max-width:980px){.campaign-compose{grid-template-columns:1fr}}

.recovery-preview{max-width:340px;margin:22px auto 0;padding:20px;border:1px solid #d5e7e4;border-radius:14px;background:#f3faf7;box-shadow:0 8px 22px #18334c0d}.recovery-preview>b,.recovery-preview>small{display:block;margin:10px 0}.recovery-preview>small{font-size:10px;color:#56766b}.growth-paths>*,.journey-card{min-width:0}.journey-card b{overflow-wrap:anywhere}

/* App navigation shares the same sidebar layout as the feature navigation. */
.sidebar nav button{display:flex;align-items:center;width:100%;justify-content:flex-start;gap:10px;border:0;background:transparent;box-shadow:none;border-radius:7px;padding:9px 10px 9px 21px;font-weight:450;font-size:12px;color:#59616c;text-align:left}
.sidebar nav button:hover{background:#e0e6ed}
.sidebar nav button.active{background:#dae8f7;color:#075ea9;font-weight:650}
.sidebar .app-navigation{padding-top:5px}
.sidebar .account-navigation{border-top:1px solid #d9dfe5;margin-top:12px;padding-top:8px}
.sidebar #nav{margin-left:9px;padding-left:5px;border-left:1px solid #ccd7e2}
@media(max-width:700px){
 .sidebar{display:grid;grid-template-columns:minmax(0,1fr);gap:5px;padding:8px;overflow:hidden}
 .sidebar nav,.sidebar #nav{display:flex;flex-wrap:nowrap;overflow-x:auto;max-width:100%;min-width:0;margin:0;padding:0;border:0;gap:3px}
 .sidebar nav button,.sidebar #nav button{width:auto;flex:0 0 auto;white-space:nowrap;padding:9px 11px;font-size:11px}
 .sidebar .account-navigation{margin:0;padding:0;border:0}
 .sidebar .app-navigation{grid-row:1}
 .sidebar #nav{grid-row:2;background:#f5f7f9;border-radius:7px}
 .sidebar .account-navigation{grid-row:3}
 .heading{flex-wrap:wrap;gap:14px}
 .heading>div:first-child{min-width:0;flex:1 1 220px}
 .heading>.actions{justify-content:flex-start}
 .heading>.actions button{max-width:none}
}

/* Two app features in the sidebar; contextual navigation in the workspace. */
.feature-header{background:#fff;border-bottom:1px solid #dfe6ed;padding:20px 30px 0}
.feature-header>div{display:flex;align-items:center;gap:16px;margin-bottom:16px}
.feature-header>div>b{font-size:17px;color:#18334c}
.feature-header>div>span{font-size:12px;color:#728197}
.feature-header #nav{display:flex;gap:22px;overflow-x:auto;padding:0;max-width:100%}
.feature-header #nav button{display:flex;align-items:center;gap:8px;width:auto;flex:0 0 auto;white-space:nowrap;border:0;border-radius:0;background:transparent;box-shadow:none;border-bottom:3px solid transparent;padding:12px 2px;color:#65758a;font-size:12px}
.feature-header #nav button.active{border-bottom-color:#0784ef;color:#056bb9;font-weight:650}
.feature-header #nav button:hover{background:#f6f9fc}
.feature-header #nav button .icon{width:16px;height:16px}
@media(max-width:700px){
 .feature-header{padding:16px 14px 0}
 .feature-header>div{align-items:flex-start;flex-direction:column;gap:5px;margin-bottom:8px}
 .feature-header #nav{gap:18px}
 .feature-header #nav button{font-size:11px;padding:12px 0}
 .feature-header #nav button .icon{display:none}
}

/* Use the Upsell stylesheet for the app shell and shared type/spacing scale. */
.rm-hero{padding:32px;gap:24px;margin-bottom:18px;border-radius:12px}
.rm-hero h2{font-size:clamp(28px,2.8vw,43px);line-height:1.14;letter-spacing:-1.2px;margin:9px 0 13px}
.rm-hero p{font-size:13px;line-height:1.65}
.growth-path h2{font-size:16px;letter-spacing:-.3px}
.growth-path p{font-size:12px;line-height:1.65}
.journey-card{padding:21px;border-radius:12px}
.stat{padding:13px 11px;border-radius:9px;box-shadow:none}
.stat b{font-size:21px;line-height:1.2;letter-spacing:-.6px}
.stat span.l{font-size:11px;line-height:1.6}
.stats{gap:18px;margin-bottom:18px}
.feature-header{padding-top:18px}
.feature-header>div>b{font-size:16px;letter-spacing:-.3px}
.feature-header #nav button{font-weight:450}
.feature-header #nav button.active{font-weight:650}
@media(max-width:1200px){.feature-header{padding-left:24px;padding-right:24px}}
@media(max-width:700px){.feature-header{padding:16px 14px 0}.rm-hero{padding:20px;gap:20px}.rm-hero h2{font-size:25px;letter-spacing:-.7px}.stat b{font-size:20px}.stats{gap:10px}.journey-card{padding:17px}}

.feature-header{padding-top:6px}
.feature-header #nav button{padding-top:14px}

/* Page title comes first, followed by the feature section navigation. */
main>.feature-header{padding:0;margin:0 0 23px;background:transparent;border-bottom:1px solid var(--line)}
main>.feature-header #nav button{padding-top:8px;padding-bottom:12px}

/* Recovery overview uses the same banner components as Upsell Offers. */
.recovery-banner{grid-template-columns:minmax(0,1.4fr) minmax(280px,1fr)}
.recovery-banner .journey-card{width:100%;min-width:0;background:#ffffffd9}
.recovery-how-title{font-size:13px;margin:0 0 16px;color:#0c173b}
.recovery-banner-actions{margin-top:22px}
@media(max-width:1100px){.recovery-banner{grid-template-columns:1fr}.recovery-banner .journey-card{max-width:none}}
@media(max-width:600px){.recovery-banner .upsell-banner-features{grid-template-columns:1fr;gap:18px}.recovery-banner .upsell-banner-features p{font-size:11px}.recovery-banner .upsell-banner-features h3{font-size:12px}}

/* Product-to-reminder illustration mirrors the Upsell banner's visual cards. */
.recovery-banner{grid-template-columns:minmax(0,1fr) minmax(0,1.05fr)}
.recovery-banner-visual{display:flex;align-items:center;gap:12px;min-width:0;padding:18px 0}
.recovery-cart-card{width:40%;min-width:0;padding:15px;background:#fff;border-radius:9px;box-shadow:0 8px 30px #76cafb25;transform:rotate(-3deg)}
.recovery-cart-product{display:flex;gap:10px;align-items:center;margin-bottom:16px}
.recovery-cart-product img{width:45%;height:100px;object-fit:cover;border-radius:5px;background:#f0f3f7}
.recovery-cart-product>div{min-width:0;flex:1}.recovery-cart-product b{font-size:12px;display:block;margin-bottom:10px}.recovery-cart-product small{font-size:9px;display:block;margin-top:9px}
.recovery-cart-product i{display:block;height:6px;margin:6px 0;border-radius:3px;background:#e5e6ea}.recovery-cart-product i:nth-of-type(2){width:65%}
.recovery-idle-label{display:flex;gap:6px;align-items:center;padding:9px 7px;background:#edf5ff;color:#295e9b;border-radius:5px;font-size:10px;line-height:1.5}.recovery-idle-label .icon{width:14px;height:14px}
.recovery-visual-arrow{color:#006cff;flex-shrink:0}.recovery-visual-arrow .icon{width:30px;height:30px}
.recovery-visual-reminders{flex:1;min-width:0;display:grid;gap:14px;transform:rotate(-2deg)}
.recovery-visual-card{position:relative;display:flex;align-items:flex-start;gap:10px;background:#fff;border-radius:9px;padding:16px 12px;box-shadow:0 5px 20px #76cafb15}
.recovery-visual-card.featured{border:2px solid #83b6ff;padding-top:25px}
.recovery-visual-icon{display:grid;place-items:center;width:30px;height:30px;flex-shrink:0;border-radius:8px;background:#eaf3ff;color:#006cff}.recovery-visual-icon .icon{width:17px;height:17px}
.recovery-visual-card b{display:block;font-size:11px;line-height:1.5;color:#0c173b}.recovery-visual-card small{display:block;font-size:9px;margin:6px 0;color:#60708a}
.recovery-preview-cta{display:inline-flex;font-size:9px;padding:7px 9px;border-radius:4px;background:#0074ff;color:#fff}
.recovery-visual-stop{display:flex;align-items:center;gap:6px;font-size:10px;margin:0;color:#496080;line-height:1.5}.recovery-visual-stop .icon{width:14px;height:14px;color:#008c80}
@media(max-width:1100px){.recovery-banner{grid-template-columns:1fr}.recovery-banner-visual{max-width:640px;width:100%;margin:auto}}
@media(max-width:500px){.recovery-banner-visual{gap:8px}.recovery-cart-card{padding:10px;width:38%}.recovery-cart-product{flex-direction:column;align-items:stretch}.recovery-cart-product img{width:100%;height:90px}.recovery-cart-product i{display:none}.recovery-cart-product b{margin:0}.recovery-idle-label{font-size:9px;flex-wrap:wrap}.recovery-visual-arrow .icon{width:20px;height:20px}.recovery-visual-card{padding:12px 10px;gap:7px}.recovery-visual-icon{display:none}.recovery-visual-card b{font-size:10px}.recovery-visual-stop{font-size:9px}}

/* Match Upsell's performance cards; override the older horizontal stat tiles. */
.visitor-performance .stat{display:block;border:1px solid #e4eaf1;border-radius:9px;padding:13px 11px;background:linear-gradient(130deg,#f7fbff,#fff);box-shadow:none}
.visitor-performance .stat:nth-child(2){background:linear-gradient(130deg,#fff8f0,#fff)}
.visitor-performance .stat:nth-child(3){background:linear-gradient(130deg,#effaf7,#fff)}
.visitor-performance .stat:nth-child(4){background:linear-gradient(130deg,#f7f3ff,#fff)}

/* Campaign setup shares the Upsell creation wizard components. */
.feature-header[hidden]{display:none}
.campaign-wizard .source-panel{min-width:0}
.campaign-wizard .choices{margin-bottom:16px}
.campaign-wizard .source-stepCircle:disabled{opacity:1;cursor:default}
.campaign-wizard .source-stepCopy{min-width:0}
.campaign-wizard .source-stepCopy strong{overflow-wrap:anywhere}
@media(max-width:700px){.campaign-wizard .source-pageHeader{flex-wrap:wrap}.campaign-wizard .source-stepper{margin-left:0;margin-right:0}.campaign-wizard .source-stepCopy strong{font-size:10px}.campaign-wizard .source-footRow{gap:12px;flex-wrap:wrap}}

.campaign-wizard .source-stepper{grid-template-columns:repeat(4,minmax(0,1fr))}

.campaign-launch-checks{display:flex;gap:10px 18px;flex-wrap:wrap;margin-top:20px;padding-top:16px;border-top:1px solid var(--line)}
.campaign-launch-check{display:inline-flex;align-items:center;gap:6px;font-size:11px;color:#647381}.campaign-launch-check .icon{width:14px;height:14px}.campaign-launch-check.ready .icon{color:#168f87}.campaign-launch-check.needs-attention{color:#976208}

/* Campaign editor: live preview on every step */
.rc-layout{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:22px;align-items:start}
.rc-preview-card{position:sticky;top:12px;background:#f0f4f7;border:1px solid #e0e7ed;padding:18px;min-width:0}
.rc-preview-card>div>small{display:block;font-size:10px;line-height:1.6;margin-top:12px;color:#718399}
.rc-preview-card .email-copy h3{font-size:21px}
.rc-preview-card .email-photo{height:155px}
.rc-aud-card{display:flex;gap:12px;align-items:flex-start;background:#fff;border:1px solid #e0e7ed;border-radius:10px;padding:14px;margin-bottom:12px}
.rc-aud-card b{display:block;font-size:14px;color:#18334c}
.rc-aud-card p{margin:4px 0 0;font-size:12px;line-height:1.6;color:#60758a}
.rc-facts{display:grid;gap:8px}
.rc-facts>div{display:flex;justify-content:space-between;gap:12px;background:#fff;border:1px solid #e0e7ed;border-radius:8px;padding:10px 12px;font-size:12px}
.rc-facts span{color:#728197}
.rc-facts b{color:#18334c;text-align:right;font-weight:650}
.rc-journey{margin-bottom:14px}
.rc-step{display:flex;gap:12px;align-items:center;background:#fff;border:1px solid #e0e7ed;border-radius:10px;padding:11px 13px}
.rc-step b{display:block;font-size:13px;color:#18334c}
.rc-step span{display:block;font-size:11px;color:#728197;margin-top:2px}
@media(max-width:1000px){.rc-layout{grid-template-columns:1fr}.rc-preview-card{position:static}}
.rc-layout.rc-solo{grid-template-columns:1fr}

/* Campaign step 2: message tabs and grouped form */
.msg-tabs{display:flex;gap:10px;flex-wrap:wrap;align-items:stretch;margin:18px 0}
.msg-tab{display:flex;gap:10px;align-items:center;text-align:left;border:2px solid #dbe4ef;background:#fff;border-radius:11px;padding:10px 14px;box-shadow:none;color:inherit;flex:1 1 170px;max-width:260px}
.msg-tab b{display:block;font-size:13px;color:#18334c}
.msg-tab small{display:block;font-size:11px;color:#728197;margin-top:2px}
.msg-tab.active{border-color:#0784ef;background:#f3f9ff}
.msg-tabs>.btn,.msg-tabs>button:not(.msg-tab){align-self:center}
.rc-form{display:grid;gap:16px}
.rc-block{border:1px solid #e0e7ed;border-radius:12px;padding:18px;background:#fff}
.rc-block h3{margin:0 0 4px;font-size:14px;color:#18334c}
.rc-block .field{display:block;margin:14px 0 0}
.rc-block .field>span{display:block;font-size:12px;font-weight:600;margin-bottom:6px;color:#33495e}
.rc-block .field input:not([type=checkbox]),.rc-block .field select,.rc-block .field textarea{display:block;width:100%;box-sizing:border-box}
.rc-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:0 18px;align-items:start}
.rc-block .seg{display:flex;flex-wrap:wrap}
.rc-remove{display:flex;justify-content:flex-end}
.msg-tab{justify-content:flex-start}

/* Unified campaign flow: three steps */
.campaign-wizard .source-stepper{grid-template-columns:repeat(3,minmax(0,1fr))}
.rc-more{margin:14px 0 6px}
.rc-more>summary{cursor:pointer;font-size:12px;font-weight:600;color:#056bb9;padding:6px 0}
.rc-more[open]>summary{margin-bottom:10px}
.rc-preview-card .preview-states{margin-top:12px}

/* Audience cards: three square cards per row */
.rc-aud-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:14px 0}
.rc-aud-grid .choice{flex-direction:column;align-items:flex-start;gap:10px;min-height:150px;padding:16px}
.rc-aud-grid .choice b{display:block;font-size:13px;margin-bottom:4px}
.rc-aud-grid .choice .d{font-size:11px;line-height:1.5}
@media(max-width:900px){.rc-aud-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:520px){.rc-aud-grid{grid-template-columns:1fr}.rc-aud-grid .choice{min-height:0}}

/* Audience cards: four per row */
.rc-aud-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
.rc-aud-grid .choice{min-height:170px;padding:14px}
@media(max-width:900px){.rc-aud-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:520px){.rc-aud-grid{grid-template-columns:1fr}}

/* Preview step */
.campaign-wizard .source-stepper{grid-template-columns:repeat(4,minmax(0,1fr))}
.rc-final-preview{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:18px;margin:16px 0}
.rc-pv-col{background:#f0f4f7;border:1px solid #e0e7ed;border-radius:12px;padding:18px;min-width:0}
.rc-pv-col .email-copy h3{font-size:21px}
.rc-pv-col .email-photo{height:155px}

/* Step 2: channel list sits under the step title */
.rc-seq h3{margin:0 0 2px}
.seq-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:10px;margin:12px 0 8px}
.seq-item{display:flex;align-items:center;gap:8px;border:2px solid #dbe4ef;background:#fff;border-radius:11px;padding:8px 10px}
.seq-item.active{border-color:#0784ef;background:#f3f9ff}
.seq-main{display:flex;gap:10px;align-items:center;flex:1;min-width:0;text-align:left;border:0;background:none;box-shadow:none;padding:0;color:inherit}
.seq-main b{display:block;font-size:13px;color:#18334c}
.seq-main small{display:block;font-size:11px;color:#728197;margin-top:2px}
.seq-switch{position:relative;flex-shrink:0;cursor:pointer}
.seq-switch input{position:absolute;opacity:0;inset:0;width:100%;height:100%;margin:0;cursor:pointer}
.seq-switch i{display:block;width:34px;height:20px;border-radius:12px;background:#c8d2de;position:relative;transition:background .15s}
.seq-switch i:after{content:'';position:absolute;top:2px;left:2px;width:16px;height:16px;border-radius:50%;background:#fff;transition:transform .15s}
.seq-switch input:checked+i{background:#0784ef}
.seq-switch input:checked+i:after{transform:translateX(14px)}
.seq-switch input:focus-visible+i{outline:3px solid #2995ef;outline-offset:2px}
.rc-offer-card{background:linear-gradient(120deg,#ecf8f4,#f4fbf8);border-color:#cfe9df}
.rc-offer-head{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:10px}
.rc-offer-head h3{margin:0}
.rc-offer-body{display:flex;gap:12px;align-items:flex-start;margin-bottom:12px}
.rc-offer-body b{display:block;font-size:13px;color:#18334c}
.rc-offer-body p{margin:3px 0 0;font-size:12px;color:#4e6b60}
.rc-checks{display:flex;flex-wrap:wrap;gap:8px 22px;align-items:center;margin-top:16px;padding:12px 16px;border:1px solid #d7e6ee;border-radius:12px;background:#f5faff;font-size:12px;color:#4b647a}
.rc-checks span{display:inline-flex;align-items:center;gap:6px}
.rc-checks-title{font-weight:700;color:#18334c}
.rc-checks .icon{width:14px;height:14px;color:#0a8d6a}
/* Five-step campaign flow */
.campaign-wizard .source-stepper{grid-template-columns:repeat(5,minmax(0,1fr))}
.campaign-wizard .campaign-placement-example{display:block;margin-top:12px;font-size:12px;color:#5e6e7d}
.campaign-wizard .source-placementCard:focus-within{outline:2px solid #0784ef;outline-offset:3px}
.campaign-wizard .source-placementHead input{width:18px;height:18px;flex-shrink:0}
.campaign-wizard #rc-placement-previews>*{margin-top:16px}
.campaign-wizard .source-previewCard .live-preview-heading{align-items:flex-start}
.campaign-wizard .campaign-reward-options{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,180px),1fr));gap:10px;min-width:0;max-width:100%;overflow:visible}
.campaign-wizard .rc-form,.campaign-wizard .rc-block{min-width:0}
.campaign-wizard .campaign-reward-options .source-optionCard{min-width:0;min-height:64px;padding:22px 10px 16px;white-space:nowrap;word-break:normal;overflow-wrap:normal;line-height:1.4;display:flex;align-items:center;justify-content:center}
.campaign-wizard .campaign-reward-options .source-optionCard.source-selected::after{top:5px;right:6px;width:15px;height:15px;content:"\2713"}

.saved-audience-table td:first-child{min-width:230px;max-width:360px}
.saved-audience-table .sub{display:block;white-space:normal;line-height:1.6;margin-top:5px}
.audience-actions{display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.audience-detail .row{gap:16px;flex-wrap:wrap}
.audience-detail .row>div:first-child{flex:1;min-width:200px}
@media(max-width:700px){.audience-detail .audience-actions{width:100%}.audience-detail .audience-actions button{flex:1}.saved-audience-table td:first-child{min-width:200px}}
/* Preview step: store placement (product page / announcement bar) */
.store-frame.rc-store{height:auto}
.rc-announce{color:#fff;text-align:center;font-size:11px;font-weight:600;padding:8px 12px}
.msg-pv-tabs{display:flex;flex-wrap:wrap;margin-bottom:14px}
/* Six-step campaign flow */
.campaign-wizard .source-stepper{grid-template-columns:repeat(6,minmax(0,1fr))}
/* Five-step campaign flow (Placement replaces Preview) */
.campaign-wizard .source-stepper{grid-template-columns:repeat(5,minmax(0,1fr))}
/* Contacts: visitors & customers (PPT slide 3) */
.badge.red,.red{color:#b42318;background:#fdecea}
.stats.five{grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin-bottom:6px}
.stats.five .stat span.l{margin:0 0 3px}
.identity-note{margin:4px 0 14px}
.channel-strip{margin-bottom:16px}
.channel-strip h3{margin:0 0 10px;font-size:15px}
.channel-row{display:flex;flex-wrap:wrap;gap:12px 26px;align-items:center}
.channel-row>span{display:inline-flex;align-items:center;gap:7px;font-size:13px;color:#4b647a}
.channel-row>span b{color:#18334c;font-size:15px}
.channel-row .icon{width:16px;height:16px;color:#0674df}
.channel-row .unique{background:#dff5ec;border-radius:8px;padding:8px 14px;color:#067c5d}
.channel-row .unique b{font-size:17px;color:#067c5d}
.channel-row small{margin-left:auto;color:#728197;max-width:260px}
.tbl-tools{display:flex;flex-wrap:wrap;gap:10px}
.tbl-tools input[type=search]{flex:2;min-width:220px}
.tbl-tools select{flex:1;min-width:150px}
.profile-cell{display:flex;gap:10px;align-items:center}
.avatar{display:grid;place-items:center;flex-shrink:0;width:34px;height:34px;border-radius:50%;background:#e5f1ff;color:#0674df;font-size:12px;font-weight:700}
.avatar.anon{background:#eef1f6;color:#667388}
.avatar .icon{width:16px;height:16px}
.act{display:block;font-size:12px}
.perm-stack{display:grid;gap:4px;justify-items:start}
.info-pair{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:16px}
.info-card{display:flex;gap:14px;align-items:flex-start}
.info-card h3{margin:0 0 4px;font-size:14px}
.info-card p{margin:0;font-size:12px;color:#60758a;line-height:1.55}
@media(max-width:1100px){.stats.five{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:700px){.stats.five{grid-template-columns:repeat(2,minmax(0,1fr))}.info-pair{grid-template-columns:1fr}.channel-row small{margin-left:0}}
.sf-setup-page{max-width:1240px;margin:auto;min-width:0}
.sf-setup-progress{display:flex;align-items:center;gap:20px;padding:18px 24px;background:white;border:1px solid var(--line);border-radius:12px;margin-bottom:28px}
.sf-setup-progress>span{display:flex;gap:10px;align-items:center;font-size:12px;color:#7a8797;white-space:nowrap}.sf-setup-progress b{display:grid;place-items:center;width:27px;height:27px;border-radius:50%;background:#eef2f6;font-size:12px}.sf-setup-progress .current{color:#086ed1;font-weight:650}.sf-setup-progress .current b{background:#087cf0;color:white}.sf-setup-progress .complete{color:#16826d}.sf-setup-progress i{flex:1;height:1px;background:#dfe6ee}
.sf-template-intro{text-align:center;margin:34px 0 26px}.sf-template-intro h2{font-size:23px}.sf-template-intro p{font-size:13px}
.sf-template-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;max-width:1000px;margin:auto}
.sf-template-card{padding:0;overflow:hidden;box-shadow:none;transition:box-shadow .2s,border-color .2s}.sf-template-card:hover{border-color:#80b8ed;box-shadow:0 10px 28px #18334c0d}
.sf-template-cover{padding:24px 38px 30px;background:#edf2fc;min-height:355px}.sf-template-cover.gift{background:#edf5ef}.sf-template-cover-label{text-align:center;font-size:9px;letter-spacing:1.6px;color:#6b7c92;margin-bottom:16px}
.sf-template-popup{max-width:320px;margin:auto;padding:24px;background:white;border-radius:12px;box-shadow:0 8px 25px #18334c0c;text-align:center}.sf-template-popup>.icon-tile{margin-bottom:12px}.sf-template-popup h3{font-size:21px;line-height:1.25}.sf-template-popup p{font-size:11px;line-height:1.7}.sf-example-input{padding:10px;border:1px solid #dfe5ed;border-radius:6px;color:#8490a2;font-size:11px;text-align:left}.sf-example-button{display:block;margin-top:9px;background:#18334c;color:#fff;padding:10px;border-radius:6px;font-size:11px;font-weight:600}.sf-template-popup small{display:block;font-size:8px;margin-top:10px}
.sf-template-description{padding:22px}.sf-template-description h3{font-size:16px;margin:0}.sf-template-description p{font-size:12px;margin:12px 0 18px}.sf-template-description>button{width:100%}.sf-setup-footnote{display:flex;justify-content:center;align-items:center;gap:7px;font-size:11px;color:#758398;margin:12px 0 24px}.sf-setup-footnote svg{width:15px;height:15px}
.sf-selected-template{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:16px 20px;background:#f1f7fe;border:1px solid #d9e8f8;border-radius:12px;margin-bottom:22px}.sf-selected-template>div{display:flex;gap:12px;align-items:center}.sf-selected-template small,.sf-selected-template b{display:block}.sf-selected-template small{font-size:9px;letter-spacing:1px;margin-bottom:3px}.sf-selected-template b{font-size:13px}
.sf-config-main,.sf-config-main>*{min-width:0}.sf-config-section{padding:24px}.sf-section-heading{display:flex;gap:12px;align-items:flex-start;margin-bottom:22px}.sf-section-heading>span{display:grid;place-items:center;flex-shrink:0;width:29px;height:29px;background:#eef5fc;color:#1974cc;border-radius:8px;font-size:12px;font-weight:650}.sf-section-heading h2{font-size:16px;margin-bottom:4px}.sf-section-heading p{font-size:11px;margin:0}.sf-field-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.sf-config-section .source-optionGrid{grid-template-columns:repeat(2,minmax(0,1fr))}.sf-config-section .field:last-child{margin-bottom:0}
.sf-shopify-check>div{display:flex;gap:12px;align-items:flex-start}.sf-shopify-check{background:#f4faf7;border-color:#d7eade}.sf-shopify-check p{font-size:11px;margin-bottom:4px}.sf-shopify-check .text-button{padding-left:0}.sf-save-bar{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;padding:20px 0 8px}.sf-save-bar b,.sf-save-bar small{display:block}.sf-save-bar b{font-size:13px}.sf-save-bar .field-error{width:100%;margin:0}
.sf-config-preview{padding:22px;box-shadow:none}.sf-config-preview>p{font-size:11px}.sf-preview-reward{display:flex;gap:8px;align-items:center;padding:12px;background:#f0f7f4;border-radius:8px;font-size:11px;color:#24715e;margin:16px 0}.sf-preview-reward svg{width:17px;height:17px;flex-shrink:0}.sf-config-preview .builder-label{font-size:9px}.sf-config-preview .store-frame{width:100%;min-width:0}.sf-config-preview .sf-grid{height:110px;overflow:hidden}.sf-config-preview .sf-dim{padding:16px}.sf-config-preview .popup{width:100%;max-width:320px;margin:auto}.sf-config-preview .popup h3{font-size:21px}
@media(max-width:1000px){.sf-setup-progress{gap:10px;padding:16px}.sf-setup-progress>span{font-size:10px;gap:7px}.sf-template-cover{padding:20px}.sf-config-preview{position:static}}
@media(max-width:650px){.sf-template-grid{grid-template-columns:minmax(0,1fr);gap:16px}.sf-setup-progress{gap:6px;padding:12px}.sf-setup-progress>span{flex:1;flex-direction:column;white-space:normal;text-align:center;font-size:9px}.sf-setup-progress i{flex:0 0 12px}.sf-template-intro{text-align:left;margin:24px 0 20px}.sf-template-intro h2{font-size:21px}.sf-selected-template{padding:13px;flex-wrap:wrap}.sf-config-section{padding:18px}.sf-field-pair{grid-template-columns:minmax(0,1fr);gap:0}.sf-save-bar .actions{width:100%}.sf-save-bar .actions button{flex:1}.sf-setup-footnote{align-items:flex-start}.sf-template-description .row{flex-wrap:wrap}.sf-config-preview{padding:16px}}
.sf-display-rules{padding:14px 16px;border:1px solid #dde9e5;border-radius:9px;background:#f5faf7;font-size:12px}
.sf-display-rules p{font-size:11px;margin:6px 0 0}
.sf-config-preview .sf-device-switch,.sf-config-preview .sf-state-switch{display:flex;margin-bottom:12px;flex-wrap:wrap}
.sf-config-preview .store-frame.mobile{max-width:290px;margin:0 auto;border:7px solid #233447;border-radius:24px;overflow:hidden}
.sf-config-preview .store-frame.mobile .sf-grid{grid-template-columns:repeat(2,minmax(0,1fr));height:80px}
.sf-config-preview .store-frame.mobile .sf-nav{font-size:8px;padding:10px}
.sf-config-preview .store-frame.mobile .sf-dim{padding:12px}
.sf-config-preview .store-frame.mobile .popup{padding:18px 14px}
.sf-config-preview .store-frame.mobile .popup h3{font-size:18px}
.sf-success-code{border:1px dashed #9bb4a9;border-radius:8px;padding:13px;margin:14px 0;background:#f5faf7}
.sf-success-code small,.sf-success-code b{display:block}.sf-success-code b{font-size:17px;margin-top:6px;overflow-wrap:anywhere}

/* Clear spacing between setup numbers, labels and connecting lines. */
.sf-setup-page .sf-setup-progress{display:grid;grid-template-columns:minmax(0,1fr) 36px minmax(0,1fr) 36px minmax(0,1fr);gap:18px;padding:22px 28px}
.sf-setup-page .sf-setup-progress>span{display:flex;gap:12px;justify-content:center;align-items:center;min-width:0;white-space:normal;line-height:1.5;font-size:12px}
.sf-setup-page .sf-setup-progress>span>b{flex:0 0 32px;width:32px;height:32px;margin:0;line-height:1}
.sf-setup-page .sf-setup-progress>span>span{display:block;min-width:0}
.sf-setup-page .sf-setup-progress>i{display:block;width:100%;height:1px;margin:0;background:#dfe6ee}
@media(max-width:700px){.sf-setup-page .sf-setup-progress{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;padding:18px 12px}.sf-setup-page .sf-setup-progress>i{display:none}.sf-setup-page .sf-setup-progress>span{flex-direction:column;gap:10px;align-self:start;text-align:center;font-size:11px}.sf-setup-page .sf-setup-progress>span>span{max-width:120px}}

/* Storefront navigation is nested inside the setup page. Match the main tab spacing. */
.sf-setup-page>.heading{margin-bottom:20px}
.sf-setup-page>.feature-header{padding:0;margin:0 0 24px;background:transparent;border-bottom:1px solid var(--line)}
.sf-setup-page>.feature-header #nav button{padding-top:8px;padding-bottom:12px}
.sf-setup-page>.sf-setup-progress{margin:0 0 24px;padding:18px 24px}
.sf-setup-page>.sf-template-intro{margin:0 0 24px;padding-top:0}
.sf-setup-page>.sf-template-intro h2{margin-bottom:8px}
.sf-setup-page>.sf-template-intro p{margin-bottom:0}
@media(max-width:700px){.sf-setup-page>.heading{margin-bottom:16px}.sf-setup-page>.feature-header{margin-bottom:20px}.sf-setup-page>.sf-setup-progress{padding:16px 12px;margin-bottom:24px}.sf-setup-page>.sf-template-intro{margin-bottom:20px}}

.rc-aud-grid .audience-card-top{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap;width:100%}
.rc-aud-grid .audience-card-top .badge{font-size:9px;padding:5px 7px;letter-spacing:0;font-weight:600}
.rc-aud-grid .audience-card-copy{display:block;text-align:left;width:100%}
.rc-aud-grid .audience-card-copy .d{display:block}

.sf-template-grid .sf-template-card{position:relative;cursor:pointer;display:block;margin:0;text-align:left}
.sf-template-grid .sf-template-radio{position:absolute;top:16px;right:16px;z-index:1;width:20px;height:20px;margin:0;accent-color:#087cf0;cursor:pointer}
.sf-template-grid .sf-template-card:focus-within{outline:3px solid #8ac1f7;outline-offset:3px;border-color:#087cf0}
.sf-template-grid .sf-template-cover-label{padding:0 22px}

.campaign-template-selected{display:flex;align-items:center;gap:9px;padding:12px 14px;margin:0 0 18px;border:1px solid #cfe8dc;border-radius:8px;background:#f0faf4;color:#177651;font-size:12px}.campaign-template-selected svg{width:18px;height:18px;flex-shrink:0}

.campaign-step-prefilled .source-stepCircle{background:#168465;color:white;border-color:#168465}.campaign-step-prefilled .source-stepCopy small{display:block;color:#168465;font-size:10px;margin-top:4px}

/* Three storefront templates per desktop row. */
.sf-setup-page .sf-template-grid{grid-template-columns:repeat(3,minmax(0,1fr));max-width:100%;gap:20px}
.sf-setup-page .sf-template-cover{padding:24px 18px 26px}
@media(max-width:1100px){.sf-setup-page .sf-template-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:650px){.sf-setup-page .sf-template-grid{grid-template-columns:minmax(0,1fr);gap:16px}}

/* Message sequence selector */
.rc-seq{padding:20px!important;border:1px solid #dfe6ee;border-radius:14px;background:#fff}
.seq-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:22px}
.rc-seq .seq-heading h3{font-size:17px;margin:0 0 6px}
.rc-seq p{font-size:12px;line-height:1.6;color:#728197;margin:0}
.seq-count,.seq-optional,.seq-required{white-space:nowrap;font-size:11px;font-weight:600;border-radius:6px;padding:5px 8px;background:#f0f5fa;color:#52677d}
.seq-count{background:#eaf5ff;color:#1476bc}
.seq-group+.seq-group{margin-top:18px}
.seq-group-label{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:650;color:#29445e}
.seq-step{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:50%;background:#eef3f8;color:#52677d;font-size:11px}
.seq-group-hint{margin-left:auto;font-size:11px;font-weight:400;color:#728197}
.rc-seq .seq-list{grid-template-columns:1fr;gap:8px;margin:10px 0 0}
.rc-seq .seq-item{border:1px solid #dfe6ee;border-radius:10px;padding:12px;gap:14px;transition:border-color .15s,background .15s}
.rc-seq .seq-item.active{border-color:#0784ef;background:#f3f9ff;box-shadow:0 0 0 1px #0784ef}
.rc-seq .seq-main{gap:12px;cursor:pointer;align-self:stretch}
.seq-copy{flex:1;min-width:0}
.rc-seq .seq-main small{font-size:12px;line-height:1.45;margin-top:4px}
.seq-edit{font-size:11px;font-weight:600;color:#718298;padding:4px 0}
.seq-item.active .seq-edit{color:#087dc9}
.seq-main:focus-visible{outline:2px solid #0784ef;outline-offset:4px;border-radius:4px}
.seq-followup{padding-top:18px;border-top:1px dashed #dbe4ef}
.seq-followup>p{margin:8px 0 12px}
.seq-optional{padding:3px 7px;font-size:10px;font-weight:500}
.seq-note{display:flex;align-items:flex-start;gap:7px;margin-top:16px;font-size:11px;line-height:1.5;color:#728197}
.seq-note svg{width:14px;height:14px;flex-shrink:0;margin-top:1px}
@media(max-width:540px){.rc-seq{padding:14px!important}.seq-group-hint{display:none}.rc-seq .seq-item{gap:10px;padding:10px}.seq-edit{display:none}.rc-seq .seq-main .icon-tile{flex-shrink:0}.seq-heading{gap:8px}}

/* Keep each editor beside its sequence control. */
.rc-seq{padding:16px!important}
.seq-heading{margin-bottom:14px}
.rc-seq .seq-list{gap:6px;margin-top:8px}
.rc-seq .seq-entry{border:1px solid #dfe6ee;border-radius:9px;overflow:hidden;background:#fff}
.rc-seq .seq-entry.is-open{border-color:#0784ef;box-shadow:0 0 0 1px #0784ef}
.rc-seq .seq-entry .seq-item{border:0;border-radius:0;padding:9px 12px}
.rc-seq .seq-entry .seq-item.active{box-shadow:none}
.rc-seq .seq-item .icon-tile{width:30px;height:30px;border-radius:7px}
.rc-seq .seq-item .icon-tile svg{width:16px;height:16px}
.rc-seq .seq-main small{font-size:11px;margin-top:2px}
.seq-inline-editor{border-top:1px solid #e1ecf6;padding:16px;background:#fff}
.rc-seq .seq-inline-editor>.rc-block{border:0;padding:0;margin:0;background:transparent;box-shadow:none}
.rc-seq .seq-inline-editor>.rc-block>h3{display:none}
.seq-inline-editor .field:last-child{margin-bottom:0}
.seq-group+.seq-group{margin-top:14px}
.seq-followup{padding-top:14px}
.seq-followup>p{margin:6px 0 8px}
.seq-note{margin-top:12px}

/* Campaign flow: Audience, Reward, Message, Placement, Launch. */
.campaign-wizard .source-stepper{grid-template-columns:repeat(5,minmax(0,1fr))}

/* Combined offer and message editor. */
.campaign-wizard .source-stepper{grid-template-columns:repeat(4,minmax(0,1fr))}
.message-offer-editor{padding-bottom:16px;margin:16px 0;border-bottom:1px solid #e1e8ef}
.message-offer-editor h4,.seq-inline-editor h4{margin:0 0 8px;font-size:13px;color:#29445e}
.message-offer-editor .campaign-reward-options{margin-top:12px}

.initial-shared-offer{padding:14px;margin:12px 0;background:#f7fafc;border:1px solid #e1e8ef;border-radius:9px}
.seq-add-followup{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}
.seq-remove{display:flex;justify-content:flex-end;border-top:1px solid #edf1f5;padding:2px 10px}
.seq-remove .text-button{font-size:11px;color:#728197}

/* Show the shared offer feeding both initial channels. */
.initial-offer-heading{display:flex;align-items:center;gap:10px;margin-bottom:16px}
.initial-offer-heading>div{flex:1}
.initial-offer-heading .icon-tile{flex-shrink:0}
.initial-offer-heading h4{margin-bottom:4px}
.shared-offer-connection{display:flex;align-items:center;gap:14px;margin-top:16px;padding:14px;background:#edf5ff;border:1px solid #d3e7fc;border-radius:8px}
.shared-offer-value{flex:1;min-width:0}
.shared-offer-value small{display:block;font-size:9px;letter-spacing:.7px;color:#577493;margin-bottom:5px}
.shared-offer-value strong{display:block;font-size:13px;color:#244a70;overflow-wrap:anywhere}
.shared-offer-arrow{color:#739bbf;font-size:22px}
.shared-offer-channels{display:grid;gap:6px;flex-shrink:0}
.shared-offer-channels span{display:flex;align-items:center;gap:7px;font-size:11px;font-weight:600;color:#365f84}
.shared-offer-channels svg,.initial-message-offer>svg{width:15px;height:15px;flex-shrink:0}
.initial-messages-heading{margin:18px 0 10px}
.initial-messages-heading h4{margin:0 0 4px;font-size:13px;color:#29445e}
.initial-message-offer{display:flex;align-items:flex-start;gap:8px;padding:10px 12px;margin-bottom:16px;background:#f0f6fc;border-radius:7px;font-size:12px;color:#365f84}
.initial-message-offer small{display:block;margin-top:4px;line-height:1.5;color:#728197;font-size:11px}
@media(max-width:540px){.initial-offer-heading{flex-wrap:wrap}.shared-offer-connection{flex-wrap:wrap}.shared-offer-value{flex-basis:100%}.shared-offer-arrow{display:none}.shared-offer-channels{display:flex;flex-wrap:wrap;gap:14px}}

/* Start with channel selection, then offer and content. */
.initial-channel-picker{margin:16px 0 20px}
.initial-channel-picker h4{margin:0 0 5px;font-size:13px;color:#29445e}
.initial-channel-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:12px}
.initial-channel-card{display:flex;align-items:center;gap:10px;padding:14px;border:1px solid #dfe6ee;border-radius:9px;background:#fff;cursor:pointer}
.initial-channel-card.selected{border-color:#0784ef;background:#f3f9ff;box-shadow:0 0 0 1px #0784ef}
.initial-channel-card input{width:16px;height:16px;accent-color:#0784ef;flex-shrink:0;margin:0}
.initial-channel-card b{display:block;font-size:13px;color:#29445e}
.initial-channel-card small{display:block;font-size:11px;color:#728197;margin-top:4px}
.initial-channel-card:focus-within{outline:2px solid #0784ef;outline-offset:3px}
@media(max-width:540px){.initial-channel-options{grid-template-columns:1fr}.initial-channel-card{padding:12px}}

.followup-send-rules{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:16px 0}
.followup-remove-group{margin-left:auto;font-size:11px}
@media(max-width:540px){.followup-send-rules{grid-template-columns:1fr}}

/* Stage accordions keep the sequence compact without nested step numbers. */
.message-stage{border:1px solid #dfe6ee;border-radius:10px;overflow:hidden;margin-top:12px;background:#fff}
.message-stage.is-open{border-color:#a8cdef}
.message-stage-header{display:flex;align-items:center;justify-content:flex-start;background:#f8fafc;gap:8px;padding-right:14px;text-align:left}
.rc-seq .message-stage-trigger{display:flex;align-items:center;justify-content:flex-start;gap:12px;flex:1;min-width:0;text-align:left;padding:16px;border:0;border-radius:0;background:transparent;box-shadow:none;cursor:pointer;color:#29445e}
.message-stage-number{display:flex;align-items:center;justify-content:center;width:30px;height:30px;flex:0 0 30px;border-radius:50%;background:#e8eef5;color:#52677d;font-size:13px;font-weight:700}
.message-stage.is-open .message-stage-number{background:#0784ef;color:#fff}
.message-stage-heading{flex:1;min-width:0;text-align:left}
.message-stage-trigger b{display:block;font-size:14px}
.message-stage-trigger small{display:block;font-size:11px;line-height:1.5;color:#728197;margin-top:5px;overflow-wrap:anywhere}
.message-stage-chevron{font-size:24px;line-height:1;transition:transform .15s;flex-shrink:0;color:#728197}
.message-stage.is-open .message-stage-chevron{transform:rotate(90deg)}
.rc-seq .seq-add-followup{justify-content:flex-start}
.rc-seq .seq-add-followup button{justify-content:flex-start;border-style:dashed;padding:11px 16px}
.message-stage-trigger:focus-visible{outline:2px solid #0784ef;outline-offset:-3px}
.message-stage-body{padding:16px;border-top:1px solid #e1e8ef}
.message-stage-body[hidden]{display:none}
.message-stage-body>.initial-channel-picker:first-child{margin-top:0}
.message-stage-body .followup-send-rules{margin-top:0}
.message-stage-header .followup-remove-group{margin-left:0;flex-shrink:0}
@media(max-width:540px){.rc-seq .message-stage-trigger{padding:12px}.message-stage-body{padding:12px}.message-stage-header{padding-right:8px}}

/* Product eligibility for cart and browsing behavior audiences. */
.audience-product-targeting{margin:20px 0;padding:20px;border:1px solid #dfe6ee;border-radius:12px;background:#fff}
.audience-product-heading{display:flex;align-items:center;gap:12px;margin-bottom:16px}
.audience-product-heading h3{font-size:15px;margin:0 0 5px;color:#29445e}
.audience-product-targeting p{font-size:12px;color:#728197;line-height:1.6;margin:0}
.audience-product-scope{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.audience-product-choice{display:flex;align-items:flex-start;gap:10px;padding:14px;border:1px solid #dfe6ee;border-radius:9px;cursor:pointer}
.audience-product-choice.selected{border-color:#0784ef;background:#f3f9ff;box-shadow:0 0 0 1px #0784ef}
.audience-product-choice input,.audience-product-options input{accent-color:#0784ef;flex-shrink:0;margin-top:2px}
.audience-product-choice b{display:block;font-size:13px;color:#29445e}
.audience-product-choice small{display:block;font-size:11px;color:#728197;line-height:1.6;margin-top:4px}
.audience-product-picker{margin-top:18px}
.audience-product-picker h4{font-size:13px;margin:0 0 5px;color:#29445e}
.audience-product-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:12px 0}
.audience-product-options label{display:flex;align-items:center;gap:9px;padding:10px 12px;background:#f8fafc;border:1px solid #e1e8ef;border-radius:7px;cursor:pointer;font-size:12px}
.audience-product-picker>small,.audience-match-summary small{font-size:11px;color:#728197;line-height:1.6}
.audience-match-summary{margin-top:16px;padding:14px;border-radius:8px;background:#edf5ff}
.audience-match-summary b{display:block;font-size:12px;color:#365f84;margin-bottom:5px}
.audience-match-summary p{color:#365f84;margin-bottom:6px}
@media(max-width:600px){.audience-product-scope,.audience-product-options{grid-template-columns:1fr}.audience-product-targeting{padding:14px}}

/* Carry the audience choice into the offer and message editor. */
.message-audience-context{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:16px;margin:0 0 18px;border:1px solid #cee1f3;border-radius:10px;background:#f4f9ff}
.message-audience-main{display:flex;align-items:flex-start;gap:12px;min-width:0}
.message-audience-main>.icon-tile{flex-shrink:0}
.message-audience-copy{min-width:0}
.message-audience-copy>small{display:block;font-size:9px;font-weight:650;letter-spacing:.8px;color:#617f9c;margin-bottom:5px}
.message-audience-copy h3{margin:0 0 6px;font-size:15px;color:#29445e;text-align:left}
.message-audience-copy p{margin:5px 0 0;font-size:12px;line-height:1.6;color:#61758a}
.message-audience-products{display:flex;align-items:center;flex-wrap:wrap;gap:6px;font-size:11px;color:#61758a;margin-top:8px}
.message-audience-product{padding:4px 8px;border:1px solid #d7e5f1;border-radius:5px;background:#fff;color:#365f84}
.message-audience-context>.text-button{flex-shrink:0;padding:0;font-size:12px}
@media(max-width:600px){.message-audience-context{flex-direction:column;gap:12px}.message-audience-context>.text-button{align-self:flex-start;margin-left:44px}}

/* Searchable, paginated behavior product browser. */
.audience-product-toolbar{display:flex;align-items:center;gap:12px;margin-bottom:12px}
.audience-product-search{display:flex;align-items:center;gap:8px;flex:1;min-width:0;padding:0 12px;border:1px solid #dfe6ee;border-radius:8px;background:#fff}
.audience-product-search svg{width:16px;height:16px;flex-shrink:0;color:#728197}
.audience-product-search input{width:100%;min-width:0;border:0;box-shadow:none;background:transparent;padding:11px 0;font-size:12px}
.audience-product-search:focus-within{outline:2px solid #0784ef;outline-offset:2px}
.audience-selection-count{font-size:11px;font-weight:600;color:#365f84;white-space:nowrap;background:#edf5ff;padding:6px 9px;border-radius:6px}
.audience-selected-products{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:12px;max-height:92px;overflow-y:auto}
.audience-selected-products span{font-size:11px;padding:4px 8px;color:#365f84;background:#edf5ff;border:1px solid #d3e7fc;border-radius:5px}
.audience-selected-products.excluded span{color:#9a3412;background:#fff4ed;border-color:#fed7c3}
.audience-selected-products.excluded .chip-label{padding:4px 2px;color:#475569;background:none;border:0;font-weight:600}
.audience-selected-products.excluded small{align-self:center;font-size:12px;color:#64748b}
.audience-product-scroll{max-height:350px;overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable;border:1px solid #dfe6ee;border-radius:9px;background:#fff}
.audience-product-scroll:focus-visible{outline:2px solid #0784ef;outline-offset:2px}
.audience-product-row{display:flex;align-items:center;gap:12px;min-height:82px;padding:12px;border-bottom:1px solid #edf1f5;cursor:pointer}
.audience-product-row:last-child{border-bottom:0}
.audience-product-row:hover{background:#f8fafc}
.audience-product-row.selected{background:#f0f7ff}
.audience-product-row input{width:16px;height:16px;accent-color:#0784ef;flex-shrink:0}
.audience-product-row img{width:56px;height:56px;object-fit:contain;background:#f3f5f6;border:1px solid #e5eaf0;border-radius:7px;flex-shrink:0}
.audience-product-info{flex:1;min-width:0}
.audience-product-info b{display:block;font-size:12px;font-weight:600;color:#29445e;overflow-wrap:anywhere}
.audience-product-info small{display:block;font-size:11px;color:#728197;line-height:1.5;margin-top:5px}
.audience-product-tag{font-size:10px;padding:4px 7px;border-radius:5px;background:#edf1f6;color:#52677d;max-width:125px;line-height:1.4}
.audience-product-pagination{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px;padding:12px 0;font-size:11px;color:#728197}
.audience-product-pagination>div{display:flex;align-items:center;gap:10px}
.audience-product-pagination button{min-width:30px;height:30px;padding:0 8px;font-size:19px}
.audience-product-pagination button:disabled{opacity:.4;cursor:default}
.audience-product-empty{padding:30px 16px;text-align:center}
.audience-product-empty b{font-size:13px;color:#29445e}
.audience-product-empty p{margin-top:6px}
@media(max-width:600px){.audience-product-row{gap:8px;flex-wrap:wrap}.audience-product-row img{width:44px;height:44px}.audience-product-tag{margin-left:76px}.audience-product-toolbar{gap:8px}.audience-product-scroll{max-height:330px}}

/* Campaign coupon setup (matches the Upsell offer builder) */
.coupon-setup .coupon-modes{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,200px),1fr));gap:10px;margin:12px 0 16px}
.coupon-setup .coupon-mode{display:flex;flex-direction:column;align-items:flex-start;gap:4px;min-height:0;padding:14px 16px;text-align:left;white-space:normal}
.coupon-setup .coupon-mode small{color:#6b7280;font-weight:400;line-height:1.4}
.coupon-setup .coupon-fixed{display:inline-flex;align-items:center;gap:8px;margin-bottom:12px;font-weight:600}
.coupon-setup .coupon-radio{width:16px;height:16px;border-radius:50%;border:5px solid #087fea;background:#fff;flex:none}
.coupon-setup .coupon-save-row{display:flex;justify-content:flex-end;margin-top:12px}
.coupon-setup .coupon-notice{display:flex;align-items:center;gap:8px;margin:10px 0;padding:10px 12px;border-radius:8px;background:#e8f7ee;color:#0f6b3a;font-weight:600}

/* Email / phone number field controls (template editor, storefront setup, campaign popup) */
.tpl-fields{display:flex;flex-direction:column;gap:12px;margin:18px 0 0}
.tpl-fields>span{display:block;font-size:12px;font-weight:600;color:#33495e;margin:0}
.tpl-fields .consent{display:flex;align-items:flex-start;gap:12px;margin:0;padding:12px 14px;border:1px solid #dfe6ee;border-radius:10px;background:#f8fafc;font-size:13px;line-height:1.4}
.tpl-fields .consent input[type=checkbox]{flex:0 0 auto;width:16px;height:16px;margin:2px 0 0;padding:0}
.tpl-fields .consent span{display:block}
.tpl-fields .consent small{display:block;margin-top:2px}
.tpl-fields .field{display:block;margin:0 0 6px 28px}
.tpl-fields .field>span{display:block;margin:0 0 6px}
.tpl-fields .field input{width:100%;box-sizing:border-box}
.tpl-fields>small{margin:0}
.template-builder .tpl-section{margin-top:22px}
.template-builder .tpl-fields{margin-top:8px}
.template-builder .field{margin:12px 0 0}
.audience-all-products{margin:0 0 12px;padding:12px 14px;border:1px solid #dfe6ee;border-radius:10px;background:#f8fafc;align-items:flex-start;gap:12px;font-size:13px}
.audience-all-products input[type=checkbox]{width:16px;height:16px;margin:2px 0 0}

/* Create campaign has three steps (Audience, Offer & message, Launch): spread them across the full width */
.campaign-wizard .source-stepper{grid-template-columns:repeat(3,minmax(0,1fr));width:100%;box-sizing:border-box}
.campaign-wizard .source-stepItem{min-width:0}
@media (min-width:701px) and (max-width:1050px){.campaign-wizard .source-stepCopy{display:block}.campaign-wizard .source-stepItem:not(:last-child)::after{left:56px}}

/* Centre the Create campaign page when the window is wider than its maximum width */
.source-pageShell.campaign-wizard{margin-left:auto;margin-right:auto}
/* Offer condition: which products count toward spend / quantity */
.rc-cond-products .seg{margin-top:2px}
.cond-product-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:6px;max-height:210px;overflow-y:auto;margin-top:8px}
.cond-product{display:flex;align-items:center;gap:8px;padding:7px 9px;font-size:13px;border:1px solid #e2e8f0;border-radius:6px;background:#fff;cursor:pointer}
.cond-product:has(input:checked){border-color:#93c5fd;background:#eff6ff}

/* Compact visitor engagement choice in Offer & message. */
.visitor-engagement{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 14px;border:1px solid #e2e8f0;border-radius:8px;background:#f8fafc;margin-bottom:16px}
.visitor-engagement-copy{min-width:0}
.visitor-engagement-copy h3{margin:0;font-size:14px;line-height:1.4;font-weight:600}
.visitor-engagement-copy p{margin:3px 0 0;font-size:12px;line-height:1.5;color:#64748b}
.visitor-engagement-choice{display:flex;flex-shrink:0;gap:3px;padding:3px;border:1px solid #cbd5e1;border-radius:7px;background:#fff}
.visitor-engagement-choice button{min-width:48px;min-height:36px;padding:6px 12px;border:0;border-radius:4px;background:transparent;color:#475569;font:inherit;font-size:13px;font-weight:600;cursor:pointer}
.visitor-engagement-choice button:hover{background:#f1f5f9}
.visitor-engagement-choice button.selected{background:#0f766e;color:#fff}
.visitor-engagement-choice button:focus-visible{outline:2px solid #0f766e;outline-offset:2px}
@media(max-width:480px){.visitor-engagement{flex-wrap:wrap;gap:10px}.visitor-engagement-choice{margin-left:auto}}

.popup-setup-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}
.popup-setup-heading h3{margin:0}
.popup-setup-help{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:36px;height:36px;padding:8px;border:1px solid #e2e8f0;border-radius:7px;background:#fff;color:#475569;cursor:pointer}
.popup-setup-help svg{width:18px;height:18px}
.popup-setup-help:hover{background:#f0fdfa;border-color:#99f6e4;color:#0f766e}
.popup-setup-help:focus-visible{outline:2px solid #0f766e;outline-offset:2px}

/* Keep the popup choice to a single compact row. */
.visitor-engagement{padding:8px 10px;gap:10px;margin-bottom:12px;flex-wrap:nowrap}
.visitor-engagement-copy h3{font-size:13px}
.visitor-engagement-choice{padding:2px}
.visitor-engagement-choice button{min-width:40px;min-height:32px;padding:4px 10px}

.popup-config-group{min-width:0;margin:18px 0 0;padding:14px;border:1px solid #e2e8f0;border-radius:8px}
.popup-config-group legend{padding:0 6px;font-size:13px;font-weight:600;color:#334155}
.popup-config-group>.field:last-child{margin-bottom:0}
.popup-config-group .tpl-fields{margin:0}

.visitor-engagement .toggle{flex-shrink:0;margin-left:auto}
.visitor-engagement-copy h3{font-size:12px;font-weight:500}

/* Plain, compact contact choices in campaign popup setup. */
.rc-popup-setup .popup-config-group .tpl-fields{gap:8px}
.rc-popup-setup .popup-config-group .consent{padding:3px 0;border:0;border-radius:0;background:transparent;gap:8px;font-size:12px}
.rc-popup-setup .popup-config-group .consent b{font-size:12px;font-weight:500}
.rc-popup-setup .popup-config-group .consent small,.rc-popup-setup .popup-config-group .tpl-fields>small{font-size:11px;line-height:1.4}
.rc-popup-setup .popup-config-group .consent input[type=checkbox]{width:14px;height:14px}

/* Matching compact accordion headers for campaign setup. */
.campaign-wizard .campaign-accordion{padding:0!important;border:1px solid #dfe6ee;border-radius:9px;background:#fff;overflow:hidden;margin-bottom:12px}
.campaign-accordion-header{display:flex;align-items:center;padding-right:10px;gap:6px}
.campaign-accordion-trigger{display:flex;align-items:center;gap:10px;flex:1;min-width:0;padding:12px 14px;border:0;background:transparent;text-align:left;color:#334155;cursor:pointer}
.campaign-wizard .campaign-accordion-trigger h3{font-size:14px;line-height:1.4;font-weight:600;margin:0}
.campaign-accordion-chevron{margin-left:auto;font-size:20px;line-height:1}
.campaign-accordion-trigger .seq-count{font-size:11px}
.campaign-accordion-trigger:hover{background:#f8fafc}
.campaign-accordion-trigger:focus-visible{outline:2px solid #0f766e;outline-offset:-3px}
.campaign-accordion-body{padding:0 14px 14px;border-top:1px solid #f1f5f9}
.campaign-accordion-body[hidden]{display:none}
.campaign-accordion-body>.note:first-child{margin:10px 0 14px}

/* Consistent spacing and hierarchy across the offer and message setup. */
.campaign-wizard .rc-form{gap:12px;font-family:inherit}
.campaign-wizard .rc-form>.visitor-engagement,.campaign-wizard .rc-form>.campaign-accordion{margin:0}
.campaign-wizard .visitor-engagement{min-height:44px;padding:8px 14px;border-radius:8px;box-sizing:border-box;background:#f8fafc}
.campaign-wizard .visitor-engagement-copy h3{font-family:inherit;font-size:13px;line-height:1.4;font-weight:500}
.campaign-wizard .campaign-accordion-header{position:relative;padding:0;min-height:48px}
.campaign-wizard .campaign-accordion-trigger{min-height:48px;padding:12px 14px;gap:10px;font-family:inherit}
.campaign-wizard .campaign-accordion-trigger h3{font-family:inherit;font-size:14px;font-weight:600;line-height:20px}
.campaign-wizard .campaign-accordion-chevron{display:flex;align-items:center;justify-content:center;width:18px;height:18px;flex:0 0 18px;color:#64748b}
.campaign-accordion-chevron svg{width:16px;height:16px;transition:transform .15s}
.campaign-accordion-trigger[aria-expanded=true] .campaign-accordion-chevron svg{transform:rotate(90deg)}
.campaign-wizard .rc-popup-setup .campaign-accordion-trigger{padding-right:14px}
.campaign-wizard .popup-setup-help{position:absolute;right:44px;top:9px;width:30px;height:30px;padding:6px;border:0;background:transparent;border-radius:5px;color:#64748b}
.campaign-wizard .popup-setup-help svg{width:17px;height:17px}
.campaign-wizard .campaign-accordion-trigger .seq-count{padding:3px 7px;font-size:11px;line-height:16px;border-radius:5px;font-weight:500}
.campaign-wizard .campaign-accordion-body{padding:0 14px 14px;font-family:inherit}
.campaign-wizard .campaign-accordion-body>.note:first-child{font-family:inherit;font-size:12px;line-height:1.5;color:#64748b;margin:10px 0 12px}
.campaign-wizard .message-stage{margin-top:8px;border-radius:7px}
.campaign-wizard .message-stage-header{padding-right:10px;gap:4px;background:#fafbfc}
.campaign-wizard .rc-seq .message-stage-trigger{padding:11px 12px;gap:10px;font-family:inherit}
.campaign-wizard .message-stage-number{width:26px;height:26px;flex-basis:26px;font-size:12px;font-weight:600}
.campaign-wizard .message-stage-trigger b{font-family:inherit;font-size:13px;line-height:1.4;font-weight:600}
.campaign-wizard .message-stage-trigger small{font-family:inherit;font-size:11px;line-height:1.4;margin-top:3px}
.campaign-wizard .message-stage-chevron{font-size:20px}
.campaign-wizard .message-stage-header .followup-remove-group{font-family:inherit;font-size:11px;min-height:30px;padding:4px 7px}
.campaign-wizard .rc-seq .seq-add-followup{margin-top:10px}
.campaign-wizard .rc-seq .seq-add-followup button{font-family:inherit;font-size:12px;padding:8px 12px;min-height:34px;border-radius:6px}
.campaign-wizard .rc-seq .seq-note{font-size:11px;line-height:1.5;margin-top:10px}

/* Offer editor: compact choices and clear, quiet form sections. */
.campaign-wizard .initial-shared-offer{background:#fff;border:1px solid #e2e8f0;border-radius:8px;padding:14px;margin:14px 0}
.campaign-wizard .initial-offer-heading{gap:9px;margin-bottom:12px;align-items:center}
.campaign-wizard .initial-offer-heading>.icon-tile{width:28px;height:28px;border-radius:6px;background:#f0fdfa;color:#0f766e}
.campaign-wizard .initial-offer-heading>.icon-tile svg{width:15px;height:15px}
.campaign-wizard .initial-offer-heading h4{font-size:13px;line-height:1.4;margin:0 0 2px;font-weight:600}
.campaign-wizard .initial-offer-heading p.note{font-size:11px;line-height:1.4;color:#64748b;margin:0}
.campaign-wizard .initial-offer-heading>.badge{font-size:10px;background:#f1f5f9;color:#64748b}
.campaign-wizard .message-offer-editor .campaign-reward-options{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin:0 0 14px}
.campaign-wizard .message-offer-editor .campaign-reward-options .source-optionCard{display:flex;flex-direction:row;justify-content:flex-start;gap:7px;min-height:40px;padding:9px 10px;border:1px solid #e2e8f0;border-radius:6px;background:#fff;color:#475569;white-space:normal;text-align:left;line-height:1.35;font-family:inherit;font-size:12px;font-weight:500;box-shadow:none}
.campaign-wizard .message-offer-editor .campaign-reward-options .source-selected{border-color:#0f766e;background:#f0fdfa;color:#115e59;box-shadow:inset 0 0 0 1px #0f766e}
.campaign-wizard .message-offer-editor .campaign-reward-options .source-selected::after{display:none}
.offer-choice-icon{display:flex;flex:0 0 15px;align-items:center}
.offer-choice-icon svg{width:15px;height:15px}
.campaign-wizard .message-offer-editor>.rc-block{padding:12px 0 0;margin-top:14px;border:0;border-top:1px solid #e2e8f0;border-radius:0;background:transparent}
.campaign-wizard .message-offer-editor>.rc-block h3{font-size:12px;font-weight:600;margin:0 0 4px}
.campaign-wizard .message-offer-editor .field{margin-top:12px}
.campaign-wizard .message-offer-editor .field>span{font-size:11px;font-weight:500;margin-bottom:5px}
.campaign-wizard .message-offer-editor .field small{font-size:10px;line-height:1.4;color:#64748b}
.campaign-wizard .message-offer-editor .rc-row{gap:12px}
.campaign-wizard .shared-offer-connection{background:#f8fafc;border:0;border-top:1px solid #e2e8f0;border-radius:0;padding:12px 0 0;margin-top:14px;gap:12px}
.campaign-wizard .shared-offer-value small{font-size:9px;letter-spacing:.3px;color:#64748b;margin-bottom:4px}
.campaign-wizard .shared-offer-value strong{font-size:12px;line-height:1.5;font-weight:500;color:#334155}
.campaign-wizard .shared-offer-channels span{font-size:10px;font-weight:500;color:#475569}
.campaign-wizard .shared-offer-arrow{font-size:18px}
@media(max-width:540px){.campaign-wizard .message-offer-editor .campaign-reward-options{grid-template-columns:repeat(2,minmax(0,1fr))}.campaign-wizard .initial-shared-offer{padding:11px}.campaign-wizard .initial-offer-heading>.badge{display:none}}

/* Condition and effect rule layout, shared by initial and follow-up offers. */
.campaign-offer-type-label{display:block;font-size:11px;font-weight:600;color:#475569;margin:0 0 7px}
.campaign-rule-layout{display:grid;gap:10px}
.campaign-rule-panel{border:1px solid #e2e8f0;border-radius:7px;overflow:hidden;background:#fff;min-width:0}
.campaign-rule-panel>header{display:flex;align-items:center;gap:9px;padding:10px 12px;background:#f8fafc;border-bottom:1px solid #e2e8f0}
.campaign-rule-number{display:flex;align-items:center;justify-content:center;width:23px;height:23px;flex:0 0 23px;border-radius:5px;background:#e8eef5;color:#475569;font-size:11px;font-weight:600}
.campaign-rule-panel h5{margin:0;font-size:12px;line-height:1.4;font-weight:600;color:#334155}
.campaign-wizard .campaign-rule-panel>header p{margin:2px 0 0;font-size:11px;line-height:1.4;color:#64748b}
.campaign-rule-content{padding:0 12px 12px}
.campaign-rule-content>.note:first-child{padding-top:12px}
.campaign-wizard .campaign-rule-content>.rc-block{border:0;padding:0;margin:12px 0 0;background:transparent}
.campaign-wizard .campaign-rule-content>.rc-block>h3{display:none}
.campaign-wizard .campaign-rule-content .callout{margin:12px 0 0;padding:10px;background:#f8fafc;border:0;font-size:12px}
.campaign-rule-content .rc-row:has(>.field:only-child){grid-template-columns:1fr}
.campaign-rule-validity{margin-top:12px;padding-top:12px;border-top:1px solid #e2e8f0}
.campaign-wizard .campaign-rule-validity>.rc-validity{border:0;background:transparent;padding:0;margin:0}
.campaign-wizard .campaign-rule-validity h3{font-size:12px;font-weight:600}

.rc-cond-products>select{margin-top:8px}
.condition-product-chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}
.condition-product-chips button{display:inline-flex;align-items:center;gap:8px;padding:4px 7px;border:1px solid #dfe6ee;border-radius:5px;background:#f8fafc;color:#475569;font-family:inherit;font-size:11px;cursor:pointer}
.condition-product-chips button span{font-size:14px;line-height:1}

/* Compact offer form controls. */
.campaign-wizard .message-offer-editor input:not([type=checkbox]):not([type=radio]),
.campaign-wizard .message-offer-editor select{height:32px;min-height:32px;padding:5px 9px;font-size:12px;line-height:20px;box-sizing:border-box;border-radius:5px}

/* Separate channel selection from offer configuration in each message stage. */
.campaign-wizard .message-stage-body>.initial-channel-picker{margin:0 0 20px;padding:14px;border:1px solid #e2e8f0;border-radius:8px;background:#f8fafc}
.campaign-wizard .initial-channel-picker>h4{display:flex;align-items:center;gap:8px;margin:0 0 5px;font-size:13px;line-height:24px;font-weight:600}
.campaign-wizard .initial-channel-picker>h4::before{content:'1';display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;flex:0 0 24px;border-radius:5px;background:#e2e8f0;color:#475569;font-size:11px;font-weight:600}
.campaign-wizard .initial-channel-picker>p{font-size:11px;margin-left:32px;line-height:1.5}
.campaign-wizard .initial-channel-picker .initial-channel-options{margin-top:12px;gap:8px}
.campaign-wizard .initial-channel-picker .initial-channel-card{padding:10px;border-radius:6px}
.campaign-wizard .message-stage-body>.message-offer-editor{position:relative;margin:0 0 20px;padding:14px;border:1px solid #cbd5e1;border-radius:8px;background:#fff}
.campaign-wizard .message-offer-editor>.initial-offer-heading{padding-bottom:12px;margin-bottom:12px;border-bottom:1px solid #e2e8f0;gap:8px}
.campaign-wizard .message-offer-editor>.initial-offer-heading>.icon-tile{display:none}
.campaign-wizard .message-offer-editor>.initial-offer-heading::before{content:'2';display:flex;align-items:center;justify-content:center;width:24px;height:24px;flex:0 0 24px;border-radius:5px;background:#e2e8f0;color:#475569;font-size:11px;font-weight:600}

/* Align message accordion content and row actions to common gutters. */
.campaign-wizard .rc-seq.campaign-accordion>.campaign-accordion-header>.campaign-accordion-trigger{padding:12px 16px}
.campaign-wizard .rc-seq.campaign-accordion>.campaign-accordion-body{padding:0 16px 16px}
.campaign-wizard .rc-seq.campaign-accordion>.campaign-accordion-body>.note:first-child{margin:12px 0;font-size:12px;line-height:1.5}
.campaign-wizard .rc-seq .message-stage-header{position:relative;padding:0;gap:0}
.campaign-wizard .rc-seq .message-stage-trigger{position:relative;width:100%;padding:12px 42px 12px 12px;gap:10px;box-sizing:border-box}
.campaign-wizard .rc-seq .message-stage-header:has(.followup-remove-group) .message-stage-trigger{padding-right:104px}
.campaign-wizard .rc-seq .message-stage-chevron{position:absolute;right:14px;top:50%;transform:translateY(-50%);width:16px;text-align:center}
.campaign-wizard .rc-seq .message-stage.is-open .message-stage-chevron{transform:translateY(-50%) rotate(90deg)}
.campaign-wizard .rc-seq .message-stage-header .followup-remove-group{position:absolute;right:39px;top:50%;transform:translateY(-50%);margin:0;padding:5px 8px;min-height:30px;z-index:1}
.campaign-wizard .rc-seq .seq-add-followup{margin:12px 0 0;display:flex;justify-content:flex-start}
.campaign-wizard .rc-seq .seq-note{display:flex;align-items:flex-start;gap:8px;margin:12px 0 0;padding:0;font-size:11px;line-height:1.5}
.campaign-wizard .rc-seq .seq-note>svg{width:14px;height:16px;flex:0 0 14px;margin-top:1px}

.campaign-wizard .rc-seq .message-stage-header .followup-remove-group{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;padding:6px;color:#64748b}
.campaign-wizard .rc-seq .followup-remove-group svg{width:15px;height:15px}
.campaign-wizard .rc-seq .followup-remove-group:hover{color:#b91c1c;background:#fef2f2;border-radius:5px}
.campaign-wizard .rc-seq .message-stage-header:has(.followup-remove-group) .message-stage-trigger{padding-right:78px}

/* The initial offer drives the signup incentive; no duplicate offer setup. */
.signup-offer-link{display:flex;align-items:center;gap:9px;padding:10px;border:1px solid #dbe8e6;border-radius:6px;background:#f5faf9;margin:12px 0}
.signup-offer-link-icon{display:flex;align-items:center;color:#0f766e;flex:0 0 18px}
.signup-offer-link-icon svg{width:18px;height:18px}
.signup-offer-link>div{flex:1;min-width:0}
.signup-offer-link small{display:block;font-size:9px;letter-spacing:.4px;color:#64748b;margin-bottom:3px}
.signup-offer-link b{display:block;font-size:11px;line-height:1.5;font-weight:500;color:#334155;overflow-wrap:anywhere}
.signup-offer-link button{flex-shrink:0;font-size:11px;padding:5px}
.signup-offer-banner{padding:14px 12px;margin:0 0 14px;border-radius:9px;background:#eff6ff;color:#1e40af;border:1px solid #dbeafe;text-align:center}
.signup-offer-banner.gift{background:#fff7ed;color:#9a3412;border-color:#fed7aa}
.signup-offer-symbol{display:flex;justify-content:center;margin-bottom:6px}
.signup-offer-symbol svg{width:24px;height:24px}
.signup-offer-banner>small{display:block;font-size:9px;letter-spacing:1px;font-weight:600;margin-bottom:6px}
.signup-offer-banner>strong{display:block;font-size:16px;line-height:1.4;font-weight:600;overflow-wrap:anywhere}
.signup-offer-delivery{display:block;margin-top:7px;font-size:10px;line-height:1.5;opacity:.85}

.campaign-wizard .compact-coupon-modes{display:inline-flex;gap:3px;padding:3px;margin:12px 0 0;border:1px solid #e2e8f0;border-radius:6px;background:#f8fafc;max-width:100%;box-sizing:border-box}
.campaign-wizard .compact-coupon-modes .coupon-mode{min-height:30px;min-width:0;padding:5px 10px;border:0;border-radius:4px;background:transparent;color:#64748b;font-family:inherit;font-size:12px;font-weight:500;line-height:20px;cursor:pointer;box-shadow:none}
.campaign-wizard .compact-coupon-modes .coupon-mode.active{background:#fff;color:#0f766e;box-shadow:0 1px 3px #0f172a1a}
.campaign-wizard .compact-coupon-modes .coupon-mode:focus-visible{outline:2px solid #0f766e;outline-offset:1px}

.campaign-wizard .visitor-engagement{flex-wrap:wrap;gap:8px}
.visitor-engagement-modes{display:inline-flex;gap:2px;padding:3px;margin-left:auto;max-width:100%;border:1px solid #e2e8f0;border-radius:6px;background:#fff;box-sizing:border-box}
.visitor-engagement-modes button{min-height:30px;padding:5px 8px;border:0;border-radius:4px;background:transparent;color:#64748b;font-family:inherit;font-size:11px;font-weight:500;line-height:20px;cursor:pointer}
.visitor-engagement-modes button.active{background:#0f766e;color:#fff}
.visitor-engagement-modes button:focus-visible{outline:2px solid #0f766e;outline-offset:1px}

.campaign-wizard #campaign-messages-body>.visitor-engagement{margin:12px 0}
.campaign-wizard #campaign-messages-body>.rc-popup-setup{margin:0 0 12px}

.signup-welcome-channel{display:flex;align-items:center;gap:8px;padding:10px;border:1px solid #e2e8f0;border-radius:6px;font-size:12px;color:#475569;background:#fff}
.signup-welcome-channel svg{width:16px;height:16px}

/* Clear, individually spaced visitor engagement options. */
.campaign-wizard #campaign-messages-body>.visitor-engagement{display:block;padding:12px;border:1px solid #e2e8f0;background:#fff;border-radius:8px}
.campaign-wizard .visitor-engagement-copy h3{font-size:12px;font-weight:600;line-height:1.5;margin:0 0 9px}
.campaign-wizard .visitor-engagement-modes{display:grid;grid-template-columns:.65fr 1fr 1.3fr;gap:7px;width:100%;max-width:100%;padding:0;margin:0;border:0;background:transparent;border-radius:0}
.campaign-wizard .visitor-engagement-modes button{display:flex;align-items:center;justify-content:flex-start;gap:7px;min-width:0;min-height:38px;padding:8px 10px;margin:0;border:1px solid #e2e8f0;border-radius:6px;background:#fff;color:#475569;font-family:inherit;font-size:12px;font-weight:500;line-height:1.4;text-align:left;box-shadow:none}
.campaign-wizard .visitor-engagement-modes button:hover{border-color:#94a3b8;background:#f8fafc}
.campaign-wizard .visitor-engagement-modes button.active{border-color:#0f766e;background:#f0fdfa;color:#115e59}
.engagement-radio{display:flex;align-items:center;justify-content:center;flex:0 0 13px;width:13px;height:13px;border:1px solid #cbd5e1;border-radius:50%;background:#fff;box-sizing:border-box}
.active>.engagement-radio{border-color:#0f766e}
.active>.engagement-radio::after{content:'';width:5px;height:5px;border-radius:50%;background:#0f766e}
@media(max-width:440px){.campaign-wizard .visitor-engagement-modes{grid-template-columns:1fr}.campaign-wizard .visitor-engagement-modes button{min-height:36px}}

.visitor-engagement-top{display:flex;align-items:center;justify-content:space-between;gap:12px}
.campaign-wizard .visitor-engagement-top h3{margin:0;font-size:12px;font-weight:500;line-height:1.5}
.campaign-wizard .visitor-engagement-top .toggle{flex:0 0 32px;width:32px;height:18px;min-height:18px;padding:2px;border:0}
.campaign-wizard .visitor-engagement-top .toggle span{width:14px;height:14px}
.campaign-wizard .visitor-engagement-top .toggle.on span{transform:translateX(14px)}
.campaign-wizard .visitor-engagement-modes{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:10px}
@media(max-width:360px){.campaign-wizard .visitor-engagement-modes{grid-template-columns:1fr}}
/* Template builder pop-up (iframe of the existing builder) and the campaign email preview */
.tb-card{display:grid;grid-template-columns:auto minmax(0,1fr);gap:12px;align-items:center;padding:14px;border:1px solid #dce6ef;border-radius:10px;background:#f8fbff;margin-top:10px}
.tb-card-copy{display:flex;flex-direction:column;gap:3px;min-width:0}
.tb-card-copy small{font-size:10px;letter-spacing:1.2px;font-weight:700;color:#63809b}
.tb-card-copy span{font-size:12px;color:#5b6e87;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.tb-card-actions{display:flex;gap:8px;flex-wrap:wrap;grid-column:1/-1}
.tb-card-note{grid-column:1/-1;margin:0;font-size:11px;display:flex;gap:6px;align-items:center}
.tb-card-note .icon{width:13px;height:13px;flex:none}
.tb-preview-bar{display:flex;justify-content:space-between;align-items:flex-end;gap:10px;flex-wrap:wrap;margin-bottom:8px}
.tb-preview-bar .builder-label{margin-bottom:4px}
.tb-template-name{font-weight:700;font-size:13px}
.tb-preview-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.tb-status{font-size:11px;padding:8px 10px;border-radius:8px;background:#f0f9f5;color:#35725c;display:flex;gap:6px;align-items:center;margin-bottom:10px}
.tb-status .icon{width:13px;height:13px;flex:none}
.tb-status.stale{background:#fff7e6;color:#8a5a00}
.tb-frame{border:1px dashed #9db4c9;border-radius:10px;overflow:hidden;background:#eff3f6;margin-bottom:10px}
.tb-frame-bar{display:flex;align-items:center;gap:5px;padding:7px 10px;background:#e3eaf1;font-size:10px;color:#5b6e87}
.tb-frame-bar i{width:7px;height:7px;border-radius:50%;background:#b9c6d3}
.tb-frame-bar span{margin-left:6px}
.tb-frame #campaign-live{padding:12px}
.tb-frame #campaign-live .sms-device{margin:0 auto}
/* Template builder pop-ups styled like the live builder (shown in the app as an iframe) */
dialog.tb-dialog{max-width:1140px;width:calc(100vw - 32px);padding:0;border-radius:4px;color:#606266;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif}
dialog.cms-choose-dialog{max-width:980px}
.cms-frame-note{display:flex;gap:6px;align-items:center;font-size:10px;color:#8a99ab;background:#f4f6f8;border-bottom:1px dashed #cfd8e1;padding:5px 14px}
.cms-frame-note .icon{width:12px;height:12px}
.cms-head{position:relative;text-align:center;padding:22px 56px 6px}
.cms-head h2{font-size:22px;font-weight:600;color:#606266;margin:0}
.cms-choose-dialog .cms-head{text-align:left;padding-left:28px}
.cms-close{position:absolute;right:18px;top:12px;border:0;background:none;font-size:28px;line-height:1;color:#909399;cursor:pointer;padding:4px}
.cms-edit{padding:20px 30px 26px}
.cms-tabs-row{display:flex;justify-content:space-between;align-items:flex-end;border-bottom:1px solid #e4e7ed;margin-bottom:20px}
.cms-tabs{display:flex}
.cms-tabs button{padding:12px 24px;border:1px solid #e4e7ed;border-bottom:0;background:#fff;color:#303133;font-size:16px;margin:0 -1px -1px 0;cursor:pointer;border-radius:4px 4px 0 0}
.cms-tabs button.active{color:#5bc0d3;border-bottom:1px solid #fff}
.cms-tools{display:flex;gap:10px;padding-bottom:10px}
.cms-tools button{border:0;background:none;color:#5bc0d3;cursor:pointer;padding:2px}
.cms-tools .icon{width:20px;height:20px}
.cms-body{display:grid;grid-template-columns:minmax(260px,360px) minmax(0,1fr);gap:12px;align-items:start}
.cms-edit.full .cms-body{grid-template-columns:minmax(0,1fr)}
.cms-edit.full .cms-side{display:none}
.cms-acc{width:100%;display:flex;justify-content:space-between;align-items:center;background:#e9ecf3;border:0;padding:15px 18px;font-size:16px;font-weight:700;color:#303133;cursor:pointer}
.cms-acc-chev{transition:transform .2s;transform:rotate(-90deg)}
.cms-acc-chev.open{transform:none}
.cms-field{display:block;margin-top:18px}
.cms-field>span,.cms-label{display:block;font-size:15px;color:#606266;margin:14px 0 8px}
.cms-field>span{margin-top:0}
.cms-field input,.cms-field textarea,.cms-link-row select{width:100%;border:1px solid #dcdfe6;border-radius:2px;padding:10px 14px;font-size:15px;color:#606266;background:#fff;box-sizing:border-box;font-family:inherit}
.cms-link-row select:disabled{background:#f5f7fa;color:#c0c4cc}
.cms-content-head{display:flex;justify-content:space-between;align-items:center;margin:26px 0 14px;padding:0 12px;font-weight:700;color:#606266;font-size:15px}
.cms-add{background:#f8d000;color:#fff;border:0;width:52px;height:40px;font-size:24px;font-weight:700;border-radius:2px;cursor:pointer}
.cms-rows{border-top:1px solid #dcdfe6}
.cms-row{display:grid;grid-template-columns:minmax(0,1fr) auto auto auto;gap:10px;align-items:center;background:#e9ecf3;border-bottom:1px solid #dcdfe6;padding:10px 12px 10px 18px}
.cms-row b{font-size:15px;color:#303133}
.cms-switch{position:relative;display:inline-block;width:50px;height:24px}
.cms-switch input{position:absolute;inset:0;opacity:0;margin:0;cursor:pointer;z-index:1}
.cms-switch i{position:absolute;inset:0;background:#dcdfe6;border-radius:12px;transition:.2s}
.cms-switch i::after{content:'';position:absolute;left:2px;top:2px;width:20px;height:20px;border-radius:50%;background:#fff;transition:.2s}
.cms-switch input:checked+i{background:#5bc0d3}
.cms-switch input:checked+i::after{left:28px}
.cms-switch input:focus-visible+i{outline:2px solid #1684ed;outline-offset:2px}
.cms-drag{border:1px solid #c0c4cc;background:#fff;width:22px;height:30px;display:flex;align-items:center;justify-content:center;font-size:15px;color:#606266}
.cms-chev{border:0;background:none;font-size:22px;line-height:1;color:#606266;cursor:pointer;transition:transform .2s;padding:2px 4px}
.cms-chev.open{transform:rotate(90deg)}
.cms-row-panel{padding:4px 18px 16px;background:#fff;border-bottom:1px solid #dcdfe6;font-size:13px}
.cms-row-panel .cms-field{margin-top:10px}
.cms-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:22px;flex-wrap:wrap}
.cms-btn{background:#5bc0d3;color:#fff;border:0;border-radius:3px;padding:12px 26px;font-size:16px;cursor:pointer}
.cms-btn:hover{background:#4ab0c3}
.cms-preview{max-height:calc(100dvh - 240px);overflow:auto;min-height:420px}
.cms-sms-bar{display:flex;gap:10px;align-items:center;flex-wrap:wrap;background:#eef1f6;padding:6px 8px;font-size:14px;color:#606266}
.cms-sms-ic{background:#606266;color:#fff;font-size:9px;font-weight:700;border-radius:50%;width:26px;height:26px;display:flex;align-items:center;justify-content:center}
.cms-sms-bar span:last-child{margin-left:auto}
.cms-sms-box{position:relative;border:1px solid #dcdfe6;background:#fff}
.cms-sms-box textarea{width:100%;border:0;padding:12px 16px 28px;font-family:Consolas,monospace;font-size:14px;color:#606266;resize:vertical;box-sizing:border-box}
.cms-count{position:absolute;right:10px;bottom:6px;color:#5bc0d3;font-size:14px}
.cms-deduct{display:flex;justify-content:space-between;background:#eef1f6;padding:16px 12px;margin-top:12px;font-size:15px}
.cms-check{display:flex;gap:10px;align-items:center;margin-top:18px;font-size:15px;cursor:pointer}
.cms-help{color:#a8abb2;font-size:14px;line-height:1.6;margin:8px 0 0}
.cms-link-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2fr);gap:12px}
/* Email as the live builder renders it: a centred 600px email column */
.cms-mail-meta{display:flex;gap:12px;background:#eff0f2;padding:12px 14px 22px;color:#555}
.cms-mail-meta>div{display:flex;flex-direction:column;gap:3px;font-size:15px;min-width:0}
.cms-avatar{width:24px;height:24px;border-radius:50%;background:#606266;color:#fff;display:flex;align-items:center;justify-content:center;flex:none}
.cms-avatar .icon{width:14px;height:14px}
.cms-mail-body{background:#fff;padding:0 0 10px}
.cms-mail-col{width:600px;max-width:100%;margin:0 auto;color:#606266;font-family:Arial,Helvetica,sans-serif}
.cms-mail-col.dark .cms-mail-split{color:#e8ecf3}
.cms-mail-col.dark .cms-mail-split h4{color:#fff}
.cms-mail-col.dark .cms-mail-split p{color:#c7cfdb}
.cms-mail-logo{display:flex;justify-content:center;padding:18px 0}
.cms-mail-logo span{width:96px;height:32px;background:#f8c400;color:#fff;display:flex;align-items:center;justify-content:center}
.cms-mail-logo .icon{width:20px;height:20px}
.cms-hero{padding:34px 24px 30px;text-align:center}
.cms-hero-title{font-size:34px;line-height:1.2;color:#303133;display:flex;justify-content:center;align-items:center;gap:10px;flex-wrap:wrap}
.cms-hero-title .icon{width:30px;height:30px}
.cms-hero-sub{font-size:18px;color:#8c8c8c;margin-top:8px}
.cms-tiles{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:24px}
.cms-tile{background:#fff;border-radius:6px;padding:14px 10px;display:flex;flex-direction:column;align-items:center;gap:6px;box-shadow:0 1px 4px #0000000f}
.cms-tile span{height:96px;display:flex;align-items:center;justify-content:center}
.cms-tile img{width:110px;height:96px;object-fit:cover;border-radius:4px}
.cms-tile b{font-size:13px;color:#303133;font-weight:600}
.cms-tile small{font-size:13px;color:#8c8c8c}
.cms-hero-fireworks{background:radial-gradient(circle at 20% 30%,#f7a35c33,transparent 60%),radial-gradient(circle at 80% 25%,#8c6cff33,transparent 55%),#1d2a47;padding:30px 24px 40px}
.cms-hero-fireworks .cms-hero-title{color:#fff}
.cms-hero-fireworks .cms-hero-sub{color:#c7cfdb;border-top:2px solid #ffffff99;display:inline-block;padding-top:12px;margin-top:16px}
.cms-hero-xmas{background:#c4e3d1;padding:26px 24px 18px}
.cms-hero-art{font-size:64px;line-height:1.1;letter-spacing:6px}
.cms-hero-band{padding:22px 24px 24px;text-align:center}
.cms-hero-band .cms-hero-title,.cms-hero-band .cms-hero-sub{color:#fff}
.cms-hero-opening .cms-hero-art{font-size:46px}
.cms-hero-script{font-family:"Brush Script MT","Segoe Script",cursive;font-size:56px;color:#303133;line-height:1.1;margin-top:6px}
.cms-mail-split{display:grid;grid-template-columns:240px minmax(0,1fr);gap:24px;align-items:center;padding:26px 30px}
.cms-split-img{height:190px;background:#f6f6f6;border-radius:6px;display:flex;align-items:center;justify-content:center}
.cms-split-img img{width:170px;height:150px;object-fit:cover;border-radius:4px}
.cms-split-img.tall img{width:auto;height:170px;object-fit:contain}
.cms-mail-split h4{font-size:22px;color:#555;font-weight:400;margin:0 0 10px}
.cms-mail-split p{font-size:15px;line-height:1.6;color:#8c8c8c;margin:0 0 14px}
.cms-mail-more{display:inline-block;color:#fff;padding:6px 14px;font-size:14px;letter-spacing:.5px}
.cms-mail-promo{margin:6px 30px 18px;padding:18px;text-align:center;display:flex;flex-direction:column;gap:6px;background:#fafafa;border:1px solid #eee}
.cms-mail-promo small{letter-spacing:2px;font-size:12px;color:#8c8c8c}
.cms-mail-promo b{font-size:26px;line-height:1.25}
.cms-mail-promo span{font-size:12px;color:#a8abb2}
.cms-mail-btn{display:flex;justify-content:center;padding:20px 0}
.cms-mail-btn span{padding:9px 60px;border-radius:3px;font-family:Georgia,serif;font-size:16px;letter-spacing:.5px}
.cms-mail-footer{padding:30px 22px 34px;text-align:center;color:#fff;font-family:Georgia,serif;font-size:13px}
.cms-mail-footer p{color:inherit;margin:4px 0}
.cms-social{display:flex;justify-content:center;gap:10px}
.cms-social i{width:30px;height:30px;border:2px solid #fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-style:normal;font-weight:700;font-size:13px}
.cms-mail-footer hr{border:0;border-top:2px solid #fff;margin:12px 0 14px}
.cms-mail-footer u{display:block;margin-top:12px}
.cms-empty{padding:40px;text-align:center}
@media(max-width:760px){.cms-hero-title{font-size:24px}.cms-hero-script{font-size:40px}.cms-tiles{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.cms-tile img{width:72px;height:64px}.cms-tile span{height:66px}.cms-tile b{font-size:11px}.cms-mail-split{grid-template-columns:1fr;padding:20px}.cms-mail-btn span{padding:9px 30px}}
/* Text message phone (edit preview) */
.cms-phone-wrap{display:flex;justify-content:center;align-items:flex-start;padding-top:6px}
.cms-iphone{width:290px;max-width:100%;height:560px;border:10px solid #1f2d3d;box-shadow:0 0 0 3px #4a7bb0;border-radius:44px;position:relative;overflow:hidden;background:linear-gradient(165deg,#3a1c71 0%,#6b1d5c 25%,#d76d3a 52%,#f5c518 70%,#00d2ff 100%);box-sizing:border-box;margin:0 auto}
.cms-iphone-notch{position:absolute;top:0;left:50%;transform:translateX(-50%);width:110px;height:26px;background:#1f2d3d;border-radius:0 0 16px 16px}
.cms-notif{margin:52px 14px 0;background:#fff;border-radius:6px;overflow:hidden;font-size:10px;text-align:center;color:#555}
.cms-notif-head{background:#eee;padding:10px 8px 6px;display:flex;flex-direction:column;align-items:center;gap:4px}
.cms-notif-head .cms-avatar{width:30px;height:30px;background:#c8c8c8}
.cms-notif-meta{padding:8px;line-height:1.4}
.cms-notif-bubble{margin:0 8px 10px;background:#eee;border-radius:8px;padding:9px 10px;text-align:left;font-size:12px;line-height:1.45;color:#333;min-height:14px}
/* Choose Template */
.cms-choose-body{padding:14px 28px 0;max-height:calc(100dvh - 230px);overflow:auto}
.cms-choose-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:26px 40px}
.cms-choose-card{cursor:pointer;display:flex;flex-direction:column;gap:12px}
.cms-thumb{height:250px;overflow:hidden;background:#fff;box-shadow:0 2px 10px #0000001f;display:flex;justify-content:center}
.cms-thumb-inner{width:600px;flex:none;transform:scale(.31);transform-origin:top center;pointer-events:none}
.cms-choose-card.selected .cms-thumb{outline:2px solid #5bc0d3;outline-offset:3px}
.cms-choose-name{display:flex;gap:10px;align-items:flex-start;font-size:16px;color:#606266;line-height:1.2}
.cms-choose-name input{margin-top:2px;flex:none}
.cms-choose-foot{display:flex;justify-content:center;gap:12px;flex-wrap:wrap;padding:20px}
.cms-sms-thumb{width:165px;margin-top:12px;border:8px solid #000;border-top-width:18px;border-bottom:0;border-radius:24px 24px 0 0;background:#fff;font-size:10px;color:#333;font-family:"Microsoft JhengHei",Arial,sans-serif}
.cms-sms-thumb-head{border-bottom:1px solid #ddd;padding:6px 8px;font-weight:700}
.cms-sms-thumb-bubble{margin:8px;background:#d9d9d9;border-radius:6px;padding:6px 8px;line-height:1.35;overflow-wrap:anywhere}
.cms-sms-thumb small{display:block;text-align:right;padding:0 10px;font-size:8px}
/* Campaign preview: the builder's render, scaled to the side panel */
.tb-frame #campaign-live.is-email .cms-mail{zoom:.5}
.tb-frame #campaign-live.is-sms .cms-iphone{height:470px}
@media(max-width:760px){.cms-edit{padding:14px}.cms-body{grid-template-columns:minmax(0,1fr)}.cms-tabs button{padding:10px 14px;font-size:14px}.cms-choose-body{padding:10px 14px 0}.cms-choose-grid{gap:20px}.cms-preview{max-height:none;min-height:0}}
/* Section panels like the live builder */
.cms-row-panel{padding:14px 18px 18px}
.cms-radios{display:flex;gap:18px;flex-wrap:wrap;margin:6px 0 14px}
.cms-radios label{display:flex;gap:6px;align-items:center;font-size:15px;color:#606266;cursor:pointer}
.cms-radios label.on,.cms-tick.on{color:#5bc0d3}
.cms-radios input,.cms-tick input{accent-color:#5bc0d3}
.cms-sub{border:1px solid #ebeef5;margin-top:12px;background:#fff}
.cms-sub-head{display:flex;align-items:center;gap:10px;background:#e9ecf3;padding-right:12px}
.cms-sub-head>button{flex:1;display:flex;justify-content:flex-start;text-align:left;border:0;background:none;padding:13px 16px;font-size:15px;font-weight:700;color:#303133;cursor:pointer}
.cms-sub-chev{transition:transform .2s;color:#606266;font-size:18px}
.cms-sub-chev.open{transform:rotate(90deg)}
.cms-sub-body{padding:12px 14px}
.cms-sub-note{font-size:13px;color:#606266;margin:0 0 10px;line-height:1.5}
.cms-align,.cms-cols{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid #dcdfe6;border-radius:3px;overflow:hidden;margin:6px 0 12px}
.cms-align button,.cms-cols button{border:0;border-right:1px solid #dcdfe6;background:#f5f7fa;height:40px;cursor:pointer;display:flex;align-items:center;justify-content:center}
.cms-align button:last-child,.cms-cols button:last-child{border-right:0}
.cms-align button.active,.cms-cols button.active{background:#5bc0d3}
.cms-align i{display:block;width:16px;height:10px;--l:#606266}
.cms-align .al-left{background:linear-gradient(var(--l) 0 0) 0 0/100% 2px no-repeat,linear-gradient(var(--l) 0 0) 0 50%/60% 2px no-repeat,linear-gradient(var(--l) 0 0) 0 100%/100% 2px no-repeat}
.cms-align .al-center{background:linear-gradient(var(--l) 0 0) 0 0/100% 2px no-repeat,linear-gradient(var(--l) 0 0) 50% 50%/60% 2px no-repeat,linear-gradient(var(--l) 0 0) 0 100%/100% 2px no-repeat}
.cms-align .al-right{background:linear-gradient(var(--l) 0 0) 0 0/100% 2px no-repeat,linear-gradient(var(--l) 0 0) 100% 50%/60% 2px no-repeat,linear-gradient(var(--l) 0 0) 0 100%/100% 2px no-repeat}
.cms-align button.active i{--l:#fff}
.cms-cols i{display:block;width:10px;height:16px;border:2px solid #606266}
.cms-cols i+i{border-left:0}
.cms-cols button.active i{border-color:#fff}
.cms-color{display:flex;align-items:center;gap:12px;margin:10px 0;font-size:15px;color:#606266;cursor:pointer}
.cms-color input{width:34px;height:34px;border:1px solid #dcdfe6;border-radius:3px;padding:3px;background:#fff;cursor:pointer}
.cms-banner-card{border:1px solid #ebeef5}
.cms-banner-head{display:flex;justify-content:space-between;align-items:center;background:#f4f6fa;padding:8px 12px;color:#606266}
.cms-banner-head button{border:0;background:none;color:#f56c6c;cursor:pointer;padding:2px}
.cms-banner-head .icon{width:16px;height:16px}
.cms-banner-thumb{height:150px;overflow:hidden}
.cms-banner-thumb .cms-hero,.cms-banner-thumb .cms-hero-band{zoom:.5}
.cms-rte{border:1px solid #dcdfe6;margin-top:6px;background:#fff}
.cms-rte-menu{padding:10px 14px;border-bottom:1px solid #dcdfe6;font-size:14px;color:#303133;word-spacing:12px}
.cms-rte-tools{display:flex;gap:14px;align-items:center;padding:8px 14px;border-bottom:1px solid #dcdfe6;color:#606266;font-size:15px}
.cms-rte-sel{border-left:1px solid #dcdfe6;border-right:1px solid #dcdfe6;padding:0 12px}
.cms-rte textarea{width:100%;border:0;padding:12px 14px;font-size:14px;line-height:1.6;color:#606266;resize:vertical;box-sizing:border-box;font-family:inherit;display:block}
.cms-rte-status{display:flex;justify-content:space-between;border-top:1px solid #dcdfe6;padding:4px 10px;font-size:11px;color:#909399}
.cms-select,.cms-input{width:100%;border:1px solid #dcdfe6;border-radius:2px;padding:10px 14px;font-size:14px;color:#606266;background:#fff;box-sizing:border-box;font-family:inherit;margin-bottom:4px}
.cms-select:disabled{background:#f5f7fa;color:#a8abb2}
.cms-q{display:inline-flex;width:16px;height:16px;border-radius:50%;background:#909399;color:#fff;font-size:11px;align-items:center;justify-content:center;margin-left:4px}
.cms-warn{color:#f56c6c;font-size:13px;margin:6px 0 4px;line-height:1.4}
.cms-btn-text{display:grid;grid-template-columns:minmax(0,1fr) 90px}
.cms-btn-text input,.cms-btn-text select{border:1px solid #dcdfe6;padding:10px 14px;font-size:14px;color:#606266;background:#fff;min-width:0}
.cms-btn-text select{border-left:0}
.cms-ticks{display:flex;flex-direction:column;margin:0 0 8px}
.cms-tick{display:flex;gap:8px;align-items:center;font-size:15px;color:#606266;cursor:pointer;margin:10px 0 6px}
.cms-swatches{display:grid;grid-template-columns:repeat(8,30px);gap:6px;margin-top:6px}
.cms-swatches button{width:30px;height:30px;border:1px solid #303133;cursor:pointer;padding:0}
.cms-swatches button.on{outline:2px solid #5bc0d3;outline-offset:2px}
/* Email parts driven by the panels */
.cms-mail-logo{padding:18px 30px}
.cms-shop-name{font-size:22px;color:#303133;letter-spacing:2px}
.cms-slogan{font-family:Georgia,serif;font-size:18px;color:#606266}
.cms-promo-grid{display:grid;gap:12px;margin-top:14px}
.cms-promo-grid.cols-1{grid-template-columns:minmax(0,260px);justify-content:center}
.cms-promo-grid.cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}
.cms-promo-grid.cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}
.cms-promo-item{background:#fff;border:1px solid #eee;padding:12px;display:flex;flex-direction:column;align-items:center;gap:5px}
.cms-promo-item>span{height:90px;display:flex;align-items:center}
.cms-promo-item img{width:100px;height:90px;object-fit:cover;border-radius:4px}
.cms-promo-item b{font-size:13px;color:#303133}
.cms-promo-item small{font-size:13px;color:#e8483b}
.cms-promo-item small s{color:#a8abb2}
.cms-promo-item i{font-style:normal;font-size:12px;padding:5px 16px;margin-top:4px}
.cms-promo-extra{margin-top:12px;font-size:13px;display:flex;gap:6px;justify-content:center;align-items:center}
.cms-promo-extra .icon{width:15px;height:15px}
.cms-promo-coupon{margin-top:12px;border:2px dashed #c0c4cc;padding:10px;display:flex;flex-direction:column;gap:4px}
.cms-promo-coupon b{font-size:18px;letter-spacing:2px;color:#303133}
@media(max-width:760px){.cms-promo-grid.cols-3{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.cms-promo-item img{width:64px;height:58px}.cms-promo-item>span{height:58px}.cms-swatches{grid-template-columns:repeat(6,30px)}}

.campaign-audience-automation{margin-top:14px;padding:10px 12px;border:1px solid #dbe8e6;border-radius:7px;background:#f5faf9;font-size:12px;color:#334155}
.campaign-audience-automation b{font-size:12px;font-weight:600}
.campaign-audience-automation p{margin:4px 0 0;font-size:11px;line-height:1.5;color:#64748b}
.campaign-policy-link{display:inline-block;font-size:11px;margin:0 0 10px;color:#0f766e}

.campaign-automation-fields{margin:16px 0;padding:14px;border:1px solid #e2e8f0;border-radius:8px}
.campaign-automation-fields h3{margin:0 0 6px;font-size:13px;font-weight:600}
.campaign-automation-fields .note{font-size:11px;line-height:1.5;color:#64748b}
.campaign-automation-fields .field{display:block;margin:12px 0}
.campaign-automation-fields .field>span{display:block;font-size:12px;font-weight:500;margin-bottom:6px}
.campaign-automation-fields input,.campaign-automation-fields select{width:100%;height:34px;box-sizing:border-box;font-size:12px;padding:6px 9px}
.campaign-automation-fields small{display:block;font-size:11px;margin-top:5px;color:#64748b}

/* Storefront signup popups are anchored to the shop's bottom-right corner. */
.store-frame .sf-dim,.template-store .template-overlay{display:flex;align-items:flex-end;justify-content:flex-end;padding:12px;background:transparent;pointer-events:none;box-sizing:border-box;overflow:hidden}
.store-frame .sf-dim>.popup,.template-store .template-overlay>.popup{flex:0 1 340px;width:100%;max-width:340px;max-height:100%;overflow-y:auto;margin:0;box-sizing:border-box;pointer-events:auto;text-align:center}
.sf-config-preview .store-frame .sf-dim>.popup{margin:0;max-width:320px}
@media(max-width:480px){.store-frame .sf-dim,.template-store .template-overlay{padding:8px}}

/* Shared storefront customization and shop preview across templates and campaigns. */
.storefront-customization .field{display:block;margin:12px 0 0}
.storefront-customization .field>span{display:block;font-size:12px;font-weight:500;margin-bottom:6px}
.storefront-customization .field input:not([type=checkbox]),.storefront-customization textarea{width:100%;box-sizing:border-box;font:inherit;font-size:12px;padding:7px 9px;border-radius:5px}
.storefront-customization .field input:not([type=checkbox]){height:34px}
.storefront-customization .tpl-fields{gap:8px}
.storefront-customization .consent{padding:3px 0;border:0;border-radius:0;background:transparent;gap:8px;font-size:12px}
.storefront-customization .consent b{font-size:12px;font-weight:500}
.storefront-customization .consent small,.storefront-customization .tpl-fields>small{font-size:11px;line-height:1.4}
.storefront-template-builder .rc-popup-setup{margin-top:14px;padding:14px}
.storefront-template-builder .rc-popup-setup h3{font-size:14px}
.storefront-template-builder .builder-preview{padding:14px;background:#f8fafc}
.storefront-template-builder .builder-preview .popup{padding:22px 22px 18px}
.storefront-template-reward .builder-label{margin-top:18px}
.storefront-template-builder .popup-setup-help{position:static}
/* Templates page: library cards and preview drawn by the template builder */
.tpl-art-cms{padding-top:16px}
.tpl-scale-cms{width:600px;flex-shrink:0;transform:scale(.42);transform-origin:top center;pointer-events:none}
.tpl-art-cms .cms-sms-thumb{transform:scale(1.15);transform-origin:top center}
.cms-lib-preview{max-height:calc(100dvh - 260px);overflow:auto;border:1px solid #ebeef5}
/* Templates page, Email tab: CMS Template Editor page in an iframe */
.cms-page{border:1px dashed #9db4c9;border-radius:10px;overflow:hidden;background:#eef1f8;margin-bottom:18px;color:#606266;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif}
.cms-page-body{display:grid;grid-template-columns:minmax(0,1fr) 380px;align-items:start;min-height:560px}
.cms-page-main{padding:16px;min-width:0}
.cms-page-bar{background:#fff;padding:20px 24px;display:flex;flex-direction:column;gap:18px}
.cms-page-bar-edit{flex-direction:row;justify-content:space-between;align-items:center;border-bottom:1px solid #ebeef5}
.cms-page-tools{display:flex;gap:10px;align-items:center}
.cms-tool{width:54px;height:38px;border:1px solid #dcdfe6;background:#fff;color:#303133;display:flex;align-items:center;justify-content:center;cursor:pointer;border-radius:2px}
.cms-tool .icon{width:16px;height:16px}
.cms-tool.active{background:#5bc0d3;border-color:#5bc0d3;color:#fff}
.cms-tool.on{background:#dcdfe6;border-color:#dcdfe6;color:#fff}
.cms-tool:disabled{cursor:default}
.cms-tool-gap{width:40px}
.cms-page-filter{display:flex;gap:20px;align-items:center;flex-wrap:wrap}
.cms-radio{display:flex;gap:8px;align-items:center;font-size:16px;color:#5bc0d3}
.cms-radio input{accent-color:#5bc0d3}
.cms-page-filter .cms-input{width:250px;margin:0}
.cms-search{padding:10px 26px}
.cms-search .icon{width:18px;height:18px}
.cms-page-actions{display:flex;gap:12px;align-items:center}
.cms-page-actions .cms-btn{padding:10px 20px;font-size:15px}
.cms-btn-outline{border:1px solid #5bc0d3;background:#fff;color:#5bc0d3;border-radius:3px;width:54px;height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer}
.cms-btn-outline .icon{width:18px;height:18px}
.cms-page-choose{background:#fff;margin-top:1px;padding:26px 24px 10px}
.cms-page-choose h3{text-align:center;font-size:20px;color:#303133;margin:0 0 22px}
.cms-page-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:26px 30px;max-height:clamp(300px,calc(100dvh - 440px),560px);overflow:auto;padding:4px;overscroll-behavior:contain}
.cms-thumb-new{border:2px dashed #c0c4cc;box-shadow:none;align-items:center}
.cms-thumb-new span{font-size:70px;font-weight:200;color:#909399;line-height:1}
.cms-page-canvas{background:#fff;max-height:780px;overflow:auto;padding:20px 0}
.cms-page-side{background:#fff;min-height:560px;padding:20px 18px;border-left:1px solid #e4e7ed}
.cms-side-title{display:flex;gap:12px;align-items:center;font-size:17px;font-weight:700;color:#303133;padding:0 6px 16px;border-bottom:2px solid #e4e7ed;margin-bottom:16px}
.cms-side-title .icon{width:16px;height:16px}
.cms-page-side .cms-side{margin:0}
.cms-dl{display:grid;grid-template-columns:auto 1fr;gap:8px 14px;margin:0;font-size:14px}
.cms-dl dt{color:#909399}
.cms-dl dd{margin:0;color:#303133}
.cms-used{margin:0;padding-left:18px;font-size:14px}
.cms-hero-ph{background:#cfe9ef;height:300px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;color:#9fb9c1}
.cms-hero-ph span .icon{width:110px;height:110px;stroke-width:1}
.cms-hero-ph b{font-size:26px;font-weight:400}
.cms-hero-ph small{font-size:22px}
@media(max-width:1100px){.cms-page-body{grid-template-columns:minmax(0,1fr)}.cms-page-side{border-left:0;border-top:1px solid #e4e7ed;min-height:0}}
@media(max-width:600px){.cms-page-main{padding:8px}.cms-page-bar{padding:14px}.cms-page-bar-edit{flex-direction:column;align-items:flex-start;gap:12px}.cms-tool-gap{width:10px}.cms-page-filter .cms-input{width:100%}.cms-page-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:18px}.cms-page-canvas{max-height:none}}
/* New text message template: full-width form like the live builder */
.cms-page-body:not(:has(.cms-page-side)){grid-template-columns:minmax(0,1fr)}
.cms-sms-new{background:#fff;padding:26px 24px 34px;margin-top:1px}
.cms-req{display:block;font-size:16px;color:#606266;margin-bottom:10px}
.cms-req::before{content:"* ";color:#f56c6c}
.cms-sms-new .cms-input{margin:0 0 36px}
.cms-sms-new-text{width:100%;box-sizing:border-box;min-height:250px;border:1px solid #dcdfe6;padding:14px 18px;font-family:Consolas,monospace;font-size:14px;color:#606266;resize:vertical;display:block}
.cms-sms-new .cms-check{margin-top:22px}
.cms-sms-new .cms-label{margin-top:24px}
.cms-sms-new .cms-link-row{grid-template-columns:minmax(0,1fr) minmax(0,2fr)}
.cms-radios-src{display:flex;gap:26px;align-items:center;flex-wrap:wrap}
.cms-radio{cursor:pointer;color:#606266}
.cms-radio.on{color:#5bc0d3}
/* The New Template / Edit Template button stays in view; only the template grid scrolls. */
.cms-page-choose .cms-choose-foot{position:sticky;bottom:0;background:#fff;z-index:1;border-top:1px solid #f0f2f5}
/* Banner image upload pop-up, like the live builder */
.cms-banner-click{cursor:pointer}
.cms-banner-click:hover{outline:2px dashed #5bc0d3;outline-offset:-2px}
button.cms-banner-thumb{display:block;width:100%;border:0;padding:0;background:none;cursor:pointer;text-align:inherit}
button.cms-banner-thumb:hover{outline:2px solid #5bc0d3;outline-offset:-2px}
.cms-hero-img img{display:block;width:100%;max-height:340px;object-fit:cover}
.cms-upload-overlay{position:fixed;inset:0;background:#00000073;display:flex;align-items:flex-start;justify-content:center;padding:6vh 16px;z-index:1000;overflow:auto}
.cms-upload{background:#fff;width:min(960px,100%);border-radius:4px;box-shadow:0 12px 40px #0003;color:#606266;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif}
.cms-upload-head{position:relative;padding:22px 56px 6px 26px}
.cms-upload-head h2{font-size:22px;font-weight:600;color:#606266;margin:0}
.cms-upload-head .cms-close{top:14px}
.cms-upload-body{display:flex;gap:16px;align-items:flex-start;padding:18px 20px 6px}
.cms-upload-label{font-size:16px;padding-top:10px;white-space:nowrap}
.cms-upload-pick{width:190px;height:190px;border:1px solid #e4e7ed;border-radius:12px;background:#fff;padding:0;cursor:pointer;display:flex;align-items:center;justify-content:center;overflow:hidden}
.cms-upload-pick:hover{border-color:#5bc0d3}
.cms-upload-pick img{width:100%;height:100%;object-fit:cover}
.cms-upload-ph{width:100%;height:105px;background:#cfe9ef;color:#9fb9c1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px}
.cms-upload-ph .icon{width:40px;height:40px}
.cms-upload-ph small{font-size:9px;text-align:center;line-height:1.3}
.cms-upload-note{margin:12px 20px 0;font-size:16px;color:#606266}
.cms-upload .cms-choose-foot{padding:30px 20px 20px}
#cms-upload-preview{display:flex;align-items:center;justify-content:center;width:100%;height:100%}

/* Separate the switch hit area from its compact track; avoid double knob movement. */
.campaign-wizard .visitor-engagement-top .toggle{position:relative;display:block;flex:0 0 40px;width:40px;min-width:40px;height:32px;min-height:32px;padding:0;background:transparent;border:0;box-shadow:none;cursor:pointer;touch-action:manipulation}
.campaign-wizard .visitor-engagement-top .toggle::before{content:'';position:absolute;left:4px;top:7px;width:32px;height:18px;border-radius:20px;background:#a8b4c3;transition:background .15s;pointer-events:none}
.campaign-wizard .visitor-engagement-top .toggle span{position:absolute;left:6px;top:9px;width:14px;height:14px;margin:0;border-radius:50%;background:#fff;transform:translateX(0);transition:transform .15s;pointer-events:none}
.campaign-wizard .visitor-engagement-top .toggle.on{background:transparent}
.campaign-wizard .visitor-engagement-top .toggle.on::before{background:#009d89}
.campaign-wizard .visitor-engagement-top .toggle.on span{transform:translateX(14px)}
.campaign-wizard .visitor-engagement-top .toggle:focus-visible{outline:2px solid #0f766e;outline-offset:2px;border-radius:6px}

/* Highlight campaign resend configuration within the launch step. */
.campaign-wizard .campaign-automation-fields{background:#f0fdfa;border:1px solid #b8e4dd;border-left:3px solid #0f766e;border-radius:8px;padding:14px 16px}
.campaign-wizard .campaign-automation-fields .campaign-resend-heading{display:flex;align-items:center;gap:8px;margin:0 0 12px;font-size:14px;line-height:1.4;font-weight:600;color:#115e59}
.campaign-resend-icon{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;flex:0 0 26px;border-radius:6px;background:#d9f3ec;color:#0f766e}
.campaign-resend-icon svg{width:15px;height:15px}
.campaign-wizard .campaign-automation-fields select{background:#fff;border-color:#b8d7d2}
.campaign-wizard .campaign-automation-fields .note,.campaign-wizard .campaign-automation-fields small{color:#526f6b}

.spending-audience-notice{display:flex;align-items:flex-start;gap:10px;padding:12px 14px;margin:14px 0;border:1px solid #ddd6fe;border-radius:8px;background:#faf8ff;color:#534174}
.spending-audience-notice>span{display:flex;flex:0 0 18px;margin-top:2px}
.spending-audience-notice svg{width:16px;height:16px}
.spending-audience-notice b{font-size:12px;font-weight:600}
.spending-audience-notice p{margin:5px 0;font-size:12px;line-height:1.5}
.spending-audience-notice small{display:block;font-size:11px;line-height:1.5;color:#64748b}
.spending-audience-notice a{display:inline-flex;align-items:center;gap:5px;margin-top:8px;font-size:11px;color:#6d28d9;font-weight:500}
.spending-audience-notice a svg{width:12px;height:12px}
.spending-audience-notice.needs-attention{background:#fffbeb;border-color:#fde68a;color:#92400e}

.audience-choice-wrap{position:relative;min-width:0}
.audience-choice-wrap>.choice{width:100%;height:100%;box-sizing:border-box}
.has-spending-info .audience-card-copy{padding-right:20px}
.audience-spending-info{position:absolute;right:10px;bottom:10px;z-index:2}
.audience-info-icon{display:flex;align-items:center;justify-content:center;width:26px;height:26px;padding:4px;border:0;border-radius:50%;background:transparent;color:#7c6b98;box-shadow:none;cursor:help}
.audience-info-icon svg{width:17px;height:17px}
.audience-info-icon:hover,.audience-info-icon:focus-visible{background:#ede9fe;color:#6d28d9}
.audience-spending-tooltip{display:none;position:absolute;right:0;bottom:100%;width:270px;max-width:calc(100vw - 64px);padding-bottom:6px;z-index:30;text-align:left}
.audience-spending-info:hover .audience-spending-tooltip,.audience-spending-info:focus-within .audience-spending-tooltip{display:block}
.audience-choice-wrap:has(.audience-spending-info:hover),.audience-choice-wrap:focus-within{z-index:10}
.audience-spending-tooltip .spending-audience-notice{margin:0;padding:12px;box-shadow:0 6px 20px #0f172a1a;background:#fff}

.campaign-channel-notice{display:flex;align-items:flex-start;gap:9px;padding:12px 14px;border:1px solid #fde68a;border-radius:7px;background:#fffbeb;color:#92400e;margin:12px 0}
.campaign-channel-notice>span{display:flex;flex:0 0 17px;margin-top:2px}
.campaign-channel-notice svg{width:16px;height:16px}
.campaign-channel-notice b{font-size:12px;font-weight:600}
.campaign-channel-notice p{font-size:11px;line-height:1.5;margin:4px 0 6px}
.campaign-channel-notice a{display:inline-flex;align-items:center;gap:5px;font-size:11px;font-weight:500;color:#92400e}
.campaign-channel-notice a svg{width:12px;height:12px}

/* Product picker: type to search, multi-select with chips */
.pp{position:relative;margin-top:8px}
.pp-box{display:flex;flex-wrap:wrap;gap:6px;align-items:center;min-height:44px;padding:6px 8px;border:1px solid #c9d2dc;border-radius:8px;background:#fff;cursor:text}
.pp-box:focus-within{border-color:#1684ed;box-shadow:0 0 0 3px #1684ed22}
.pp-chip{display:inline-flex;align-items:center;gap:6px;padding:4px 6px 4px 10px;border:1px solid #d5dde6;border-radius:6px;background:#f4f7fa;font-size:13px;font-weight:600;color:#25364b}
.pp-chip button{border:0;background:none;padding:0 4px;font-size:16px;line-height:1;color:#5b6e87;cursor:pointer;min-height:0}
.pp-chip button:hover{color:#d23b3b}
.pp-input{flex:1;min-width:160px;border:0;outline:0;padding:6px 4px;font:inherit;font-size:14px;background:transparent;box-shadow:none}
.pp-list{position:absolute;left:0;right:0;top:calc(100% + 4px);z-index:20;background:#fff;border:1px solid #d5dde6;border-radius:8px;box-shadow:0 10px 30px #0f203826;max-height:240px;overflow:auto;padding:4px}
.pp-opt{display:flex;align-items:center;gap:8px;width:100%;text-align:left;border:0;background:none;padding:9px 10px;border-radius:6px;font-size:14px;color:#25364b;cursor:pointer;min-height:0;justify-content:flex-start}
.pp-opt:hover,.pp-opt:focus-visible{background:#eef5ff}
.pp-opt.is-selected{color:#0b63c4;font-weight:600}
.pp-tick{width:14px;flex:none;color:#0b63c4}
.pp-empty{margin:0;padding:10px;font-size:13px;color:#7a8aa0}
.pp-opt[hidden],.pp-empty[hidden],.pp-list[hidden]{display:none}
.pp .pp-input,.pp .pp-input:focus{border:0;border-radius:0;box-shadow:none;outline:0;height:auto;margin:0;width:auto}

.channel-picker-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:5px}
.campaign-wizard .channel-picker-heading h4{margin:0}
.channel-resend-settings{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;flex:0 0 30px;padding:6px;border:1px solid #dce6e5;border-radius:6px;background:#fff;color:#0f766e;cursor:pointer}
.channel-resend-settings svg{width:16px;height:16px}
.channel-resend-settings:hover{background:#f0fdfa;border-color:#0f766e}
.channel-resend-settings:focus-visible{outline:2px solid #0f766e;outline-offset:2px}

/* Audience cards: flow explanation in the info tooltip */
.audience-spending-tooltip{width:300px}
.audience-flow-tip{padding:12px 14px;border:1px solid #e1e8ef;border-radius:8px;background:#fff;box-shadow:0 6px 20px #0f172a1a;font-size:12px;line-height:1.5;color:#33495e}
.audience-flow-tip b{display:block;margin-bottom:6px;font-size:12px;color:#17283b}
.audience-flow-tip ol{margin:0 0 8px;padding-left:18px}
.audience-flow-tip li+li{margin-top:2px}
.audience-flow-tip p{margin:4px 0 0}
.audience-flow-tip strong{font-weight:600;color:#17283b}
.audience-flow-tip+.spending-audience-notice{margin-top:6px}

.parallel-discount-warning p{font-size:12px;line-height:1.6;color:#475569}
.parallel-discount-warning ul{padding:0;list-style:none;margin:14px 0}
.parallel-discount-warning li{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 12px;border:1px solid #fde68a;background:#fffbeb;border-radius:6px;margin:7px 0;font-size:12px}

.campaign-send-settings .field{display:block;margin:12px 0}
.campaign-send-settings .field>span{display:block;font-size:12px;font-weight:500;margin-bottom:6px}
.campaign-send-settings input,.campaign-send-settings select{width:100%;height:34px;box-sizing:border-box;padding:6px 9px;font-size:12px}
.campaign-send-settings [hidden]{display:none!important}

.recurring-schedule-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.recurring-schedule-grid .field{min-width:0}
@media(max-width:640px){.recurring-schedule-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:380px){.recurring-schedule-grid{grid-template-columns:1fr}}

.oneoff-send-options{display:grid;gap:18px;margin:18px 0}
.oneoff-send-choice{display:flex;align-items:flex-start;gap:10px;cursor:pointer;color:#475569}
.oneoff-send-choice input[type=radio]{width:16px;height:16px;margin:2px 0 0;flex:0 0 16px;accent-color:#0f766e}
.oneoff-send-choice b{display:block;font-size:13px;font-weight:500;line-height:1.5}
.oneoff-send-choice small{display:block;margin-top:4px;font-size:11px;line-height:1.5;color:#64748b}
#campaign-oneoff-defer,#campaign-oneoff-schedule{margin-left:26px}

/* Smaller sign-up popup in the campaign preview so the storefront stays visible behind it */
.rc-preview-card .store-frame:not(.mobile){height:420px}
.rc-preview-card .store-frame .sf-dim{padding:10px;align-items:flex-end;justify-content:flex-end}
.rc-preview-card .store-frame .sf-dim>.popup{zoom:.72;flex-basis:300px;max-width:300px;max-height:none;padding:16px 16px 14px}