/* Platform pages and merchant admin. Quiet, professional palette. */
:root{--ink:#0d0f14;--ink2:#565d6b;--line:#e4e6ec;--soft:#f5f6f9;--pine:#0d0f14;--pine2:#2c303b;--link:#2547d0;--warn:#a5520f;--bad:#b3261e;--ok:#1f6b3a}
[hidden]{display:none!important}*{box-sizing:border-box}body{margin:0;font:15px/1.55 'Inter',system-ui,sans-serif;color:var(--ink);background:#fff;overflow-x:hidden}
a{color:var(--link)}h1{font:800 1.7rem/1.15 'Manrope',system-ui,sans-serif;margin:0 0 14px}h2{font-size:1.15rem;margin:28px 0 12px}h3{font-size:1rem;margin:0 0 12px}
.muted{color:var(--ink2)}.small{font-size:.86rem}.center{text-align:center}.ok{color:var(--ok)}
.pbtn{display:inline-block;background:var(--pine);color:#fff;border:0;border-radius:999px;padding:11px 20px;font:600 .95rem 'Inter',sans-serif;text-decoration:none;cursor:pointer}
.pbtn:hover{background:var(--pine2)}.pbtn.ghost{background:#fff;color:var(--pine);box-shadow:inset 0 0 0 1.5px var(--pine)}.pbtn.sm{padding:7px 13px;font-size:.86rem}.pbtn.wide{width:100%}
.linkbtn{background:none;border:0;color:var(--ink2);cursor:pointer;font:inherit;padding:4px;text-decoration:underline}.linkbtn.danger,.danger{color:var(--bad)}
.alert{background:#fdecea;border:1px solid #f3c2bd;color:#7a1c14;border-radius:8px;padding:10px 14px;margin:0 0 16px}
.flash{background:#e8f3ec;border:1px solid #c0dfca;color:#174d2b;border-radius:8px;padding:10px 14px;margin:0 0 16px}
/* platform pages */
.pf-wrap{max-width:1080px;margin:0 auto;padding:0 16px}
.pf-hdr{border-bottom:1px solid var(--line)}.pf-hdr-in{display:flex;align-items:center;justify-content:space-between;min-height:62px;gap:12px}
.pf-brand{font-weight:700;text-decoration:none;color:var(--ink);display:flex;align-items:center;gap:8px;font-size:1.02rem}
.pf-brand span{background:var(--acc);color:#0d0f14;font-size:.72rem;padding:4px 6px;border-radius:3px}.pf-brand em{font-style:normal;color:var(--ink2);font-weight:500}
.pf-hdr nav{display:flex;gap:16px;align-items:center}.pf-hdr nav a{text-decoration:none;color:var(--ink)}.pf-hdr nav a.b{background:var(--pine);color:#fff;padding:8px 14px;border-radius:8px}
.pf-hero{background:linear-gradient(180deg,#f4f6fb,#fff);padding:64px 0 40px}.pf-lbl{text-transform:uppercase;letter-spacing:.12em;font-size:.74rem;color:var(--acc3);font-weight:600}
.pf-hero h1{font-size:clamp(2rem,4.5vw,3.1rem);max-width:17em}.pf-hero h1 em{color:var(--pine);font-style:normal}.pf-lede{font-size:1.08rem;color:var(--ink2);max-width:40em}.pf-note{color:var(--ink2);font-size:.9rem}
.pf-h2{font:800 1.5rem 'Manrope',system-ui,sans-serif;margin:44px 0 18px}
.tgrid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px}@media(max-width:900px){.tgrid{grid-template-columns:repeat(2,minmax(0,1fr))}}
.tcard{display:flex;flex-direction:column;gap:3px;text-decoration:none;color:var(--ink);border:1px solid var(--line);border-radius:12px;padding:10px}.tcard:hover{border-color:var(--pine)}
.tcard span{color:var(--ink2);font-size:.86rem}.tcard small{color:var(--ink2);font-size:.8rem}
/* miniature theme previews */
.tprev{position:relative;display:grid!important;grid-template-columns:1fr 1fr;gap:5px;padding:24px 8px 8px;border-radius:8px;aspect-ratio:4/3;background:#f6f6f7;overflow:hidden;margin-bottom:6px}
.tprev::before{content:"";position:absolute;left:0;right:0;top:0;height:16px;background:var(--a)}
.tprev i{background:#ddd;border-radius:4px}.tprev b{position:absolute;left:8px;top:1px;color:#fff;font-size:.66rem;letter-spacing:.06em}
.tprev.sm{padding-top:14px}.tprev.sm::before{height:9px}
.tp-atelier{background:#fbf8f4}.tp-atelier i{background:#e7dccf;border-radius:0}
.tp-mandi{grid-template-columns:repeat(3,1fr)}.tp-mandi i{background:#dbe9dd}.tp-mandi i:nth-child(4){display:none}
.tp-glow{background:#fff3f6}.tp-glow i{background:#f7d9e2;border-radius:50%}
.tp-heirloom{background:#14110f}.tp-heirloom i{background:#2c2520;box-shadow:inset 0 0 0 1px var(--a)}
.tp-plain i{background:#e2e6ef}
.pf-3{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:40px auto 60px}.pf-3 div{background:var(--soft);border-radius:12px;padding:18px}.pf-3 b{display:block;margin-bottom:4px}.pf-3 span{color:var(--ink2);font-size:.92rem}
@media(max-width:700px){.pf-3{grid-template-columns:1fr}}
.pf-auth{max-width:520px;padding:40px 16px 60px}.pf-text{max-width:760px;padding:40px 16px}
.pf-ftr{border-top:1px solid var(--line);padding:22px 0;font-size:.86rem;color:var(--ink2);margin-top:40px}.pf-ftr a{color:var(--ink2)}
/* forms */
.pform label{display:block;font-size:.88rem;font-weight:500;margin-bottom:14px}.pform label small{font-weight:400;color:var(--ink2)}
.pform input:not([type=checkbox]):not([type=radio]):not([type=color]),.pform select,.pform textarea{display:block;width:100%;margin-top:5px;font:inherit;padding:10px 11px;border:1.5px solid var(--line);border-radius:8px;background:#fff;color:var(--ink)}
.pform input:focus,.pform select:focus,.pform textarea:focus{outline:none;border-color:var(--pine2)}
.pform .chk{display:flex;gap:8px;align-items:center;font-weight:400}.pform .chk input{width:auto}
.slugbox{display:flex;margin-top:5px}.slugbox input{margin:0!important;border-radius:8px 0 0 8px!important}.slugbox span{display:grid;place-items:center;padding:0 10px;background:var(--soft);border:1.5px solid var(--line);border-left:0;border-radius:0 8px 8px 0;color:var(--ink2);font-size:.86rem;white-space:nowrap}
.tpick{border:0;padding:0;margin:0 0 14px;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}.tpick legend{font-size:.88rem;font-weight:500;margin-bottom:6px}
.tpick.big{grid-template-columns:repeat(5,minmax(0,1fr))}@media(max-width:640px){.tpick,.tpick.big{grid-template-columns:repeat(2,minmax(0,1fr))}}
.tp{border:1.5px solid var(--line);border-radius:10px;padding:6px;cursor:pointer;margin:0!important;display:flex!important;flex-direction:column}
.tp input{position:absolute;opacity:0}.tp:has(input:checked){border-color:var(--pine);box-shadow:0 0 0 1px var(--pine)}.tp small{color:var(--ink2);font-weight:400;font-size:.76rem}
.hp{position:absolute;left:-9999px}
/* admin shell */
.adm-shell{display:grid;grid-template-columns:230px minmax(0,1fr);min-height:100vh}
.side{background:#f3f4f2;border-right:1px solid var(--line);padding:18px 14px;display:flex;flex-direction:column;gap:10px;position:sticky;top:0;height:100vh;overflow-y:auto}
.side nav{display:flex;flex-direction:column;gap:2px;margin-top:6px}.side nav a{text-decoration:none;color:var(--ink);padding:7px 10px;border-radius:7px;font-size:.93rem}.side nav a.on,.side nav a:hover{background:#e4e8e3}.side nav a.on{font-weight:600}
.viewshop{font-size:.86rem}.usage{margin-top:auto;font-size:.84rem;background:#fff;border:1px solid var(--line);border-radius:10px;padding:10px}
.bar{height:6px;background:var(--soft);border-radius:4px;margin:6px 0;overflow:hidden}.bar i{display:block;height:100%;background:var(--pine)}
.side-toggle{display:none}
.adm-main{padding:26px 28px 60px;max-width:1100px;min-width:0}
@media(max-width:860px){
  .adm-shell{grid-template-columns:1fr}.side{position:fixed;left:-260px;width:250px;z-index:50;transition:left .2s;box-shadow:0 0 30px rgba(0,0,0,.15)}
  body.side-open .side{left:0}.side-toggle{display:block;position:fixed;right:14px;top:12px;z-index:60;background:#fff;border:1px solid var(--line);border-radius:8px;padding:6px 10px;font-size:1.1rem}
  .adm-main{padding:18px 16px 60px}
}
.ahead{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:12px}.ahead h1{margin:0}
.card{background:#fff;border:1px solid var(--line);border-radius:12px;padding:18px;margin-bottom:16px}
.pform.wide{max-width:none}.grid3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 16px}
.two-col{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
@media(max-width:760px){.grid3,.two-col{grid-template-columns:1fr}}
.actions{display:flex;gap:10px;margin:8px 0 18px}.inline-actions{display:flex;gap:10px;flex-wrap:wrap}
.kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:16px 0}.kpis div{border:1px solid var(--line);border-radius:12px;padding:14px;display:flex;flex-direction:column}
.kpis b{font-size:1.5rem}.kpis small{color:var(--ink2)}@media(max-width:760px){.kpis{grid-template-columns:repeat(2,minmax(0,1fr))}}
.sharebox{display:flex;align-items:center;gap:10px;flex-wrap:wrap;background:#f3f1ec;border-radius:12px;padding:14px}.sharebox div{flex:1;min-width:200px;display:flex;flex-direction:column}.sharebox small{color:var(--ink2)}
.todo{padding-left:18px}.todo li{margin:6px 0}
.tscroll{overflow-x:auto}.atable{width:100%;border-collapse:collapse;font-size:.92rem}
.atable th{text-align:left;font-size:.76rem;text-transform:uppercase;letter-spacing:.04em;color:var(--ink2);border-bottom:1px solid var(--line);padding:8px}
.atable td{border-bottom:1px solid var(--line);padding:9px 8px;vertical-align:top}.atable .r{text-align:right}.atable.plain td{padding:6px 4px}
.atable .thumb{width:52px}.atable .thumb img{width:44px;height:44px;object-fit:cover;border-radius:6px}
.st{display:inline-block;font-size:.76rem;border-radius:999px;padding:2px 9px;background:var(--soft);border:1px solid var(--line);white-space:nowrap}
.st-placed,.st-pending,.st-waiting_dns{background:#fff4e0;border-color:#f0d9a8}.st-delivered,.st-active{background:#e8f3ec;border-color:#c0dfca}.st-cancelled,.st-failed{background:#fdecea;border-color:#f3c2bd}.st-shipped,.st-confirmed,.st-packed{background:#e8f0fb;border-color:#c5d6f0}
.tag{background:var(--soft);border-radius:4px;padding:1px 6px}
.filters{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:10px}.filters a{text-decoration:none;color:var(--ink);border:1px solid var(--line);border-radius:999px;padding:4px 12px;font-size:.86rem}.filters a.on{background:var(--pine);color:#fff;border-color:var(--pine)}
.asearch input{width:100%;max-width:360px;padding:9px 12px;border:1.5px solid var(--line);border-radius:8px;font:inherit;margin-bottom:12px}
.imgs{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:12px}.img{width:110px;border:1px solid var(--line);border-radius:8px;padding:4px;background:#fff;cursor:grab}
.img img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:5px}.img .rm{font-size:.76rem!important;font-weight:400!important;margin:4px 0 0!important;display:flex!important;gap:4px}.img.drag{opacity:.4}
.upl{border:1.5px dashed var(--line);border-radius:10px;padding:14px}
.vrow{display:grid;grid-template-columns:2fr 1fr 1fr 1fr 1fr 30px;gap:8px;margin-bottom:8px;align-items:center}.vrow input{margin:0!important}
.vhead{font-size:.76rem;color:var(--ink2);text-transform:uppercase}
@media(max-width:700px){.vrow{grid-template-columns:1fr 1fr}.vhead{display:none}}
.catrow{display:grid;grid-template-columns:1fr 70px auto auto;gap:10px;align-items:center;margin-bottom:8px}.catrow input{margin:0!important}
.colrow{display:flex;gap:8px;margin-top:5px}.colrow input[type=color]{width:46px;height:42px;padding:2px;border:1.5px solid var(--line);border-radius:8px}.colrow input{margin:0!important}
.prev{max-width:220px;max-height:120px;border:1px solid var(--line);border-radius:8px;margin-bottom:6px}
.radios{display:flex;gap:16px;flex-wrap:wrap;margin-bottom:10px}.help{font-size:.88rem;color:var(--ink2);margin:6px 0 10px}
.dns code{background:var(--soft);padding:2px 6px;border-radius:4px}
.delform{margin-top:6px}
.navh{display:block;text-transform:uppercase;letter-spacing:.08em;font-size:.68rem;color:var(--ink2);margin:12px 10px 2px}
.tag.low{background:#fdecea;color:#7a1c14}
.steps{padding-left:20px}.steps li{margin:6px 0}
.pform .chk.radio{align-items:flex-start;margin-bottom:12px}.pform .chk.radio input{margin-top:4px}
.toggle{display:flex!important;align-items:center;gap:10px;font-weight:500;cursor:pointer}
.toggle input{position:absolute;opacity:0}.toggle span{width:42px;height:24px;border-radius:999px;background:#cfd4da;position:relative;transition:.2s;flex:none}
.toggle span::after{content:"";position:absolute;left:3px;top:3px;width:18px;height:18px;border-radius:50%;background:#fff;transition:.2s}
.toggle input:checked+span{background:var(--pine)}.toggle input:checked+span::after{left:21px}.toggle input:focus-visible+span{outline:2px solid var(--pine2)}
.pform label small{display:block;margin-top:3px}
.tshot{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:8px;margin-bottom:6px;background:var(--soft)}
.tlinks{display:flex;flex-direction:column;gap:2px;margin-top:6px;font-size:.84rem}
.feat{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-bottom:20px}.feat div{border:1px solid var(--line);border-radius:12px;padding:16px}
.feat b{display:block;margin-bottom:4px}.feat span{color:var(--ink2);font-size:.9rem}
@media(max-width:800px){.feat{grid-template-columns:1fr}}
.ogrp{border:1px solid var(--line);border-radius:10px;padding:12px;margin-bottom:10px;background:#fafbfa}
.swrow{display:flex;flex-wrap:wrap;gap:10px;margin:4px 0 8px}.swi{display:flex!important;align-items:center;gap:6px;font-weight:400!important;margin:0!important}
.swi input{width:34px;height:30px;padding:0;border:1px solid var(--line);border-radius:6px}
.vtable input,.vtable select{margin:0!important;padding:7px 8px!important;min-width:70px}.vtable td{padding:5px 6px}
.fgroup h2{margin-top:26px}.fcard{display:grid;grid-template-columns:auto 1fr;gap:4px 14px;align-items:start;border:1px solid var(--line);border-radius:12px;padding:14px;margin-bottom:10px}
.fcard .toggle{grid-row:span 2;margin:2px 0 0!important}.fcard b{font-size:.95rem}.fcard p{margin:0;color:var(--ink2);font-size:.88rem}
.fcard .cfg{grid-column:2;margin-top:8px}.fcard .cfg label{margin-bottom:8px}
.chips{display:flex;flex-wrap:wrap;gap:8px}.chips label{display:flex!important;gap:6px;align-items:center;font-weight:400!important;border:1px solid var(--line);border-radius:999px;padding:5px 10px;margin:0!important}
.rvrow{border-bottom:1px solid var(--line);padding:12px 0}.rvrow .stars{color:#f5a623}
.acct{font-size:.86rem;color:var(--ink2);text-decoration:none}
.live,.notlive{font-size:.68rem;font-weight:700;border-radius:999px;padding:1px 7px;margin-left:4px;vertical-align:1px}.live{background:#e8f3ec;color:#1f6b3a}.notlive{background:#fff4e0;color:#8a5a0b}
.launchcard{display:flex;justify-content:space-between;align-items:center;gap:14px;flex-wrap:wrap;background:#fff7e6;border:1px solid #f0d9a8;border-radius:12px;padding:14px 16px;margin-bottom:14px}
.launchcard div{display:flex;flex-direction:column}.launchcard span{color:var(--ink2);font-size:.9rem}
.lprog{display:flex;align-items:center;gap:12px;margin:12px 0}.lprog .bar{flex:1;max-width:360px;height:9px;margin:0}.lprog span{font-size:.9rem;color:var(--ink2)}
.checklist{list-style:none;padding:0;margin:0 0 10px}.checklist li{display:flex;gap:12px;align-items:center;border:1px solid var(--line);border-radius:12px;padding:12px 14px;margin-bottom:8px;background:#fff}
.checklist li>div{flex:1;display:flex;flex-direction:column}.checklist a{color:var(--ink);text-decoration:none}.checklist small{color:var(--ink2)}
.checklist .tick{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;flex:none;font-weight:700;font-size:.85rem;background:#fff4e0;color:#8a5a0b}
.checklist li.done .tick{background:#1f6b3a;color:#fff}.checklist li.done{background:#fafcfa}.checklist li.done b{color:var(--ink2)}
.checklist li.opt .tick{background:var(--soft);color:var(--ink2)}
.golive{margin:18px 0}.golive .pbtn{padding:14px 26px;font-size:1rem}.golive .pbtn:disabled{opacity:.45;cursor:not-allowed}
.guide h2{margin-top:0}.guide ul ul{margin-top:6px}.tip{background:#f3f7f5;border-left:3px solid var(--pine);padding:10px 12px;border-radius:0 8px 8px 0;font-size:.92rem}
.guidebox{background:#f3f7f5;border-radius:10px;padding:12px 14px;margin:10px 0}.guidebox .pbtn{margin:6px 6px 0 0}
.crumbs{color:var(--ink2)}.crumbs a{color:var(--ink2)}
@media(max-width:860px){.adm-main>h1,.adm-main .ahead{padding-right:48px}}
.wallet{font-size:.9rem;color:var(--ink2)}.bulkbar{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin:10px 0;padding:10px;background:#f6f7f5;border-radius:10px}
.bulkbar .chk{margin:0 8px 0 0;display:flex;gap:6px;align-items:center}
.pkgrow{display:grid;grid-template-columns:repeat(4,minmax(0,1fr)) auto;gap:10px;align-items:end}.pkgrow label{margin:0!important}
@media(max-width:760px){.pkgrow{grid-template-columns:1fr 1fr}}
.rates td{vertical-align:middle}.shipcard h3 .st{font-weight:500}.ndr{background:#fff7e6;border-radius:10px;padding:12px;margin-top:10px}
.timeline{list-style:none;padding:0;margin:6px 0;border-left:2px solid var(--line)}.timeline li{position:relative;padding:4px 0 10px 16px;display:flex;flex-direction:column}
.timeline li::before{content:"";position:absolute;left:-6px;top:9px;width:10px;height:10px;border-radius:50%;background:var(--pine)}.timeline small{color:var(--ink2)}
.op .pf-hdr nav a.on{font-weight:700;color:var(--pine)}.op-main{max-width:1280px;padding:22px 16px 60px}
.kpis.six{grid-template-columns:repeat(6,minmax(0,1fr))}@media(max-width:1000px){.kpis.six{grid-template-columns:repeat(2,minmax(0,1fr))}}
.op-grid{display:grid;grid-template-columns:1.3fr 1fr;gap:16px}@media(max-width:900px){.op-grid{grid-template-columns:1fr}}
.three-col{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}@media(max-width:800px){.three-col{grid-template-columns:1fr}}
.bars{display:flex;align-items:flex-end;gap:4px;height:120px;margin:8px 0 14px;padding-bottom:16px}
.bcol{flex:1;height:100%;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;position:relative}
.bcol i{display:block;width:100%;background:var(--pine);border-radius:3px 3px 0 0;min-height:2px}.bcol small{position:absolute;bottom:-16px;font-size:.65rem;color:var(--ink2)}
.funnel{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:10px}.funnel div{display:flex;flex-direction:column;background:var(--soft);border-radius:10px;padding:10px 14px}.funnel b{font-size:1.4rem}.funnel small{color:var(--ink2)}
.mini-check{list-style:none;padding:0;font-size:.88rem}.mini-check li{margin:3px 0;color:#8a5a0b}.mini-check li.done{color:var(--ok)}
.impbar{background:#7a1c14;color:#fff;border-radius:10px;padding:10px 14px;margin-bottom:14px}.impbar .linkbtn{color:#fff;font-weight:700}
.pbtn.danger{color:var(--bad)}
.bars{justify-content:flex-start}.bcol{max-width:34px}

.plan-chip{display:block;text-decoration:none;color:inherit}.plan-chip b{display:block;font-size:1rem;margin:2px 0}.plan-chip:hover{border-color:var(--pine)}
.plans{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:14px;margin:16px 0}
.plancard{background:#fff;border:1px solid var(--line);border-radius:12px;padding:18px;display:flex;flex-direction:column;gap:8px;position:relative}
.plancard.cur{border:2px solid var(--pine)}.plancard.pop{box-shadow:0 6px 24px rgba(0,0,0,.07)}
.plancard h3{margin:0}.plancard .pr{font-size:1.6rem;font-weight:700}.plancard .pr small{font-size:.85rem;font-weight:400;color:var(--ink2)}
.plancard s{color:var(--ink2);font-size:.9rem}.plancard ul{margin:4px 0 8px;padding-left:18px;font-size:.88rem;line-height:1.5}
.plancard form{margin-top:auto;display:flex;flex-direction:column;gap:6px}.plancard .tagp{position:absolute;top:-10px;right:12px;background:var(--pine);color:#fff;font-size:.72rem;padding:2px 8px;border-radius:20px}
.lock{display:inline-block;font-size:.72rem;background:#f3efe6;color:#6a5a2c;border-radius:20px;padding:1px 8px;margin-left:6px;text-decoration:none;vertical-align:middle}
.locked{opacity:.65}
.pplans{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:14px 0 30px}
.pplan{border:1px solid var(--line);border-radius:12px;padding:18px;display:flex;flex-direction:column;gap:6px;position:relative;background:#fff}
.pplan.pop{border:2px solid var(--pine)}.pplan>b{font-size:1.1rem}.pplan small{color:var(--ink2)}.pplan s{color:var(--ink2)}
.pplan .pp{font-size:1.7rem;font-weight:700}.pplan .pp small{font-size:.85rem;font-weight:400}
.pplan ul{padding-left:18px;margin:6px 0 10px;font-size:.88rem;line-height:1.5;flex:1}.pplan .pbtn{text-align:center}
.ptag{position:absolute;top:-10px;right:12px;background:var(--pine);color:#fff;font-size:.72rem;padding:2px 8px;border-radius:20px}
@media(max-width:900px){.pplans{grid-template-columns:1fr 1fr}}@media(max-width:560px){.pplans{grid-template-columns:1fr}}

/* long product form: Save stays on screen on phones */
@media(max-width:760px){.actions.stickysave{position:sticky;bottom:0;z-index:5;background:#fff;margin:0 -14px;padding:10px 14px;border-top:1px solid var(--line);box-shadow:0 -6px 16px rgba(0,0,0,.06)}}
.tshot.home{height:auto;aspect-ratio:16/10;object-position:top;border:1px solid var(--line)}
@media(max-width:900px){.tshot.home{aspect-ratio:3/5}}
/* platform pages: marigold accent, icons and small infographics (matches os.d2c.in) */
:root{--acc:#c6f135;--acc2:#f2fbd6;--acc3:#3e5200}
.pf-lbl{color:var(--acc3)}
.pf-hero h1 em{background:linear-gradient(transparent 64%,rgba(198,241,53,.65) 64%)}
.ico{display:inline-grid;place-items:center;width:40px;height:40px;border-radius:10px;background:var(--acc2);color:var(--acc3);flex:none}
.ico svg{width:21px;height:21px}
.pf-facts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:22px 0 6px;max-width:900px}
.pf-facts div{display:grid;grid-template-columns:40px 1fr;column-gap:10px;align-items:center;background:#fff;border:1px solid var(--line);border-radius:12px;padding:10px 12px}
.pf-facts .ico{grid-row:1/3}.pf-facts b{font-size:.95rem;line-height:1.2}.pf-facts span{font-size:.8rem;color:var(--ink2)}
@media(max-width:800px){.pf-facts{grid-template-columns:1fr 1fr}}
.feat div{display:grid;grid-template-columns:40px 1fr;column-gap:12px;align-content:start}
.feat .ico{grid-row:1/3}.feat div:nth-child(even) .ico{background:#e8edff;color:var(--link)}
.pf-3{position:relative}
.pf-3 div{position:relative;text-align:center;background:#fff;border:1px solid var(--line);padding:22px 18px}
.pf-3 .ico{width:52px;height:52px;border-radius:50%;margin:0 auto 10px}
.pf-3 em{position:absolute;top:12px;left:14px;font:700 .78rem system-ui;font-style:normal;color:#fff;background:var(--pine);width:24px;height:24px;border-radius:50%;display:grid;place-items:center}
.pf-save{background:#fff;border:1px solid var(--line);border-radius:14px;padding:18px 20px;display:grid;gap:12px}
.pf-save .sb{display:grid;grid-template-columns:230px 1fr 140px;gap:14px;align-items:center}
.pf-save .sb>span:first-child{font-size:.92rem;color:var(--ink2)}
.pf-save .sb-t{height:14px;background:#f1f2f4;border-radius:99px;overflow:hidden}
.pf-save .sb-t i{display:block;height:100%;border-radius:99px;background:linear-gradient(90deg,#a9b0bf,#7b8396)}
.pf-save .sb.us .sb-t i{background:var(--pine);min-width:6px}
.pf-save .sb b{font:600 1.25rem 'Manrope',system-ui,sans-serif;text-align:right;white-space:nowrap}.pf-save .sb.us b{color:var(--pine)}
.pf-save .sb b small{font:400 .78rem system-ui;color:var(--ink2)}
@media(max-width:700px){.pf-save .sb{grid-template-columns:1fr auto}.pf-save .sb-t{grid-column:1/-1;grid-row:2}}
.pplan.pop .ptag{background:var(--acc);color:var(--ink)}
.pplan.pop{border-color:var(--acc)}
/* design studio */
.studio-wrap{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:18px;align-items:start}
.studio-pv{position:sticky;top:12px}
.pv-bar{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.pv-bar .pbtn{margin-left:4px}.pv-bar .pbtn.on{background:var(--pine);color:#fff}
.pv-frame{border:1px solid var(--line);border-radius:12px;overflow:hidden;background:#fff;height:78vh;position:relative}
.pv-frame iframe{border:0;width:166.6%;height:166.6%;transform:scale(.6);transform-origin:0 0}
.pv-frame.phone{width:390px;max-width:100%;margin:0 auto}.pv-frame.phone iframe{width:100%;height:100%;transform:none}
@media(max-width:1100px){.studio-wrap{grid-template-columns:1fr}.studio-pv{position:static}}
.studio-card h4{margin:18px 0 8px;font-size:.92rem}.studio-card[disabled]{opacity:.55}
.seclist{list-style:none;margin:0 0 6px;padding:0;display:grid;gap:6px}
.seclist li{display:flex;align-items:center;gap:10px;border:1px solid var(--line);border-radius:10px;padding:6px 10px;background:#fff;cursor:grab}
.seclist li.drag{opacity:.4}.seclist .grip{color:var(--ink2);letter-spacing:-2px}.seclist .chk{margin:0;flex:1}
.seclist .mv button{border:1px solid var(--line);background:#fff;border-radius:6px;width:30px;height:30px;cursor:pointer}
.tp.locked{opacity:.65}
.tp-studio{background:#fff}.tp-studio i{background:#e6e6e3;border-radius:0}.tp-studio i:first-child{grid-row:span 2;background:#d7d7d3}
.tp-bazaar{background:#fdf0dd}.tp-bazaar i{background:#f0d6b4;border-radius:999px 999px 4px 4px}
.tp-verde{background:#f4f6ef}.tp-verde i{background:#dde6d4;border-radius:12px}
/* social feed admin */
.sgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px}
.spost-a{border:1px solid var(--line);border-radius:12px;background:#fff;padding:10px;display:flex;flex-direction:column;gap:8px}
.spost-a img{width:100%;aspect-ratio:4/5;object-fit:cover;border-radius:8px}.spost-a p{margin:2px 0;font-size:.88rem}
.srow{display:flex;gap:6px}.srow .red{color:#b3261e}
.pf-prem{display:grid;grid-template-columns:1.3fr 1fr;gap:18px;align-items:center;margin-top:22px;background:var(--acc2);border:1px solid #dcef9f;border-radius:14px;padding:18px 20px}
.pf-prem b{display:block;font-size:1.05rem;margin-bottom:4px}.pf-prem span{color:var(--ink2);font-size:.92rem}
.pf-prem{grid-template-columns:1fr}
.tgrid.prem{margin-top:14px;grid-template-columns:repeat(3,minmax(0,1fr))}@media(max-width:900px){.tgrid.prem{grid-template-columns:repeat(2,minmax(0,1fr))}}.ptag-in{display:inline-block;vertical-align:middle;font-size:.68rem;font-weight:600;background:var(--acc2);border:1px solid #dcef9f;color:#3e5200;border-radius:20px;padding:1px 8px;margin-left:4px}
/* insights */
.seg{display:flex;gap:6px;margin:0 0 14px}.seg a{border:1px solid var(--line);border-radius:999px;padding:6px 12px;text-decoration:none;color:var(--ink);font-size:.88rem;background:#fff}.seg a.on{background:var(--pine);color:#fff;border-color:var(--pine)}
.fn-head{display:flex;justify-content:space-between;align-items:flex-end;gap:12px;margin-bottom:14px}.fn-head .big{display:block;font:600 2rem 'Manrope',system-ui,sans-serif;color:var(--pine)}
.fn-head .up{color:var(--ok)}.fn-head .down{color:var(--bad)}
.funnel{display:grid;gap:10px}
.fn-row{display:grid;grid-template-columns:170px 1fr 70px 200px;gap:12px;align-items:center}
.fn-bar{height:22px;background:var(--soft);border-radius:6px;overflow:hidden}.fn-bar i{display:block;height:100%;background:linear-gradient(90deg,var(--pine),var(--pine2));border-radius:6px}
.fn-row b{text-align:right;font-variant-numeric:tabular-nums}
.fn-tip{margin-top:14px;background:var(--acc2,#fff3df);border:1px solid #dcef9f;border-radius:10px;padding:12px 14px;font-size:.92rem}
@media(max-width:760px){.fn-row{grid-template-columns:1fr 60px}.fn-bar{grid-column:1/-1;grid-row:2}.fn-row small{grid-column:1/-1}}
.fbt-pick{display:grid;gap:6px}
.atable .nowrap{white-space:nowrap}.atable form.inline{display:inline;margin:0 0 0 4px}.pbtn.danger{color:#b3261e;border-color:#e5b3ad}.pbtn.danger:hover{background:#fbeaea}
/* catalogue admin */
.cols2{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:16px;align-items:start}@media(max-width:900px){.cols2{grid-template-columns:1fr}}
.atable tr.child td{background:#fafbfc}.atable .grip,.plist .grip{cursor:grab;color:var(--ink2);letter-spacing:-2px;width:20px}
.atable tr.drag{opacity:.4}
.seg.kind{display:flex;gap:16px;flex-wrap:wrap;margin:0 0 12px}.seg.kind label{display:flex;gap:6px;align-items:center;margin:0}
.rule{display:grid;grid-template-columns:200px 1fr auto;gap:8px;align-items:center;margin-bottom:8px}.rule select,.rule input{margin:0!important}
select.inl{display:inline-block!important;width:auto!important;margin:0 4px!important;padding:4px 8px!important}
.plist{list-style:none;margin:8px 0;padding:0;display:grid;gap:6px;max-height:520px;overflow:auto}
.plist li{display:grid;grid-template-columns:auto 40px 1fr auto auto;gap:10px;align-items:center;border:1px solid var(--line);border-radius:10px;padding:6px 10px;background:#fff}
.plist li:not(:has(.grip)){grid-template-columns:40px 1fr auto auto}
.plist img,.plist .noimg{width:40px;height:40px;object-fit:cover;border-radius:6px;background:var(--soft)}.plist a{text-decoration:none;color:var(--ink);font-weight:500}.plist small{color:var(--ink2)}
.addp summary{list-style:none;display:inline-block;cursor:pointer}.addp summary::-webkit-details-marker{display:none}
.addp input[type=search]{margin:10px 0!important}.addlist{max-height:280px;overflow:auto;border:1px solid var(--line);border-radius:10px;padding:8px 12px}
.gprev{border:1px solid var(--line);border-radius:10px;padding:12px 14px;margin-bottom:14px;display:flex;flex-direction:column;gap:2px;font-family:arial,sans-serif}
.gprev small{color:#4d5156;font-size:.8rem;word-break:break-all}.gprev b{color:#1a0dab;font-weight:400;font-size:1.1rem}.gprev span{color:#4d5156;font-size:.86rem}
.pform .pre{display:flex;align-items:center;gap:2px;color:var(--ink2)}.pform .pre input{margin-top:0!important}
.pfilters{display:flex;gap:8px;flex-wrap:wrap}.pfilters input[name=q]{flex:1;min-width:200px}.pfilters select{width:auto}
.bulkbar{position:sticky;top:0;z-index:5;display:flex;gap:8px;align-items:center;flex-wrap:wrap;background:#fff7e6;border:1px solid #dcef9f;border-radius:10px;padding:8px 12px;margin-bottom:10px}
.bulkbar select,.bulkbar input{width:auto;margin:0;padding:7px 10px;border:1px solid var(--line);border-radius:8px;font:inherit}
.vfill{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin:12px 0 8px;font-size:.88rem}.vfill input{width:110px!important;margin:0!important;display:inline-block!important}
.also{display:flex;flex-wrap:wrap;gap:4px 16px;align-items:center;margin-top:4px}.also small{width:100%;color:var(--ink2)}.also .chk{margin:0}
/* orders admin */
.tag.t2{background:#eef2ff;color:#3730a3}
.erow{display:grid!important;grid-template-columns:1fr 80px;gap:10px;align-items:center;margin-bottom:8px}.erow input,.erow select{margin:0!important}
.note-add{display:flex;gap:8px;margin-bottom:12px}.note-add input{flex:1;padding:9px 12px;border:1.5px solid var(--line);border-radius:8px;font:inherit}
.otl{list-style:none;margin:0;padding:0 0 0 14px;border-left:2px solid var(--line)}.otl li{position:relative;padding:0 0 12px 10px;display:flex;flex-direction:column}
.otl li::before{content:"";position:absolute;left:-21px;top:4px;width:12px;height:12px;border-radius:50%;background:#fff;border:2px solid var(--pine)}
.otl li.k-note::before{background:#fde68a;border-color:#d97706}.otl li.k-refund::before{background:#fecaca;border-color:#b3261e}.otl small{color:var(--ink2)}
.ntot{display:flex;flex-direction:column;justify-content:flex-end}.ntot b{font:800 1.5rem 'Manrope',system-ui,sans-serif;color:var(--pine)}
#items select,#items input{margin:0!important}
.pfilters select{height:auto!important;padding:9px 10px;border:1.5px solid var(--line);border-radius:8px;font:inherit;background:#fff;align-self:stretch}
/* Google sign-in */
.gbtn{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;padding:11px 14px;border:1.5px solid var(--line);border-radius:10px;background:#fff;color:#1f1f1f;font-weight:600;text-decoration:none;margin:6px 0 4px}
.gbtn:hover{border-color:#9aa0a6;background:#f8f9fa}
.or{display:flex;align-items:center;gap:10px;color:var(--ink2);font-size:.85rem;margin:12px 0}.or::before,.or::after{content:"";flex:1;height:1px;background:var(--line)}
.gdone{display:flex;gap:10px;align-items:center;background:#f1f8f4;border:1px solid #cfe6d8;border-radius:10px;padding:10px 12px;margin-bottom:14px;font-size:.9rem}
/* help & requests */
.support-link{display:flex!important;align-items:center;gap:8px;margin-top:10px;border:1px solid var(--line);border-radius:10px;padding:9px 12px!important;background:#fff;font-weight:600}
.badge-n{display:inline-block;background:#b3261e;color:#fff;font-size:.72rem;font-weight:700;border-radius:999px;padding:1px 7px;margin-left:auto}
.sla-card{background:#f1f8f4;border:1px solid #cfe6d8;border-radius:12px;padding:14px 16px;margin-bottom:16px}.sla-card b{display:block;margin-bottom:3px}.sla-card span{color:var(--ink2);font-size:.92rem}
.sla-card.slim b{display:inline}
.kchips{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}.kchips label{margin:0}.kchips input{position:absolute;opacity:0}
.kchips span{display:inline-block;border:1.5px solid var(--line);border-radius:999px;padding:7px 14px;cursor:pointer;font-size:.9rem;background:#fff}
.kchips input:checked+span{border-color:var(--pine);background:var(--pine);color:#fff}.kchips input:focus-visible+span{outline:2px solid var(--pine2)}
.tlist{display:grid;gap:8px}.trow{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px;border:1px solid var(--line);border-radius:12px;padding:12px 14px;background:#fff;text-decoration:none;color:var(--ink)}
.trow b{flex:1;min-width:200px}.trow small{width:100%}.trow:hover{border-color:var(--pine)}
.tk{font-size:.74rem;font-weight:700;border-radius:999px;padding:2px 9px;background:#eef2ff;color:#3730a3}.tk-problem{background:#fdecea;color:#9b1c1c}.tk-feature{background:#fff3df;color:#8f5400}.tk-suggestion{background:#e8edff;color:var(--link)}
.tst{font-size:.78rem;color:var(--ink2)}.tst.st-answered{color:var(--ok);font-weight:700}
.chat{display:flex;flex-direction:column;gap:10px;max-height:60vh;overflow:auto;padding:14px;border:1px solid var(--line);border-radius:12px;background:#fafbfc;margin-bottom:10px}
.msg{max-width:78%;border-radius:14px;padding:10px 14px;background:#fff;border:1px solid var(--line)}.msg p{margin:4px 0 0;white-space:pre-line}
.msg small{color:var(--ink2);font-size:.76rem}.msg img{display:block;max-width:240px;border-radius:8px;margin-top:8px}
.msg.me{align-self:flex-end;background:#e7f3ee;border-color:#cfe6d8}.msg.them{align-self:flex-start}
.chatbox{display:flex;gap:8px;align-items:flex-end}.chatbox textarea{flex:1;font:inherit;border:1.5px solid var(--line);border-radius:12px;padding:10px 12px;resize:vertical;min-height:48px}
.chatbox .attach{display:grid;place-items:center;width:44px;height:44px;border:1.5px solid var(--line);border-radius:10px;cursor:pointer;margin:0}.chatbox .attach input{display:none}
.resolve{margin-top:8px}
.atable tr.overdue td{background:#fdecea}.atable tr.soon td{background:#fff7e6}
/* welcome flow */
.wsteps{list-style:none;display:flex;gap:10px;padding:0;margin:0 0 14px;flex-wrap:wrap}.wsteps li{display:flex;align-items:center;gap:8px;color:var(--ink2);font-size:.9rem}
.wsteps b{width:24px;height:24px;border-radius:50%;display:grid;place-items:center;border:1.5px solid var(--line);font-size:.8rem}.wsteps li.on{color:var(--ink);font-weight:600}.wsteps li.on b{background:var(--pine);border-color:var(--pine);color:#fff}
.wsteps li.done b{background:#e5f1ec;border-color:#cfe6d8;color:var(--pine)}
.wfirst{max-width:640px}.wphoto{display:block;margin-bottom:14px}.wphoto input{position:absolute;opacity:0;width:1px}
.wphoto span{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;min-height:150px;border:2px dashed var(--line);border-radius:14px;cursor:pointer;color:var(--ink2);flex-wrap:wrap;padding:12px}
.wphoto span:hover{border-color:var(--pine)}.wphoto b{color:var(--ink)}.wphoto img{width:96px;height:96px;object-fit:cover;border-radius:10px;margin:4px}
#wph-prev{flex-direction:row}
.wdone{display:flex;gap:14px;align-items:center;max-width:640px}.wdone img{width:96px;height:96px;object-fit:cover;border-radius:10px}.wdone div{display:flex;flex-direction:column;gap:2px}
.wnext{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 16px}
.wtodo{margin:0 0 14px;padding-left:18px}.wtodo li{margin-bottom:8px}.wtodo small{display:block;color:var(--ink2)}
.qgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:12px;margin-bottom:12px}
.qcard{border:1px solid var(--line);border-radius:12px;padding:10px;background:#fff}.qcard img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:8px;margin-bottom:8px}
.q2{display:grid;grid-template-columns:1fr 1fr 70px;gap:6px}.q2 label,.qcard label{margin-bottom:6px}
.linkline{margin:-4px 0 14px}
.launchcard.first{background:#eef7f2;border-color:#cfe6d8;margin-bottom:12px}
/* about & policies builder */
.pnav{display:flex;flex-wrap:wrap;gap:6px;margin:4px 0 14px}.pnav a{border:1px solid var(--line);border-radius:999px;padding:6px 12px;font-size:.88rem;text-decoration:none;color:var(--ink);background:#fff}
.pbuild{scroll-margin-top:12px}.pb-head{display:flex;justify-content:space-between;align-items:baseline;gap:10px}
.pb-opts{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:4px 14px;align-items:start;background:#fafbfc;border:1px solid var(--line);border-radius:10px;padding:12px 14px;margin-bottom:10px}
.pb-multi{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:4px 16px;align-items:center}.pb-multi small{width:100%;font-weight:500;color:var(--ink)}.pb-multi .chk{margin:0}
.pb-check{grid-column:1/-1;margin:2px 0}
.pb-act{display:flex;gap:10px;align-items:center;margin-bottom:8px}
.pbuild textarea{width:100%;font:inherit;font-size:.92rem;line-height:1.5;border:1.5px solid var(--line);border-radius:10px;padding:10px 12px;transition:background .6s}
.pbuild textarea.fresh{background:#eef7f2}
/* chat bubble */
.chatw{position:fixed;right:18px;bottom:18px;z-index:60;display:flex;flex-direction:column;align-items:flex-end;gap:10px}
.cw-btn{position:relative;width:58px;height:58px;border-radius:50%;border:0;background:var(--pine);color:#fff;cursor:pointer;display:grid;place-items:center;box-shadow:0 8px 24px rgba(14,59,50,.35);transition:transform .15s}
.cw-btn:hover{transform:scale(1.06)}.chatw.open .cw-btn{transform:scale(.92)}
.cw-dot{position:absolute;right:4px;top:4px;width:14px;height:14px;border-radius:50%;background:#22c55e;border:2.5px solid #fff}
.cw-dot::after{content:"";position:absolute;inset:-5px;border-radius:50%;border:2px solid #22c55e;opacity:.6;animation:cwpulse 2s infinite}
.chatw.away .cw-dot{background:#9aa0a6}.chatw.away .cw-dot::after{display:none}
@keyframes cwpulse{0%{transform:scale(.6);opacity:.7}100%{transform:scale(1.6);opacity:0}}
@media(prefers-reduced-motion:reduce){.cw-dot::after{animation:none}}
.cw-n{position:absolute;left:-4px;top:-4px;min-width:20px;height:20px;border-radius:999px;background:#b3261e;color:#fff;font:700 .72rem/20px system-ui;text-align:center;padding:0 5px}
.cw-panel{width:min(380px,calc(100vw - 24px));height:min(560px,calc(100vh - 110px));background:#fff;border:1px solid var(--line);border-radius:16px;box-shadow:0 18px 50px rgba(0,0,0,.18);display:flex;flex-direction:column;overflow:hidden}
.cw-head{display:flex;gap:10px;align-items:center;padding:14px 16px;background:var(--pine);color:#fff}.cw-head small{display:block;color:#cfe6d8;font-size:.78rem}
.cw-av{position:relative;width:38px;height:38px;border-radius:50%;background:#fff;color:var(--pine);font-weight:800;display:grid;place-items:center;font-size:.85rem;flex:none}
.cw-av .cw-dot{right:-2px;top:auto;bottom:-2px;width:12px;height:12px;border-color:var(--pine)}.cw-av .cw-dot::after{display:none}
.cw-x{margin-left:auto;background:none;border:0;color:#fff;font-size:1.6rem;line-height:1;cursor:pointer}
.cw-body{flex:1;overflow:auto;padding:14px;display:flex;flex-direction:column;gap:10px}
.cw-hi{margin:0;color:var(--ink2);font-size:.92rem}
.cw-list{display:flex;flex-direction:column;gap:6px}.cw-list small{color:var(--ink2)}
.cw-t{position:relative;text-align:left;border:1px solid var(--line);border-radius:10px;background:#fff;padding:9px 12px;cursor:pointer;display:flex;flex-direction:column;gap:2px;font:inherit}
.cw-t:hover{border-color:var(--pine)}.cw-t span{font-size:.8rem;color:var(--ink2)}.cw-t .cw-n{left:auto;right:8px;top:8px;position:absolute;font-style:normal}
.cw-full{font-size:.85rem;margin-top:auto}
.cw-back{align-self:flex-start;background:none;border:0;color:var(--pine);font-weight:600;cursor:pointer;padding:0}
.cw-form{display:flex;flex-direction:column;gap:10px}.cw-form textarea,.cw-reply textarea{font:inherit;border:1.5px solid var(--line);border-radius:10px;padding:10px;resize:vertical}
.cw-att{font-size:.84rem;color:var(--ink2)}.cw-form .kchips{margin:0}.cw-form .kchips span{padding:5px 10px;font-size:.82rem}
.cw-subj{font-weight:700}.cw-msgs{flex:1;display:flex;flex-direction:column;gap:8px;overflow:auto}.cw-msgs .msg{max-width:88%}.cw-msgs .msg img{max-width:180px}
.cw-reply{display:flex;gap:8px;align-items:flex-end;border-top:1px solid var(--line);padding-top:10px}.cw-reply textarea{flex:1}
@media(max-width:600px){.chatw{right:12px;bottom:12px}}
.termscard{display:flex;flex-wrap:wrap;gap:8px 14px;align-items:center;background:#f6f7f8;border:1px solid var(--line);border-radius:10px;padding:10px 14px;margin-bottom:14px;font-size:.9rem}.termscard .chk{margin:0}
/* operator chat widget (WhatsApp-style) */
.opw-panel{width:min(860px,calc(100vw - 24px));height:min(600px,calc(100vh - 110px));background:#fff;border:1px solid var(--line);border-radius:16px;box-shadow:0 18px 50px rgba(0,0,0,.2);display:flex;flex-direction:column;overflow:hidden}
.opw-full{margin-left:auto;color:#cfe6d8;font-size:.85rem;text-decoration:none}.opw-full+.cw-x{margin-left:10px}
.opw-grid{flex:1;display:grid;grid-template-columns:280px 1fr;min-height:0}
.opw-list{overflow:auto;border-right:1px solid var(--line);background:#fafbfa}
.opw-t{display:flex;flex-direction:column;gap:1px;width:100%;text-align:left;border:0;border-bottom:1px solid #eef1ee;background:none;padding:9px 12px;cursor:pointer;font:inherit;font-size:.84rem}
.opw-t.on{background:#eaf4ee}.opw-t.wait b::after{content:"";display:inline-block;width:8px;height:8px;border-radius:50%;background:#22c55e;margin-left:6px;vertical-align:middle}
.opw-s{font-weight:500}.opw-p{color:#6b756e;font-size:.78rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.opw-m{font-size:.74rem;color:#6b756e}.opw-m em{font-style:normal;color:#8f5400}.opw-m em.late,.opw-th .late{color:#b3261e;font-weight:700}
.opw-thread{display:flex;flex-direction:column;min-height:0}
.opw-th{padding:9px 12px;border-bottom:1px solid var(--line);font-size:.9rem}.opw-th small{display:block;color:#6b756e;font-size:.76rem;margin-top:2px}
.opw-msgs{flex:1;overflow:auto;padding:12px;background:#efeae2}
.opw-msgs .b{max-width:78%;margin:5px 0;padding:7px 10px;border-radius:9px;font-size:.86rem;white-space:pre-wrap;word-wrap:break-word;box-shadow:0 1px 0 rgba(0,0,0,.06)}
.opw-msgs .in{background:#fff}.opw-msgs .out{background:#d9fdd3;margin-left:auto}.opw-msgs img{display:block;max-width:200px;border-radius:6px;margin-top:6px}
.opw-msgs .meta{font-size:.66rem;color:#667781;margin-top:3px;text-align:right}
.opw-reply{display:flex;gap:8px;padding:8px;border-top:1px solid var(--line);background:#f0f2f5}.opw-reply textarea{flex:1;font:inherit;border:1px solid var(--line);border-radius:10px;padding:8px 10px;resize:none}
.opw-btns{display:flex;flex-direction:column;gap:4px}
.cw-n.late{background:#b3261e}.opw .cw-n:not(.late){background:#16a34a}
@media(max-width:760px){.opw-grid{grid-template-columns:1fr;grid-template-rows:180px 1fr}.opw-list{border-right:0;border-bottom:1px solid var(--line)}}

/* Scale plan: account manager in the chat bubble and on the dashboard */
.cw-am{border:1px solid var(--line);border-radius:10px;padding:10px 12px;margin:12px 0 4px;background:#f7faf8;display:flex;flex-direction:column;gap:2px}
.cw-am small{color:var(--ink2);font-size:.75rem}.cw-am span{display:flex;gap:12px;margin-top:4px;font-size:.88rem}
.amcard{display:flex;align-items:center;gap:14px;border:1px solid var(--line);border-radius:12px;padding:14px 16px;margin:14px 0;background:#f7faf8;flex-wrap:wrap}
.amcard .am-av{width:42px;height:42px;border-radius:50%;background:var(--pine);color:#fff;display:grid;place-items:center;font-weight:700}
.amcard>div{flex:1;min-width:180px}.amcard small{display:block;color:var(--ink2)}
.opw-vip{font-style:normal;font-size:.66rem;background:#fff1d6;color:#3e5200;border-radius:10px;padding:1px 6px;margin-left:4px;vertical-align:middle}
/* orders used against the plan's included orders */
.omtr{border:1px solid var(--line);border-radius:12px;padding:12px 14px;margin:14px 0;background:#fff;display:flex;flex-direction:column;gap:6px;max-width:560px}
.omtr .u-bar{height:8px;border-radius:8px;background:#eef0ee;overflow:hidden}.omtr .u-bar i{display:block;height:100%;background:var(--pine);border-radius:8px}
.omtr.near .u-bar i{background:#d08a1c}.omtr.over .u-bar i{background:#c2562b}.omtr small{color:var(--ink2)}
.pscale{margin:-14px 0 30px;font-size:.95rem;color:var(--ink2)}.pscale a{color:inherit;text-decoration:underline;text-underline-offset:3px}
/* shipping: delivery charge modes and the zone x weight matrix */
.shipmx .sm-modes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:10px 0 14px}
@media(max-width:700px){.shipmx .sm-modes{grid-template-columns:1fr}}
.sm-table input{width:100%;max-width:120px}.sm-table td{vertical-align:middle}
.sm-missing{margin:6px 0 0;padding-left:18px;font-size:.88rem}
.sm-try{display:flex;flex-wrap:wrap;gap:10px;align-items:end;border:1px dashed var(--line);border-radius:10px;padding:10px 12px;margin:10px 0}
.sm-try label{flex:1;min-width:110px}.sm-try output{font-weight:700;min-width:180px;padding-bottom:8px}
.gatecard{max-width:620px;margin:30px auto}.gatecard h1{margin-top:0}
.kc{display:inline-block;font-size:.72rem;font-weight:700;border-radius:6px;padding:1px 6px;border:1px solid var(--line);margin-right:4px}
.kc-pass{background:#e8f3ec;border-color:#c0dfca;color:#1d5a32}.kc-warn{background:#fff4e0;border-color:#f0d9a8;color:#6b4a0c}
.kc-fail,.kc-error{background:#fdecea;border-color:#f3c2bd;color:#7a1c14}.kc-skipped{color:var(--ink2)}
.kdoc{display:block;max-width:100%;max-height:320px;border:1px solid var(--line);border-radius:8px;margin:4px 0 12px}
.kycbar{display:flex;flex-wrap:wrap;align-items:center;gap:6px 12px;background:#e8f0fb;border:1px solid #c5d6f0;color:#173a63;border-radius:8px;padding:10px 14px;margin:0 0 16px}
.kycbar .pbtn{margin-left:auto}.kycbar.wait{background:#fff7e6;border-color:#f0d9a8;color:#5c4210}.kycbar.bad{background:#fdecea;border-color:#f3c2bd;color:#7a1c14}
.kraw{max-height:360px;overflow:auto;background:#f6f7f9;border:1px solid var(--line);border-radius:8px;padding:10px;font-size:.75rem;white-space:pre-wrap;word-break:break-word}
input.locked{background:#f3f4f6;color:var(--ink2);cursor:not-allowed}
.idlock .alert{margin:12px 0 0}.idlock .alert .chk{margin:10px 0}
/* sales tax states */
.taxgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:6px;margin:12px 0}
.taxst{display:flex;align-items:center;gap:8px;border:1px solid var(--line);border-radius:8px;padding:6px 8px;font-size:.88rem;font-weight:400;margin:0}
.taxst span{flex:1}.taxst input[name^=rate_]{width:74px;padding:4px 6px;margin:0;display:none}
.taxst.on{border-color:var(--accent,#0e3b32);background:#f2f7f4}.taxst.on input[name^=rate_]{display:block}

/* platform v2: black and white, electric-lime accent, bold sans (home page) */
.pf-hdr nav a.b{border-radius:999px;padding:9px 18px;font-weight:600}.pf-links{display:flex;gap:20px;margin-right:8px}.pf-links a{color:var(--ink2)!important;font-weight:500}
@media(max-width:700px){.pf-links{display:none}}
.pf-brand{font-family:'Manrope',system-ui,sans-serif;font-weight:800;letter-spacing:-.01em}
.pbtn.lg{padding:14px 26px;font-size:1rem}.pbtn.inv{background:var(--acc);color:#0d0f14}.pbtn.inv:hover{background:#d6fa5c}
.pf-h2{letter-spacing:-.02em}.pf-h2.c,.c{text-align:center}.pf-h2.c{font-size:clamp(1.6rem,3vw,2.2rem);margin:72px 0 26px}
.hx{background:radial-gradient(1200px 500px at 85% -10%,#eef3ff 0,transparent 60%),#fff;padding:56px 0 40px;border-bottom:1px solid var(--line)}
.hx-in{display:grid;grid-template-columns:1.05fr 1fr;gap:44px;align-items:center}
.hx-eyebrow{display:inline-block;background:var(--acc);color:#0d0f14;font-weight:700;font-size:.8rem;border-radius:999px;padding:5px 12px;margin:0 0 18px}
.hx h1{font:800 clamp(2.3rem,5vw,3.7rem)/1.04 'Manrope',system-ui,sans-serif;letter-spacing:-.035em;margin:0 0 18px}
.hx h1 span{display:block;color:var(--ink2)}
.hx-lede{font-size:1.15rem;color:var(--ink2);max-width:32em;margin:0 0 26px}
.hx-cta{display:flex;gap:12px;flex-wrap:wrap}
.hx-micro{display:flex;flex-wrap:wrap;gap:6px 16px;align-items:center;color:var(--ink2);font-size:.9rem;margin:20px 0 0}
.hx-micro .ico{width:20px;height:20px;border-radius:50%;background:var(--acc);color:#0d0f14;margin-right:-10px}.hx-micro .ico svg{width:13px;height:13px}
.hx-shot{border-radius:16px;overflow:hidden;box-shadow:0 30px 60px -20px rgba(13,15,20,.35),0 0 0 1px var(--line);background:#fff}
.hx-shot img,.hx-shot .tprev{display:block;width:100%;height:auto;margin:0}
.hx-frame{display:flex;align-items:center;gap:6px;padding:10px 12px;background:#f3f4f7;border-bottom:1px solid var(--line)}
.hx-frame i{width:10px;height:10px;border-radius:50%;background:#d5d8df}.hx-frame span{margin-left:10px;font-size:.78rem;color:var(--ink2);background:#fff;border-radius:999px;padding:3px 12px}
@media(max-width:900px){.hx-in{grid-template-columns:1fr}.hx{padding-top:36px}}
.why3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.why3>div{border:1px solid var(--line);border-radius:18px;padding:26px 24px;background:#fff}
.why3>div:first-child{background:#0d0f14;color:#fff;border-color:#0d0f14}.why3>div:first-child p{color:#b9bfcc}
.why-n{display:block;font:800 3rem/1 'Manrope',system-ui,sans-serif;letter-spacing:-.04em;margin-bottom:14px}
.why3>div:first-child .why-n{color:var(--acc)}
.why3 b{display:block;font:800 1.2rem/1.25 'Manrope',system-ui,sans-serif;margin-bottom:8px}.why3 p{margin:0;color:var(--ink2);font-size:.95rem}
@media(max-width:860px){.why3{grid-template-columns:1fr}}
.cmp{width:100%;border-collapse:separate;border-spacing:0;font-size:.95rem;min-width:640px}
.cmp th,.cmp td{padding:14px 16px;text-align:left;border-bottom:1px solid var(--line);vertical-align:top}
.cmp thead th{font:800 .95rem 'Manrope',system-ui,sans-serif}.cmp tbody th{font-weight:600;width:24%}
.cmp td{color:var(--ink2)}.cmp .us{background:#f6fde3;color:var(--ink);font-weight:600}.cmp thead .us{background:var(--acc);border-radius:12px 12px 0 0}
.cmp td.us .ico{width:20px;height:20px;border-radius:50%;background:#0d0f14;color:var(--acc);vertical-align:-5px;margin-right:4px}.cmp td.us .ico svg{width:12px;height:12px}
.cmp-note{color:var(--ink2);font-size:.82rem;margin-top:10px}
.feat.f6{grid-template-columns:repeat(3,minmax(0,1fr))}@media(max-width:860px){.feat.f6{grid-template-columns:1fr}}
.feat .ico{background:#f1f3f7;color:#0d0f14}.feat div:nth-child(even) .ico{background:var(--acc2);color:var(--acc3)}
.tcard{border-radius:14px}.tcard:hover{border-color:#0d0f14}
.endcta{background:#0d0f14;color:#fff;text-align:center;padding:64px 0;margin-top:72px}
.endcta h2{font:800 clamp(1.7rem,3.4vw,2.5rem) 'Manrope',system-ui,sans-serif;letter-spacing:-.03em;margin:0 0 10px}.endcta p{color:#b9bfcc;margin:0 0 24px}
body.pf .pf-ftr{margin-top:0}

.hx-shot{position:relative;overflow:visible}.hx-frame{border-radius:16px 16px 0 0}
.mk{padding:18px 20px 22px;border-radius:0 0 16px 16px;background:#fff}
.mk-hd{display:flex;gap:16px;align-items:center;font-size:.82rem;color:var(--ink2);margin-bottom:16px}.mk-hd b{font:800 1rem 'Manrope',sans-serif;color:var(--ink);margin-right:auto}
.mk-cart{background:#0d0f14;color:#fff;border-radius:999px;padding:4px 10px}
.mk-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.mk-grid div{display:flex;flex-direction:column;gap:2px;font-size:.82rem}
.mk-grid i{display:block;aspect-ratio:4/5;border-radius:10px;margin-bottom:6px}.mk-grid span{color:var(--ink2)}
.g1{background:linear-gradient(160deg,#e9e4da,#cfc6b4)}.g2{background:linear-gradient(160deg,#dfe7f3,#a9bbd8)}.g3{background:linear-gradient(160deg,#eef6d2,#c6dd8c)}
.mk-toast{position:absolute;display:grid;grid-template-columns:28px auto;column-gap:10px;align-items:center;background:#fff;border-radius:14px;padding:10px 14px;
  box-shadow:0 14px 34px -10px rgba(13,15,20,.3),0 0 0 1px var(--line);font-size:.8rem;white-space:nowrap}
.mk-toast .ico{grid-row:1/3;width:28px;height:28px;border-radius:50%;background:var(--acc);color:#0d0f14}.mk-toast .ico svg{width:15px;height:15px}
.mk-toast b{font-weight:700}.mk-toast span{color:var(--ink2)}
.mk-toast.t1{left:-28px;bottom:70px}.mk-toast.t2{right:-18px;top:66px}.mk-toast.t3{right:24px;bottom:-22px}
@media(max-width:900px){.mk-toast.t1{left:8px}.mk-toast.t2{right:8px}}
#designs .tgrid{grid-template-columns:repeat(4,minmax(0,1fr))}@media(max-width:900px){#designs .tgrid{grid-template-columns:repeat(2,minmax(0,1fr))}}
.hx-micro span{display:inline-flex;align-items:center;gap:7px;white-space:nowrap}.hx-micro .ico{margin-right:0}