/* Brand colours arrive as CSS variables from the page head: --chrome, --accent, --accent2 and their ink colours. */
*{box-sizing:border-box}
[hidden]{display:none!important}
:root{--bg:#f4f5f7;--card:#fff;--ink:#111827;--muted:#6b7280;--line:#e5e7eb;--ok:#15803d;--warn:#b45309;--bad:#b91c1c;--radius:12px;--shadow:0 1px 2px rgba(0,0,0,.06),0 8px 24px -12px rgba(0,0,0,.15)}
html{font-size:16px;-webkit-text-size-adjust:100%}
body{margin:0;font-family:"Segoe UI",system-ui,-apple-system,Helvetica,Arial,sans-serif;color:var(--ink);background:var(--bg);line-height:1.5}
a{color:var(--accent)}
h1{font-size:1.6rem;margin:0 0 .5rem}h2{font-size:1.15rem;margin:0 0 .75rem}h3{font-size:1rem;margin:1.25rem 0 .5rem}
p{margin:.5rem 0}
.muted{color:var(--muted)}.small{font-size:.875rem}
code{background:#eef0f3;padding:2px 6px;border-radius:6px;font-size:.85em;word-break:break-all}
img{max-width:100%}
.wrap{max-width:1100px;margin:0 auto;padding:0 16px}

/* buttons and forms */
.btn{display:inline-block;background:var(--accent);color:var(--accent-ink);border:0;border-radius:9px;padding:.65rem 1.15rem;font:inherit;font-weight:600;cursor:pointer;text-decoration:none;line-height:1.2}
.btn:hover{filter:brightness(1.08)}
.btn-secondary{background:#e9ebef;color:var(--ink)}
.btn-ghost{background:transparent;color:var(--muted);text-decoration:underline}
.btn-danger{background:var(--bad);color:#fff}
.btn-small{padding:.4rem .8rem;font-size:.875rem}
.btn-block{display:block;width:100%;text-align:center}
.btn[disabled]{opacity:.6;cursor:default}
.field{display:block;margin:0 0 .9rem}
.field>span{display:block;font-weight:600;font-size:.9rem;margin-bottom:.3rem}
.field input[type=text],.field input[type=email],.field input[type=password],.field input[type=number],.field input[type=url],.field input[type=search],.field select,.field textarea,input[type=search]{width:100%;font:inherit;padding:.6rem .7rem;border:1px solid #cfd3da;border-radius:8px;background:#fff;color:var(--ink)}
.field textarea{resize:vertical}
.field input:focus,.field select:focus,.field textarea:focus{outline:2px solid var(--accent);outline-offset:1px;border-color:var(--accent)}
.help{display:block;color:var(--muted);font-size:.8rem;margin-top:.25rem}
.check{display:flex;gap:.5rem;align-items:flex-start;margin:.4rem 0;font-size:.95rem}
.check input{margin-top:.3rem}
.checks{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:0 1rem}
.row2{display:grid;grid-template-columns:1fr 1fr;gap:0 1rem}
.row3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:0 1rem;align-items:start}
.row2,.row3{align-items:start}
.color-row{display:flex;gap:.4rem;align-items:center}
.color-row input[type=color]{width:42px;height:38px;padding:2px;border:1px solid #cfd3da;border-radius:8px;background:#fff}
fieldset{border:1px solid var(--line);border-radius:10px;padding:.5rem 1rem;margin:0 0 1rem}
legend{font-weight:600;font-size:.9rem;padding:0 .4rem}
textarea[readonly]{width:100%;font:inherit;font-size:.85rem;padding:.5rem;border:1px solid var(--line);border-radius:8px;background:#f9fafb;margin:.4rem 0}
.flash{padding:.7rem 1rem;border-radius:10px;margin:0 0 1rem;font-size:.95rem}
.flash-ok{background:#dcfce7;color:#14532d}.flash-error{background:#fee2e2;color:#7f1d1d}
.pill{display:inline-block;font-size:.72rem;font-weight:600;padding:.15rem .5rem;border-radius:99px;background:#e5e7eb;color:#374151;vertical-align:middle}
.pill.on{background:#dcfce7;color:#14532d}
.link{color:var(--accent);cursor:pointer;text-decoration:underline}

/* cards */
.card{background:var(--card);border-radius:var(--radius);box-shadow:var(--shadow);padding:1.25rem;margin:0 0 1.25rem}
.card.narrow{max-width:560px}
.table.accounts td,.table.accounts th{white-space:nowrap}.table.accounts td:first-child{white-space:normal}
.grid2{display:grid;grid-template-columns:1fr 1fr;gap:1.25rem}
.grid2>.card{margin:0}
.grid2{margin-bottom:1.25rem}
.table{width:100%;border-collapse:collapse;font-size:.95rem}
.table th{text-align:left;font-size:.8rem;text-transform:uppercase;letter-spacing:.03em;color:var(--muted);padding:.5rem .5rem;border-bottom:2px solid var(--line)}
.table td{padding:.6rem .5rem;border-bottom:1px solid var(--line);vertical-align:middle}
.table .actions{white-space:nowrap;text-align:right}.table .actions form{display:inline}
.links>div{padding:.6rem 0;border-bottom:1px solid var(--line);word-break:break-all}.links>div:last-child{border:0}
.todo li{margin:.35rem 0}
.log{list-style:none;padding:0;margin:0}.log li{padding:.3rem 0;border-bottom:1px solid var(--line);font-size:.9rem}.log small{color:var(--muted);margin-right:.5rem}
.inline-form{margin:0}
.search{display:flex;gap:.5rem;margin:0 0 1rem}
.actions-row{display:flex;flex-wrap:wrap;gap:.75rem 1rem;align-items:center}.actions-row form{margin:0;display:flex;align-items:center;gap:.5rem}.actions-row .check{margin:0;font-size:.9rem}.actions-row .check input{margin-top:0}

/* centred pages: login, wizard, sales placeholder */
.page-centered{min-height:100vh;display:flex;flex-direction:column;align-items:center;padding:24px 16px;background-color:var(--chrome);background-image:linear-gradient(135deg,var(--chrome),color-mix(in srgb,var(--chrome) 55%,var(--accent)))}
.page-bg{display:none}
.page-centered[style*="background-image"] .page-bg{display:block;position:fixed;inset:0;z-index:0;background:rgba(0,0,0,.45)}
.centered{position:relative;z-index:1;width:100%;max-width:440px;margin:auto 0}
.centered.wide,.centered.wizard-main{max-width:960px}
.brand-lockup{text-align:center;margin:0 0 1.25rem}
.brand-logo{height:auto;width:auto;max-height:56px;max-width:min(360px,86vw);object-fit:contain;background:rgba(255,255,255,.92);padding:6px 12px;border-radius:12px;box-sizing:content-box}
.card.auth{padding:1.75rem}
.page-foot{position:relative;z-index:1;color:rgba(255,255,255,.75);font-size:.8rem;margin-top:1.5rem;text-align:center}.page-foot a{color:inherit}
.sales .lead{font-size:1.2rem}
.plan-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}
.plan-card{border:1px solid var(--line);border-radius:10px;padding:1rem;display:flex;flex-direction:column;gap:.35rem}
.plan-card em{font-style:normal;font-size:1.3rem;font-weight:700}

/* wizard */
.wizard-head{color:#fff;text-align:center;margin-bottom:1rem}.wizard-head .muted{color:rgba(255,255,255,.8)}
.steps{display:flex;list-style:none;padding:0;margin:0 0 1.25rem;gap:.4rem;flex-wrap:wrap;justify-content:center}
.steps li{display:flex;align-items:center;gap:.4rem;color:rgba(255,255,255,.7);font-size:.85rem}
.steps li span{width:24px;height:24px;border-radius:50%;background:rgba(255,255,255,.2);display:inline-flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:700}
.steps li.now{color:#fff;font-weight:600}.steps li.now span{background:var(--accent);color:var(--accent-ink)}
.steps li.done{color:#fff}.steps li.done span{background:#16a34a;color:#fff}
.checklist{list-style:none;padding:0;margin:0}
.checklist li{padding:.6rem 0 .6rem 2rem;border-bottom:1px solid var(--line);position:relative}
.checklist li:before{content:"";position:absolute;left:.3rem;top:.85rem;width:14px;height:14px;border-radius:50%;background:#9ca3af}
.checklist li.ok:before{background:var(--ok)}.checklist li.warn:before{background:#f59e0b}.checklist li.bad:before{background:var(--bad)}
.checklist li span{color:var(--muted);margin-left:.3rem}
.checklist .fix{font-size:.875rem;background:#fff7ed;color:#7c2d12;padding:.5rem .7rem;border-radius:8px;margin-top:.4rem}
.checklist li.bad .fix{background:#fef2f2;color:#7f1d1d}

/* kit cards */
.kit-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:1rem;margin:1rem 0}
.kit-card{border:2px solid var(--line);border-radius:12px;overflow:hidden;background:#fff;cursor:pointer;position:relative;display:flex;flex-direction:column}
.kit-card.picked{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 25%,transparent)}
.kit-card input[type=radio]{position:absolute;opacity:0;pointer-events:none}
.kit-preview{background:#f3f4f6;padding:0}
.kit-bar{background:var(--kc);color:#fff;padding:.5rem .7rem;display:flex;align-items:center;gap:.5rem;font-weight:700;font-size:.85rem}
.kit-bar img{width:20px;height:20px;border-radius:5px}
.kit-body{padding:.7rem;display:flex;flex-direction:column;gap:.4rem;height:78px}
.kit-btn{display:inline-block;background:var(--ka);color:#fff;font-size:.7rem;font-weight:700;padding:.25rem .55rem;border-radius:6px;align-self:flex-start}
.kit-body i{display:block;height:7px;border-radius:4px;background:#d1d5db;width:70%}.kit-body i+i{width:45%;background:var(--kb)}
.kit-text{padding:.7rem .8rem .9rem;display:flex;flex-direction:column;gap:.15rem;flex:1}
.kit-text strong{font-size:1rem}.kit-text em{font-style:normal;color:#374151;font-size:.9rem}.kit-text small{color:var(--muted);font-size:.78rem}
.kit-text .domain{font-family:ui-monospace,Menlo,Consolas,monospace;color:#374151}
.kit-text form{margin-top:auto;padding-top:.6rem}
.dstate{font-family:inherit;font-weight:600}.dstate.free{color:var(--ok)}.dstate.taken{color:var(--bad)}.dstate.unknown{color:var(--muted)}
.kit-card.own{border-style:dashed;cursor:default}.kit-card.own .kit-text{gap:.5rem}
.kit-card.neutral{opacity:.85}
.admin-kits .kit-card{cursor:default}

/* brander */
.live-preview{border:1px solid var(--line);border-radius:10px;overflow:hidden;margin:.5rem 0 1rem}
.lp-bar{background:var(--chrome);color:var(--chrome-ink);padding:.5rem .8rem;display:flex;align-items:center;gap:.5rem;font-weight:700}
.lp-bar img{width:22px;height:22px;border-radius:5px}
.lp-body{padding:.8rem;display:flex;flex-direction:column;gap:.5rem}
.lp-btn{display:inline-block;background:var(--accent);color:var(--accent-ink);padding:.3rem .7rem;border-radius:7px;font-size:.8rem;font-weight:700;align-self:flex-start}
.lp-body i{display:block;height:8px;width:50%;border-radius:4px;background:var(--accent2)}
.img-row{display:flex;gap:1rem;align-items:flex-start;padding:.75rem 0;border-top:1px solid var(--line)}
.thumb{width:64px;height:64px;object-fit:contain;background:#f3f4f6;border-radius:8px;padding:4px;flex:none}
.thumb.logo{width:160px}.thumb.wide{width:160px;height:64px;object-fit:cover}
.thumb.placeholder{display:flex;align-items:center;justify-content:center;font-size:.7rem;color:var(--muted);text-align:center}
.img-row>div{flex:1}
.prompts{background:#f9fafb;border-radius:10px;padding:.75rem 1rem;margin:.5rem 0 1rem}

/* name generator */
.names-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:.6rem;margin:0 0 1rem}
.name-row{display:flex;justify-content:space-between;align-items:center;gap:.75rem;border:1px solid var(--line);border-radius:10px;padding:.6rem .8rem}
.name-row strong{font-size:1.02rem}.name-row .domain{font-family:ui-monospace,Menlo,Consolas,monospace;color:#374151}

/* stats */
.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:1rem;margin:0 0 1.25rem}
.stat{background:#fff;border-radius:var(--radius);box-shadow:var(--shadow);padding:1rem;text-decoration:none;color:var(--ink);display:flex;flex-direction:column}
.stat b{font-size:1.5rem;line-height:1.1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.stat span{color:var(--muted);font-size:.85rem}.stat small{color:var(--muted);font-size:.75rem}
.stat.bad b{color:var(--bad)}.stat.ok b{color:var(--ok)}

/* member area */
.topbar{background:var(--chrome);color:var(--chrome-ink)}
.topbar .wrap{display:flex;align-items:center;gap:1rem;min-height:58px;position:relative;flex-wrap:wrap;padding-top:.5rem}
.topbar-brand{display:flex;align-items:center;gap:.6rem;color:inherit;text-decoration:none;font-weight:700;font-size:1.2rem;white-space:nowrap;margin-right:.5rem}
.topbar-brand img{width:32px;height:32px}
.topbar-brand img{width:28px;height:28px;border-radius:7px}
.topnav{display:flex;gap:.1rem;flex-basis:100%;order:3;flex-wrap:wrap;padding-bottom:.35rem;margin-left:-.5rem}
.topnav a,.topbar-user a{white-space:nowrap;color:inherit;text-decoration:none;opacity:.8;padding:.45rem .65rem;border-radius:8px;font-size:.92rem}
.topnav a.on,.topnav a:hover,.topbar-user a.on{opacity:1;background:rgba(255,255,255,.14)}
.topnav a{padding:.35rem .5rem;font-size:.9rem}
.topbar-user{display:flex;gap:.25rem;align-items:center;font-size:.9rem;margin-left:auto}
.menu-btn{display:none;background:transparent;border:0;color:inherit;font-size:1.5rem;cursor:pointer;margin-left:auto}
.content{padding:1.5rem 16px 2.5rem}
.site-foot{color:var(--muted);font-size:.8rem;padding:1rem 16px 2rem}
.dash-head{display:flex;justify-content:space-between;align-items:flex-end;gap:1rem;margin-bottom:1.25rem;flex-wrap:wrap}
.meter{background:#fff;border-radius:10px;box-shadow:var(--shadow);padding:.6rem .9rem;min-width:220px}
.meter span{font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--muted)}
.meter .bar{height:8px;background:#e5e7eb;border-radius:4px;margin:.35rem 0;overflow:hidden}.meter .bar i{display:block;height:100%;background:var(--accent)}
.meter small{color:var(--muted);display:block;line-height:1.4}
.meter .meter-buy{display:inline-block;margin-top:.55rem;padding:.35rem .7rem;font-size:.8rem;text-decoration:none}
section{margin-bottom:1.5rem}
.tiles{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:1rem}
.tiles.small{grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}
.tile{background:#fff;border-radius:var(--radius);box-shadow:var(--shadow);padding:1.1rem;text-decoration:none;color:var(--ink);display:flex;flex-direction:column;gap:.35rem;transition:transform .12s}
a.tile:hover{transform:translateY(-2px)}
.tile.off{opacity:.55;pointer-events:none}
.tile strong{font-size:1.05rem}.tile span{color:var(--muted);font-size:.875rem}.tile em{font-size:.75rem;color:var(--bad);font-style:normal}
.app-icon{width:44px;height:44px;border-radius:11px;background:color-mix(in srgb,var(--accent) 14%,#fff);display:flex;align-items:center;justify-content:center;margin-bottom:.3rem}
.app-icon svg{width:24px;height:24px;fill:none;stroke:var(--accent);stroke-width:1.8;stroke-linejoin:round;stroke-linecap:round}
.app-icon.big{width:72px;height:72px;margin:0 auto 1rem}.app-icon.big svg{width:40px;height:40px}
.card.soon{text-align:center;max-width:560px;margin:2rem auto;padding:2rem}
.biz-list{list-style:none;padding:0;margin:0 0 1rem}
.biz-list li{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:.6rem 0;border-bottom:1px solid var(--line)}.biz-list form{margin:0}
.video{position:relative;padding-top:56.25%;border-radius:10px;overflow:hidden;background:#000;margin-bottom:.75rem}.video iframe{position:absolute;inset:0;width:100%;height:100%;border:0}

/* admin layout */
body.admin{display:grid;grid-template-columns:240px 1fr;min-height:100vh}
.side{background:var(--chrome);color:var(--chrome-ink);display:flex;flex-direction:column;padding:1rem .75rem;position:sticky;top:0;height:100vh;overflow-y:auto}
.side-brand{display:flex;flex-direction:column;gap:.6rem;align-items:flex-start;padding:.5rem .75rem 1.1rem;border-bottom:1px solid rgba(255,255,255,.12);margin-bottom:.6rem}
.side-brand img{width:44px;height:44px;border-radius:10px}.side-brand strong{display:block;font-size:1.05rem;line-height:1.25}.side-brand small{opacity:.7;font-size:.75rem;text-transform:uppercase;letter-spacing:.06em}
.side nav{display:flex;flex-direction:column;gap:.15rem}
.side nav a,.side-foot a{color:inherit;text-decoration:none;opacity:.8;padding:.5rem .75rem;border-radius:8px;font-size:.95rem}
.side nav a.on,.side nav a:hover{opacity:1;background:rgba(255,255,255,.14)}
.side nav.side-kit{border-top:1px solid rgba(255,255,255,.14);margin-top:.7rem;padding-top:.7rem}
.side nav a.side-kit-h{font-weight:700;opacity:.95}
.side nav a.side-kit-i{padding:.38rem .75rem .38rem 1.6rem;font-size:.9rem;position:relative}
.side nav a.side-kit-i::before{content:"";position:absolute;left:.95rem;top:50%;width:5px;height:5px;border-radius:50%;background:currentColor;opacity:.45;transform:translateY(-50%)}
.side-foot{margin-top:auto;display:flex;flex-direction:column;font-size:.85rem}
.admin-top{display:none}
.admin-content{padding:1.5rem 2rem 3rem;max-width:1100px;width:100%}

@media (max-width:820px){
  body.admin{display:block}
  .side{position:fixed;left:-260px;width:240px;transition:left .2s;z-index:20}
  body.menu-open .side{left:0}
  .admin-top{display:block}
  .admin-content{padding:1rem 16px 2rem}
  .admin-content .card{overflow-x:auto}
  .grid2,.row2{grid-template-columns:1fr}
  .menu-btn{display:block}
  .topbar .wrap{flex-wrap:wrap}
  .topnav,.topbar-user{display:none}
  .topbar .wrap{padding-top:0}
  body.menu-open .topnav,body.menu-open .topbar-user{display:flex;flex-direction:column;width:100%;order:10;margin:0;padding:.25rem 0 .5rem;gap:.1rem}
  body.menu-open .topbar-user{border-top:1px solid rgba(255,255,255,.15);padding-top:.5rem;margin-bottom:.5rem}
  .topnav a,.topbar-user a{display:block}
  .table th:nth-child(n+4),.table td:nth-child(n+4){display:none}
  .table td.actions,.table th:last-child{display:table-cell!important}
  .row3{grid-template-columns:1fr}
  .img-row{flex-direction:column}
}
@media (max-width:480px){
  .card{padding:1rem}.card.auth{padding:1.25rem}
  .steps li{font-size:.75rem}
  .kit-grid{grid-template-columns:1fr 1fr}
}

.tile.profile{border:2px solid color-mix(in srgb,var(--accent) 35%,#fff)}
.biz-switch{display:flex;gap:.4rem;flex-wrap:wrap;margin:0 0 1rem}
.biz-switch a{background:#fff;border:1px solid var(--line);border-radius:99px;padding:.3rem .8rem;text-decoration:none;color:var(--ink);font-size:.9rem}
.biz-switch a.on{background:var(--accent);color:var(--accent-ink);border-color:var(--accent)}

/* drop-downs */
.dd{position:relative;display:block;width:100%}
.dd-native{position:absolute;opacity:0;pointer-events:none;width:1px;height:1px;left:0;top:0}
.dd-btn{display:flex;align-items:center;justify-content:space-between;gap:.5rem;width:100%;font:inherit;text-align:left;padding:.6rem 2.4rem .6rem .7rem;border:1px solid #cfd3da;border-radius:8px;background:#fff;color:var(--ink);cursor:pointer;position:relative;line-height:1.4;min-height:42px}
.dd-btn:after{content:"";position:absolute;right:.85rem;top:50%;width:.55rem;height:.55rem;border-right:2px solid #6b7280;border-bottom:2px solid #6b7280;transform:translateY(-70%) rotate(45deg);transition:transform .15s}
.dd.open .dd-btn:after{transform:translateY(-30%) rotate(225deg);border-color:var(--accent)}
.dd-btn:hover{border-color:#9ca3af}
.dd-btn:focus,.dd.open .dd-btn{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 22%,transparent)}
.dd-btn[disabled]{opacity:.6;cursor:default}
.dd-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.dd-list{position:absolute;left:0;right:0;top:calc(100% + 6px);z-index:50;margin:0;padding:.35rem;list-style:none;background:#fff;border:1px solid var(--line);border-radius:10px;box-shadow:0 12px 32px -8px rgba(0,0,0,.25),0 2px 6px rgba(0,0,0,.06);max-height:260px;overflow:auto;animation:ddin .12s ease-out}
.dd-list.up{top:auto;bottom:calc(100% + 6px)}
@keyframes ddin{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}
.dd-list li{padding:.5rem .75rem .5rem 2rem;border-radius:7px;cursor:pointer;position:relative;font-size:.95rem;color:var(--ink)}
.dd-list li:hover{background:color-mix(in srgb,var(--accent) 10%,#fff)}
.dd-list li.on{background:color-mix(in srgb,var(--accent) 14%,#fff);font-weight:600}
.dd-list li.on:before{content:"";position:absolute;left:.75rem;top:50%;width:.4rem;height:.7rem;border-right:2px solid var(--accent);border-bottom:2px solid var(--accent);transform:translateY(-60%) rotate(45deg)}
.dd-list li.off{opacity:.45;cursor:default}
.field .dd{margin:0}
.subform{border-top:1px solid var(--line);margin-top:1rem;padding-top:.5rem}
.conn-head{display:flex;justify-content:space-between;align-items:center;gap:1rem;flex-wrap:wrap}.conn-head h2{margin:0}.conn-head form{margin:0}.conn h3{margin:.75rem 0 .25rem}.conn h4{margin:.5rem 0 .25rem}.conn .subform{margin-top:.75rem}

/* thank-you and opt-in pages (the sales page itself has its own stylesheet, sales.css) */
.video video{position:absolute;inset:0;width:100%;height:100%;background:#000}
.thanks-steps{padding-left:1.25rem}.thanks-steps li{margin:.5rem 0}
.join-bullets{padding-left:1.25rem;margin:.5rem 0 1rem}.join-bullets li{margin:.3rem 0}
.join-form{position:relative}

/* Admin > Sales page: the builder (left) and the live preview (right) */
.admin-content:has(.sb-layout){max-width:none}
.sb-layout{display:grid;grid-template-columns:380px 1fr;gap:1.25rem;align-items:start}
.sb-left{min-width:0}
.sb-right{position:sticky;top:1rem}
.sb-preview{background:#fff;border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden;height:calc(100vh - 2rem);display:flex;flex-direction:column}
.sb-preview-bar{display:flex;align-items:center;gap:.6rem;padding:.5rem .8rem;border-bottom:1px solid var(--line);font-size:.85rem;color:var(--muted)}
.sb-preview-bar .pill{margin-left:auto}
.sb-preview iframe{flex:1;width:100%;border:0;background:#fff}
.sb-preview.phone iframe{width:390px;margin:0 auto;border-left:1px solid var(--line);border-right:1px solid var(--line)}
.sb-head{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center}
.sb-head form{margin:0}
.pill.draft{background:#fef3c7;color:#78350f}
.pill.saved{background:#dcfce7;color:#14532d}
.sb-status{font-size:.8rem;color:var(--muted);min-height:1.2em}
.sb-themes{display:flex;gap:.5rem;margin:.6rem 0}
.sb-theme{flex:1;border:2px solid var(--line);border-radius:10px;padding:.4rem .3rem .35rem;background:#fff;cursor:pointer;font:inherit;font-size:.75rem;text-align:center;color:var(--ink)}
.sb-theme i{display:block;height:26px;border-radius:6px;margin-bottom:.3rem}
.sb-theme.on{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 25%,transparent)}
.sb-theme[data-theme=clean] i{background:linear-gradient(#fff 50%,var(--accent) 50%);border:1px solid var(--line)}
.sb-theme[data-theme=dark] i{background:linear-gradient(var(--chrome) 70%,var(--accent) 70%)}
.sb-theme[data-theme=warm] i{background:linear-gradient(#fbf6ee 60%,#d9c7a3 60%);border:1px solid #e6dccb}
.sb-theme[data-theme=gradient] i{background:linear-gradient(135deg,var(--chrome),var(--accent))}
.sb-theme[data-theme=custom] i{background:conic-gradient(#ef4444,#f59e0b,#22c55e,#3b82f6,#a855f7,#ef4444);border:1px solid var(--line)}
.sb-colors{margin:.6rem 0 .2rem;padding:.8rem .9rem .3rem;background:#f4f6f9;border:1px solid #e3e8ee;border-radius:10px}
.sb-colors .row3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:.7rem;align-items:end}
.sb-colors .field.color{margin:0;display:flex;flex-direction:column;min-width:0}
.sb-colors .field.color>span:first-child{font-size:.76rem;line-height:1.25;min-height:2.5em;display:flex;align-items:flex-end;margin-bottom:.35rem;font-weight:600}
.sb-colors .color-row{display:flex;flex-direction:column;gap:.35rem;align-items:stretch}
.sb-colors .color-row input[type=color]{width:100%;height:40px;padding:3px;border:1px solid #cfd3da;border-radius:7px;background:#fff;cursor:pointer}
.sb-colors .color-row input[type=text]{width:100%;min-width:0;font:inherit;font-size:.82rem;padding:.4rem .45rem;border:1px solid #cfd3da;border-radius:7px;text-transform:uppercase;text-align:center}
.sb-colors .help{margin:.55rem 0 .4rem;font-size:.8rem}
.sb-gal{margin:.2rem 0 .8rem;font-size:.82rem}
.sb-gal>b{font-weight:600}
.sb-gal-list{display:flex;flex-direction:column;gap:.35rem;margin:.4rem 0}
.sb-gal-item{display:flex;align-items:center;gap:.5rem}
.sb-gal-item img{width:72px;height:45px;object-fit:cover;object-position:top;border-radius:5px;border:1px solid var(--line);background:#f3f4f6;flex:none}
.sb-gal-item input{flex:1;min-width:0;font:inherit;font-size:.8rem;padding:.35rem .5rem;border:1px solid #cfd3da;border-radius:6px}
.sb-gal-rm{background:transparent;border:1px solid var(--line);border-radius:6px;width:26px;height:26px;cursor:pointer;color:var(--muted);font-size:1rem;line-height:1;flex:none}
.sb-gal-rm:hover{color:#b91c1c;border-color:#b91c1c}
.sb-gal label.btn{display:inline-block}
.sb-gal input[type=file]{display:none}
.sb-delivery{background:#f5f7fa;border:1px solid var(--line);border-radius:8px;padding:.6rem .8rem;font-size:.8rem;margin:0 0 .7rem}
.sb-delivery ol{margin:.3rem 0 0;padding-left:1.2rem}
.sb-delivery li{margin:.25rem 0}
.sb-warn{color:#b91c1c;font-weight:600}
.sb-copy-row{display:flex;gap:.4rem;align-items:center;margin-top:.25rem}
.sb-copy-row input{flex:1;min-width:0;font:inherit;font-size:.78rem;padding:.35rem .5rem;border:1px solid #cfd3da;border-radius:6px;background:#fff}
.sb-fields input[type=time],.sb-fields select{width:100%;font:inherit;font-size:.9rem;padding:.45rem .55rem;border:1px solid #cfd3da;border-radius:7px;background:#fff}
.sb-list{display:flex;flex-direction:column;gap:.5rem}
.sb-row{background:#fff;border-radius:10px;box-shadow:var(--shadow);padding:.55rem .7rem}
.sb-row.off{opacity:.65}
.sb-row-head{display:flex;align-items:center;gap:.45rem}
.sb-row-head strong{flex:1;font-size:.95rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.sb-move{display:flex;flex-direction:column;gap:1px}
.sb-move button{background:#eef0f3;border:0;border-radius:4px;width:22px;height:14px;font-size:.6rem;line-height:1;cursor:pointer;color:#374151;padding:0}
.sb-move button:disabled{opacity:.3;cursor:default}
.sb-switch{position:relative;width:36px;height:20px;flex:none}
.sb-switch input{position:absolute;opacity:0;width:100%;height:100%;margin:0;cursor:pointer;z-index:1}
.sb-switch span{position:absolute;inset:0;background:#cbd5e1;border-radius:99px;transition:background .15s}
.sb-switch span:after{content:"";position:absolute;left:2px;top:2px;width:16px;height:16px;border-radius:50%;background:#fff;transition:left .15s}
.sb-switch input:checked+span{background:var(--ok)}
.sb-switch input:checked+span:after{left:18px}
.sb-edit{background:transparent;border:1px solid var(--line);border-radius:7px;padding:.25rem .6rem;font:inherit;font-size:.8rem;cursor:pointer;color:var(--ink)}
.sb-row.open .sb-edit{background:var(--accent);color:var(--accent-ink);border-color:var(--accent)}
.sb-fields{display:none;border-top:1px solid var(--line);margin-top:.55rem;padding-top:.6rem}
.sb-row.open .sb-fields{display:block}
.sb-fields .field{margin-bottom:.6rem}
.sb-fields .field>span{font-size:.8rem}
.sb-fields input[type=text],.sb-fields input[type=url],.sb-fields input[type=date],.sb-fields input[type=number],.sb-fields textarea{width:100%;font:inherit;font-size:.9rem;padding:.45rem .55rem;border:1px solid #cfd3da;border-radius:7px}
.sb-fields textarea{resize:vertical}
.sb-fields h4{margin:.8rem 0 .3rem;font-size:.82rem;text-transform:uppercase;letter-spacing:.04em;color:var(--muted)}
.sb-fields .help{font-size:.75rem}
.sb-pic{display:flex;gap:.6rem;align-items:center;margin:0 0 .6rem}
.sb-pic img{width:64px;height:48px;object-fit:cover;border-radius:6px;background:#f3f4f6;border:1px solid var(--line)}
.sb-pic .ph{width:64px;height:48px;border-radius:6px;background:#f3f4f6;border:1px dashed #cfd3da;display:flex;align-items:center;justify-content:center;font-size:.65rem;color:var(--muted)}
.sb-pic>div{flex:1;font-size:.8rem}
.sb-pic label.btn{display:inline-block}
.sb-pic input[type=file]{display:none}
.sb-pic .link{font-size:.8rem;margin-left:.4rem}
.sb-file{font-size:.82rem;margin:0 0 .6rem}
.sb-file b{font-weight:600}
.sb-adv summary{cursor:pointer;font-weight:600;font-size:.9rem}
.sb-adv .field{margin-top:.6rem}
@media (max-width:1100px){
  .sb-layout{grid-template-columns:1fr}
  .sb-right{position:static}
  .sb-preview{height:70vh}
}

.table td input[type=text],.table td input[type=url]{width:100%;font:inherit;padding:.4rem .5rem;border:1px solid #cfd3da;border-radius:6px}

/* Dashboard before a business exists */
.notice.start-here{background:#FFF7DD;border:1px solid #F0D98A;border-radius:var(--radius);padding:.9rem 1.1rem;margin:0 0 1rem;display:flex;flex-wrap:wrap;align-items:center;gap:.5rem .6rem}
.notice.start-here .btn{margin-left:auto}
.tiles.waiting .tile:not(.off){opacity:.7}
.tiles.waiting .tile:not(.off):hover{opacity:1}
.tile em.muted{color:var(--muted)}
.topnav a.needs-biz{opacity:.6}
#add.pulse{animation:addpulse 1.6s ease-out 1;border-radius:var(--radius)}
@keyframes addpulse{0%{box-shadow:0 0 0 0 rgba(240,180,40,.9)}100%{box-shadow:0 0 0 14px rgba(240,180,40,0)}}

/* member bonuses */
.bonus-list{list-style:none;padding:0;margin:0}
.bonus-list li{display:flex;gap:.8rem;align-items:center;padding:.6rem 0;border-bottom:1px solid var(--line)}
.bonus-list li:last-child{border:0}
.bonus-list img{width:56px;height:68px;object-fit:contain;border-radius:6px;flex:none}
.bonus-list div{flex:1}.bonus-list small{color:var(--muted);display:block}

/* help videos */
.video.placeholder{background:#E9EEF3;display:flex;align-items:center;justify-content:center;border:1px dashed #B9C4CF}
.video.placeholder span{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:#6B7A88;font-size:.9rem}
.guides-h{font-size:.9rem;margin:.9rem 0 .4rem}
.guides{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:.3rem .8rem;font-size:.875rem}
.guides a::before,.guides span::before{content:"\25B6";font-size:.6rem;margin-right:.4rem;opacity:.6}
.vlight{position:fixed;inset:0;background:rgba(10,20,30,.8);z-index:60;display:flex;align-items:center;justify-content:center;padding:1rem}
.vlight .vbox{width:min(960px,100%);background:#fff;border-radius:12px;padding:.8rem}
.vlight .vbox h3{margin:0 0 .5rem;font-size:1rem}.vlight .video{margin:0}
.vlight .vclose{position:absolute;top:.8rem;right:1rem;background:none;border:0;color:#fff;font-size:1.8rem;cursor:pointer}

.sb-bg{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem .9rem;background:#f4f6f9;border:1px solid #e3e8ee;border-radius:8px;padding:.5rem .7rem;margin:0 0 .8rem;font-size:.85rem}
.sb-bg-label{font-weight:700}
.sb-bg-opt{display:inline-flex;align-items:center;gap:.3rem;cursor:pointer}
.sb-bg-pick{display:inline-flex;align-items:center;gap:.35rem}
.sb-bg-pick input[type=color]{width:34px;height:30px;padding:2px;border:1px solid #cfd3da;border-radius:6px;background:#fff}
.sb-bg-pick input[type=text]{width:88px;font:inherit;font-size:.8rem;padding:.3rem .4rem;border:1px solid #cfd3da;border-radius:6px;text-transform:uppercase}

/* sub-rows (the three bonuses, the free guide) sit indented under their parent with a connector line */
.sb-group{display:flex;flex-direction:column;gap:.5rem}
.sb-row[data-sub-row]{margin-left:1.9rem;position:relative;background:#f7f9fb;border:1px solid #e3e8ee;box-shadow:none}
.sb-row[data-sub-row]::before{content:"";position:absolute;left:-1.15rem;top:-.55rem;bottom:50%;width:.9rem;border-left:2px solid #cfd6de;border-bottom:2px solid #cfd6de;border-bottom-left-radius:8px}
.sb-row[data-sub-row] .sb-move{display:none}
.sb-row[data-sub-row] .sb-row-head strong{font-size:.9rem;font-weight:600}
.sb-row[data-sub-row]:not(:last-child)::after{content:"";position:absolute;left:-1.15rem;top:50%;bottom:-.6rem;border-left:2px solid #cfd6de}
.sb-row[data-sub-row]:last-child{margin-bottom:.3rem}
.h1-row{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap;margin:0 0 .5rem}.h1-row h1{margin:0}
.watch-dlg{border:0;border-radius:var(--radius);padding:0;width:min(960px,94vw);background:#0b1626;color:#fff;box-shadow:0 20px 60px rgba(0,0,0,.4)}
.watch-dlg::backdrop{background:rgba(5,10,20,.7)}.watch-head{display:flex;justify-content:space-between;align-items:center;padding:.6rem 1rem}
.watch-x{background:none;border:0;color:#fff;font-size:1.6rem;line-height:1;cursor:pointer}.watch-dlg video,.help-player video{display:block;width:100%;aspect-ratio:16/9;background:#000}
.help-player{padding:0;overflow:hidden}.help-player h2,.help-player p{margin:.9rem 1.25rem .2rem}.help-player p{margin-bottom:1.1rem}
.help-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:.75rem}
.help-item{display:flex;gap:.75rem;align-items:flex-start;background:var(--card);border-radius:var(--radius);box-shadow:var(--shadow);padding:.85rem 1rem;color:inherit;text-decoration:none;border:2px solid transparent}
.help-item.on{border-color:var(--accent,#7c3aed)}.help-item .n{flex:none;width:28px;height:28px;border-radius:50%;background:var(--accent,#7c3aed);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.85rem}
.help-item b{display:block}.help-item small{color:var(--muted,#6b7280)}
.conn-steps{margin:.25rem 0 .75rem;padding-left:1.25rem;font-size:.9rem;color:var(--muted)}.conn-steps li{margin:.3rem 0}.conn-steps b{color:var(--ink)}
.checkout-help{margin:-.25rem 0 .9rem;font-size:.875rem}.checkout-help ul{margin:.4rem 0;padding-left:1.2rem;color:var(--muted)}.checkout-help li{margin:.25rem 0}.checkout-help b{color:var(--ink)}
.secret-row{display:flex;gap:.5rem;align-items:center}.secret-row .secret-mask{flex:1;letter-spacing:.12em;color:var(--muted);background:var(--bg);cursor:default}
.secret-field .help .pill{font-size:.7rem;margin-right:.25rem;vertical-align:1px}
.secret-row .secret-new{flex:1}
.note-box{background:#fff8e6;border:1px solid #f3dfa6;border-radius:10px;padding:.7rem .9rem;margin:.25rem 0 1rem;color:#5b4410}.note-box b{color:#3f2f08}
.chips{display:flex;flex-wrap:wrap;gap:.5rem}.chips form{margin:0}
.chip{display:inline-block;border:1.5px solid var(--line);background:var(--card);color:var(--ink);border-radius:999px;padding:.45rem .95rem;font:inherit;font-size:.92rem;cursor:pointer;text-decoration:none}
.chip:hover{border-color:var(--accent)}.chip.on{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 10%,var(--card));font-weight:600}
details.conn{padding:0}details.conn>summary.conn-sum{list-style:none;cursor:pointer;padding:1rem 1.25rem;display:flex;align-items:center;gap:.6rem;flex-wrap:wrap;font-size:1.05rem}
details.conn>summary.conn-sum::-webkit-details-marker{display:none}details.conn>summary.conn-sum::after{content:"▾";margin-left:auto;color:var(--muted)}details.conn:not([open])>summary.conn-sum::after{content:"▸"}
details.conn[open]>summary.conn-sum{border-bottom:1px solid var(--line)}
.conn .step{display:flex;gap:.9rem;padding:1rem 1.25rem;border-bottom:1px solid var(--line)}.conn .step:last-of-type{border-bottom:0}
.conn .step-n{flex:none;width:30px;height:30px;border-radius:50%;background:var(--accent);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700}
.conn .step.done .step-n{background:var(--ok)}.conn .step-b{flex:1;min-width:0}.conn .step-b h3{margin:.15rem 0 .35rem}.conn .step-b p{margin:.3rem 0 .6rem}.conn .step-b .field{margin-bottom:.6rem}
.conn .maplist{margin:.2rem 0 .6rem;padding-left:1.1rem}.conn .maplist code{font-size:.85em}
.conn-adv{margin:0;padding:.75rem 1.25rem 1rem;border-top:1px solid var(--line);font-size:.92rem}.conn-adv>summary{cursor:pointer;color:var(--muted)}.conn-adv .actions-row{display:flex;flex-wrap:wrap;gap:.5rem;margin:.5rem 0}.conn-adv .actions-row form{margin:0}
.pill.warn{background:#fff4dc;color:#8a5a00}
details#recent>summary{cursor:pointer}
fieldset.sold-on{border:1px solid var(--line);border-radius:10px;padding:.6rem 1rem .2rem;margin:0 0 1rem}fieldset.sold-on legend{font-weight:600;padding:0 .3rem}
.pill.bad{background:#fee2e2;color:#991b1b}.bad-text{color:var(--bad);font-weight:600}
.conn-sum .conn-switch{margin:0 0 0 auto}.conn-sum .conn-switch+*{display:none}details.conn>summary.conn-sum:has(.conn-switch)::after{margin-left:.5rem}
.chip-x{margin-left:.25rem;color:var(--muted);font-weight:700}.chip.on:hover .chip-x{color:var(--bad)}
/* reports */
.glance-head,.rep-tablehead{display:flex;justify-content:space-between;align-items:center;gap:1rem;flex-wrap:wrap}.glance-head h2,.rep-tablehead h2{margin:0}
.glance-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:.75rem;margin-top:.9rem}
.glance{display:flex;flex-direction:column;gap:.15rem;border:1px solid var(--line);border-radius:10px;padding:.75rem .9rem .5rem;color:var(--ink);text-decoration:none}
.glance:hover{border-color:var(--accent)}.glance span{font-size:.82rem;color:var(--muted)}.glance b{font-size:1.5rem;line-height:1.2}
.glance small.up{color:var(--ok);font-weight:600}.glance small.down{color:var(--bad);font-weight:600}.glance.neg small.up{color:var(--bad)}.glance.neg small.down{color:var(--ok)}
.glance .spark{width:100%;height:34px;margin-top:.3rem;color:var(--accent)}.glance.neg .spark{color:#e08a8a}
.rep-filters{display:flex;flex-wrap:wrap;gap:.75rem;align-items:flex-end}.rep-filters .field{margin:0;min-width:150px}.rep-filters .field[hidden]{display:none}
.rep-tiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:.75rem;margin:0 0 1.25rem}
.rep-tile{background:var(--card);border-radius:var(--radius);box-shadow:var(--shadow);padding:.8rem 1rem;color:var(--ink);text-decoration:none;border:2px solid transparent;display:flex;flex-direction:column}
.rep-tile span{font-size:.82rem;color:var(--muted)}.rep-tile b{font-size:1.35rem}a.rep-tile:hover,.rep-tile.on{border-color:var(--accent)}
.rep-tabs{display:flex;gap:.5rem;flex-wrap:wrap;margin-bottom:.75rem}
.rep-chart{width:100%;height:auto;display:block}.rep-chart rect{fill:var(--accent)}.rep-chart rect:hover{opacity:.75}.rep-chart .grid{stroke:var(--line);stroke-width:1}.rep-chart .ax{font-size:12px;fill:var(--muted)}
.rep-empty{padding:2.5rem 0;text-align:center}.table-wrap{overflow-x:auto}
.rep-table th[data-sort]{cursor:pointer;user-select:none;white-space:nowrap}.rep-table th[data-sort]::after{content:" ↕";color:var(--muted);font-weight:400}.rep-table th.asc::after{content:" ▲"}.rep-table th.desc::after{content:" ▼"}
.rep-table td:not(:first-child),.rep-table th:not(:first-child){text-align:right}.rep-table tfoot th{border-top:2px solid var(--line)}
/* marketing kit */
.kit-hero{background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 12%,var(--card)),var(--card))}.kit-badge{display:inline-block;font-size:.72rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;background:var(--accent);color:#fff;border-radius:99px;padding:.15rem .6rem}
.kit-hero h2{font-size:1.4rem;margin:.6rem 0 .5rem}.kit-list{margin:.5rem 0 1rem;padding-left:1.2rem}.kit-list li{margin:.25rem 0}
.kit-drop{border:2px dashed var(--line);border-radius:12px;padding:1.4rem;text-align:center;margin:.5rem 0 1rem}.kit-drop.over{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 6%,var(--card))}
.kit-progress{margin-top:1rem;text-align:left}.kit-progress .bar{height:8px;background:var(--line);border-radius:99px;overflow:hidden}.kit-progress .bar span{display:block;height:100%;width:0;background:var(--accent);transition:width .2s}
.kit-progress small{display:block;margin-top:.4rem}.kit-progress.bad small{color:var(--bad);font-weight:600}
.kit-other form{margin:.5rem 0}.kit-manage>summary{cursor:pointer}.kit-manage .kit-install{box-shadow:none;padding:0;margin-top:1rem}
.name-row.is-free{border-color:color-mix(in srgb,var(--ok) 45%,var(--line));background:color-mix(in srgb,var(--ok) 5%,transparent)}
.name-row .domain s{color:var(--muted)}
.thumb.gradient{display:flex;align-items:flex-end;padding:6px 8px;background-size:cover}
.thumb.gradient span{font-size:.62rem;line-height:1.2;color:rgba(255,255,255,.85)}
.img-prev{flex:none}
.names-style{max-width:340px}
.ai-maker{border:1px solid color-mix(in srgb,var(--accent) 35%,var(--line));background:color-mix(in srgb,var(--accent) 5%,var(--card,#fff));border-radius:12px;padding:1rem 1.1rem;margin:.6rem 0 1.2rem}
.ai-maker.off p{margin:.3rem 0 0}
.ai-maker-head{display:flex;flex-direction:column;gap:.15rem;margin-bottom:.7rem}.ai-maker-head strong{font-size:1.05rem}
.ai-maker-grid{display:grid;grid-template-columns:1fr 1fr;gap:.8rem}
@media(max-width:700px){.ai-maker-grid{grid-template-columns:1fr}}
.chips{display:flex;flex-wrap:wrap;gap:.4rem}
.chip input{position:absolute;opacity:0;pointer-events:none}
.chip span{display:inline-block;border:1px solid var(--line);border-radius:99px;padding:.3rem .8rem;font-size:.88rem;cursor:pointer;background:#fff}
.chip input:checked+span{background:var(--accent);border-color:var(--accent);color:#fff}
.chip input:focus-visible+span{outline:2px solid var(--accent);outline-offset:2px}
.ai-results{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:.7rem}
.ai-results:empty{display:none}
.ai-pic{border:1px solid var(--line);border-radius:10px;padding:.5rem;background:repeating-conic-gradient(#f3f4f6 0 25%,#fff 0 50%) 0 0/16px 16px;display:flex;flex-direction:column;gap:.4rem}
.ai-pic img{width:100%;height:120px;object-fit:contain;border-radius:6px}
.ai-pic.loading{min-height:150px;align-items:center;justify-content:center;color:var(--muted);animation:aipulse 1.4s ease-in-out infinite}
@keyframes aipulse{50%{opacity:.5}}
.ai-pic-btns{display:flex;flex-wrap:wrap;gap:.3rem;background:#fff;border-radius:6px}
.ai-pic-btns .btn{flex:1 1 auto}
.names-list{grid-template-columns:repeat(auto-fill,minmax(330px,1fr))!important}
.name-row [data-use-name]{white-space:nowrap;flex:none}
.name-row .alt-note{display:block;font-size:.75rem}
.name-row.is-free strong::after{content:"Free .com";margin-left:.45rem;font-size:.68rem;font-weight:700;color:#fff;background:var(--ok);border-radius:99px;padding:.08rem .45rem;vertical-align:middle}
/* color fields: swatch and hex code side by side in one box (not inside the sales builder, which has its own look) */
.field.color>.color-row{display:flex;align-items:center;gap:0;margin:0;font-weight:400;border:1px solid #cfd3da;border-radius:8px;background:#fff;padding:4px;height:46px}
.field.color>.color-row:focus-within{outline:2px solid var(--accent);outline-offset:1px;border-color:var(--accent)}
.field.color>.color-row input[type=color]{flex:none;width:36px;height:36px;padding:0;border:0;border-radius:6px;background:none;cursor:pointer}
.field.color>.color-row input[type=color]::-webkit-color-swatch-wrapper{padding:0}
.field.color>.color-row input[type=color]::-webkit-color-swatch{border:1px solid rgba(0,0,0,.15);border-radius:6px}
.field.color>.color-row input[type=color]::-moz-color-swatch{border:1px solid rgba(0,0,0,.15);border-radius:6px}
.field.color>.color-row input[type=text]{flex:1;min-width:0;border:0;padding:.3rem .5rem;font-family:ui-monospace,Menlo,Consolas,monospace;font-size:.92rem;text-transform:uppercase;background:none}
.field.color>.color-row input[type=text]:focus{outline:0}
.sb-colors .field.color>.color-row{border:0;padding:0;height:auto;background:none;display:flex}
.sb-colors .field.color>.color-row:focus-within{outline:0}
.sb-colors .field.color>.color-row input[type=color]{width:100%;height:40px;padding:3px;border:1px solid #cfd3da;border-radius:7px;background:#fff}
.sb-colors .field.color>.color-row input[type=text]{border:1px solid #cfd3da;border-radius:7px;padding:.45rem .5rem}
.topbar-brand.has-logo img{width:auto;height:34px;max-width:230px;object-fit:contain;background:rgba(255,255,255,.95);padding:4px 10px;border-radius:9px;box-sizing:content-box}
.side-brand.has-logo img{width:auto;height:auto;max-width:100%;max-height:60px;object-fit:contain;background:rgba(255,255,255,.95);padding:6px 10px;border-radius:10px;box-sizing:border-box}
.ai-pic-btns .ai-set{flex-basis:100%;background:color-mix(in srgb,var(--accent) 14%,#fff);color:var(--ink)}
.brand-logo.no-plate,.topbar-brand.has-logo.no-plate img,.side-brand.has-logo.no-plate img{background:none;padding-left:0;padding-right:0}
.brand-logo.no-plate{max-height:64px}
.logo-tones{display:flex;gap:.5rem;flex-wrap:wrap;margin:.2rem 0 .6rem}
.logo-tone{display:flex;align-items:center;justify-content:center;width:170px;height:64px;border-radius:9px;border:1px solid var(--line);padding:8px}
.logo-tone img{max-width:100%;max-height:100%;object-fit:contain}
.logo-tone.plate img{background:rgba(255,255,255,.95);padding:4px 8px;border-radius:7px}
.logo-tone-lbl{display:block;font-size:.72rem;color:var(--muted);margin-top:.2rem;text-align:center}
.ai-pic{position:relative}
.ai-del{position:absolute;top:6px;right:6px;min-width:26px;height:26px;border-radius:99px;border:1px solid var(--line);background:#fff;color:#6b7280;font-size:1rem;line-height:1;cursor:pointer;padding:0 .45rem;box-shadow:0 1px 3px rgba(0,0,0,.12);opacity:.85}
.ai-del:hover{opacity:1;color:var(--bad);border-color:var(--bad)}
.ai-del.armed{background:var(--bad);color:#fff;border-color:var(--bad);font-size:.75rem;font-weight:700;opacity:1}
.names-fill{font-weight:400;margin-left:.5rem}
.sb-address{margin:.7rem 0 .4rem}
.copyrow{display:flex;gap:.4rem;margin:.25rem 0 .35rem}.copyrow input{flex:1;min-width:0;font:inherit;padding:.45rem .6rem;border:1px solid #cfd3da;border-radius:8px;background:#f9fafb}
.sb-home select{font:inherit;padding:.15rem .3rem;border:1px solid #cfd3da;border-radius:6px;margin-left:.2rem}
.sb-pic [data-ai-cover]{margin-left:.3rem}.sb-pic [data-ai-cover-note]{display:block;margin-top:.3rem;max-width:34em}
/* video cover pictures: a wide preview, then the buttons in one row */
.sb-pic.poster{flex-direction:column;align-items:stretch;gap:.45rem;background:#f9fafb;border:1px solid var(--line);border-radius:10px;padding:.7rem}
.sb-pic.poster .sb-pic-label{font-size:.9rem}
.sb-pic.poster img,.sb-pic.poster .ph{width:100%;height:auto;aspect-ratio:16/9;border-radius:8px}
.sb-pic.poster .ph{font-size:.8rem;background:#eef0f3}
.sb-pic-btns{display:flex;flex-wrap:wrap;align-items:center;gap:.4rem}
.sb-pic-btns .btn{white-space:nowrap;margin:0}
.sb-pic-btns .link{margin-left:auto;font-size:.85rem}
.sb-pic.poster [data-ai-cover]{margin-left:0}
.sb-pic.poster [data-ai-cover-note]{margin-top:.35rem;max-width:none}
.stat-brand b{font-size:1.05rem;white-space:normal;overflow-wrap:break-word;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
/* phones: wide tables scroll sideways inside their card instead of being cut off */
@media (max-width:760px){table.table{display:block;overflow-x:auto;-webkit-overflow-scrolling:touch}table.table td,table.table th{white-space:nowrap}}