/* BUILT Business shop setup v1: guided setup screens and the "Get your shop ready" checklist. */
.ss-wrap{--ss-accent:#ff5a00;--ss-line:#272727;--ss-muted:#9a9a9a;max-width:860px;margin:0 auto;padding:22px 24px 72px;color:#f6f6f6}
.ss-saved{display:flex;align-items:center;gap:8px;justify-content:flex-end;font-size:12px;color:var(--ss-muted);margin-bottom:18px}
.ss-saved i{width:7px;height:7px;border-radius:50%;background:#42d392}
.ss-steps{list-style:none;display:flex;gap:8px;margin:0 0 26px;padding:0}
.ss-steps li{flex:1;min-width:0}
.ss-steps li>span{display:block;height:4px;border-radius:4px;background:#232323}
.ss-steps li.done>span{background:var(--ss-accent)}
.ss-steps li.on>span{background:linear-gradient(90deg,var(--ss-accent) 50%,#232323 50%)}
.ss-steps small{display:block;margin-top:8px;font-size:11px;color:var(--ss-muted);font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ss-steps li.on small,.ss-steps li.done small{color:#f6f6f6}
.ss-eyebrow{color:var(--ss-accent);font-size:11px;font-weight:800;letter-spacing:.14em;text-transform:uppercase}
.ss-wrap h1{font-family:inherit;text-transform:none;font-weight:800;font-size:34px;line-height:1.08;margin:8px 0 10px;letter-spacing:-.02em;color:#fff;outline:none}
.ss-lead{color:var(--ss-muted);font-size:15px;line-height:1.55;margin:0 0 24px;max-width:640px}
.ss-card{display:block;background:#111;border:1px solid var(--ss-line);border-radius:18px;padding:20px;margin:0 0 14px}
.ss-label{display:block;font-size:13px;font-weight:700;color:#d8d8d8;margin-bottom:10px}
.ss-label small,.ss-field small{color:var(--ss-muted);font-weight:500}
.ss-label em,.ss-field em{color:var(--ss-accent);font-style:normal}
.ss-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.ss-field{display:block;min-width:0}
.ss-field.full{grid-column:1/-1}
.ss-card>.ss-field.full+.ss-field.full,.ss-chips+.ss-field{margin-top:16px}
.ss-field>span{display:flex;flex-wrap:wrap;align-items:center;gap:6px;font-size:13px;font-weight:700;color:#d8d8d8;margin-bottom:7px}
.ss-wrap input:not([type=file]),.ss-wrap textarea,.ss-wrap select{width:100%;min-height:48px;border-radius:12px;border:1px solid #303030;background:#0b0b0b;color:#f6f6f6;padding:0 14px;font:inherit;font-size:16px}
.ss-wrap textarea{padding:12px 14px;resize:vertical;min-height:84px;line-height:1.45}
.ss-wrap input:focus,.ss-wrap textarea:focus,.ss-wrap select:focus{outline:none;border-color:var(--ss-accent);box-shadow:0 0 0 3px rgba(255,90,0,.18)}
.ss-wrap input[type=time]{width:auto;min-width:0;padding:0 10px;color-scheme:dark}
.ss-from{font-size:11px;font-weight:700;color:#42d392}
.ss-hint{display:block;font-size:12px;color:var(--ss-muted);margin:8px 0 0}
.ss-warn{color:#f5b84b}
.ss-searchrow{display:flex;gap:8px}
.ss-searchrow input{flex:1}
.ss-result{display:flex;width:100%;gap:14px;align-items:center;text-align:left;padding:14px;border:1px solid var(--ss-line);border-radius:14px;margin-top:10px;background:#0c0c0c;color:inherit;font:inherit;cursor:pointer}
.ss-result:hover,.ss-result:focus-visible{border-color:var(--ss-accent);background:rgba(255,90,0,.06);outline:none}
.ss-pin{flex:none;width:44px;height:44px;border-radius:12px;background:#1d1d1d;display:grid;place-items:center;font-weight:900;color:var(--ss-accent)}
.ss-result-copy{min-width:0;flex:1}
.ss-result-copy strong{display:block;font-size:15px}
.ss-result-copy span{display:block;font-size:13px;color:var(--ss-muted);margin-top:2px}
.ss-result em{font-style:normal;font-size:12px;color:#d6d6d6;white-space:nowrap}
.ss-result b{font-size:22px;color:var(--ss-muted);font-weight:400}
.ss-attrib{font-size:11px;color:#777;margin-top:8px;text-align:right}
.ss-or{display:flex;align-items:center;gap:12px;color:#666;font-size:12px;margin:18px 0 12px}
.ss-or::before,.ss-or::after{content:"";flex:1;height:1px;background:#222}
.ss-link{border:0;background:none;color:var(--ss-accent);font:inherit;font-weight:700;font-size:14px;padding:4px 0;cursor:pointer;text-align:left}
.ss-actions{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:24px}
.ss-note{font-size:13px;color:var(--ss-muted);line-height:1.5}
.ss-btn{min-height:48px;padding:0 20px;border-radius:12px;font:inherit;font-weight:800;font-size:15px;display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid #343434;background:#121212;color:#f6f6f6;cursor:pointer;white-space:nowrap}
.ss-btn.ss-primary{background:var(--ss-accent);border-color:var(--ss-accent);color:#0a0a0a}
.ss-btn:disabled{opacity:.6;cursor:progress}
.ss-btn.ss-small{min-height:38px;padding:0 14px;font-size:13px;border-radius:10px}
.ss-btn.on{border-color:var(--ss-accent);color:#fff;background:rgba(255,90,0,.12)}
.ss-logoup{display:flex;gap:16px;align-items:center}
.ss-logoup strong{font-size:15px}
.ss-logobox,.ss-plogo{flex:none;width:84px;height:84px;border-radius:18px;background:#000;border:1px solid #333;display:grid;place-items:center;font-weight:900;font-size:22px;color:var(--ss-accent);overflow:hidden}
.ss-logobox img,.ss-plogo img{width:100%;height:100%;object-fit:cover}
.ss-upbtns{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}
.ss-camera{display:none}
@media (hover:none) and (pointer:coarse){.ss-camera{display:inline-flex}}
.ss-chips{display:flex;flex-wrap:wrap;gap:8px}
.ss-chip{min-height:42px;padding:0 15px;border-radius:999px;border:1px solid #303030;background:#121212;color:#e8e8e8;display:inline-flex;align-items:center;gap:7px;font:inherit;font-size:14px;font-weight:600;cursor:pointer}
.ss-chip.on{border-color:var(--ss-accent);background:rgba(255,90,0,.12);color:#fff}
.ss-chip.on::before{content:"✓";color:var(--ss-accent);font-weight:900}
.ss-custom .ss-chip.on::before{content:none}
.ss-custom{margin-bottom:12px}
.ss-tag{font-size:10px;font-weight:800;letter-spacing:.08em;padding:3px 7px;border-radius:6px;background:var(--ss-accent);color:#0a0a0a}
.ss-quick{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:8px}
.ss-hrow{display:grid;grid-template-columns:120px 60px 1fr;align-items:center;gap:12px;padding:10px 0;border-top:1px solid #1d1d1d}
.ss-hrow:first-child{border-top:0}
.ss-day{font-weight:700;font-size:15px}
.ss-short{display:none}
.ss-toggle{position:relative;width:48px;height:28px;border-radius:999px;border:0;background:#2a2a2a;cursor:pointer;padding:0}
.ss-toggle::after{content:"";position:absolute;top:3px;left:3px;width:22px;height:22px;border-radius:50%;background:#8a8a8a;transition:transform .15s}
.ss-toggle.on{background:var(--ss-accent)}
.ss-toggle.on::after{background:#fff;transform:translateX(20px)}
.ss-times{display:flex;align-items:center;gap:8px;font-size:14px;color:var(--ss-muted);min-width:0}
.ss-times input[type=time]{flex:1 1 0;min-width:0;max-width:150px}
.ss-closed{color:#777;font-size:14px}
.ss-tip{font-size:13px;line-height:1.5;color:#d0d0d0;padding:14px 16px;border-radius:14px;background:rgba(255,90,0,.07);border:1px solid #3a2414;margin:6px 0 0}
.ss-error{color:#ff8a80;font-size:14px;font-weight:600;margin:14px 0 0}
.ss-svc h3{display:flex;justify-content:space-between;align-items:center;margin:0 0 12px;font-size:16px}
.ss-svc h3 small{font-size:12px;color:var(--ss-muted);font-weight:600}
.ss-list{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.ss-item{display:flex;align-items:center;gap:10px;min-height:46px;padding:10px 12px;border:1px solid #232323;border-radius:12px;font:inherit;font-size:14px;background:#0c0c0c;color:#e8e8e8;text-align:left;cursor:pointer}
.ss-cb{flex:none;width:20px;height:20px;border-radius:6px;border:2px solid #444;display:grid;place-items:center;font-size:12px;font-weight:900;color:#0a0a0a}
.ss-item.on{border-color:#4a2a14;background:rgba(255,90,0,.06);color:#fff}
.ss-item.on .ss-cb{background:var(--ss-accent);border-color:var(--ss-accent)}
.ss-item.on .ss-cb::after{content:"✓"}
.ss-more{margin-top:12px;font-size:13px}
.ss-preview{display:grid;grid-template-columns:1.05fr .95fr;gap:16px;align-items:start}
.ss-listing{border-radius:20px;overflow:hidden;border:1px solid #2a2a2a;background:#111}
.ss-cover{position:relative;height:140px;background:linear-gradient(135deg,#3a1d0d,#1b1b1b 55%,#0f0f0f)}
.ss-cover .ss-plogo{position:absolute;left:18px;bottom:-30px;width:68px;height:68px;border-radius:16px;border:2px solid #111;font-size:20px}
.ss-lbody{padding:40px 18px 18px}
.ss-lbody h2{margin:0 0 4px;font-size:22px;color:#fff}
.ss-lbody p{margin:0;color:var(--ss-muted);font-size:13px;line-height:1.5}
.ss-lbody .ss-addr{margin-top:4px}
.ss-pills{display:flex;flex-wrap:wrap;gap:6px;margin-top:12px}
.ss-pills span{font-size:12px;padding:6px 10px;border-radius:999px;background:#1c1c1c;border:1px solid #2b2b2b}
.ss-sum{padding-top:8px;padding-bottom:8px}
.ss-sumrow{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;padding:12px 0;border-top:1px solid #1f1f1f;font-size:14px;line-height:1.45}
.ss-sumrow:first-child{border-top:0}
.ss-sumrow b{display:block;font-size:12px;color:var(--ss-muted);margin-bottom:2px}
@media (max-width:640px){
  .ss-wrap{padding:16px 16px 96px}
  .ss-wrap h1{font-size:27px}
  .ss-lead{font-size:14px}
  .ss-grid,.ss-list,.ss-preview{grid-template-columns:1fr}
  .ss-steps small{font-size:10px}
  .ss-hrow{grid-template-columns:40px 50px minmax(0,1fr);gap:8px}
  .ss-full{display:none}.ss-short{display:inline}
  .ss-times{gap:5px;font-size:12px}
  .ss-wrap input[type=time]{padding:0 4px;font-size:13px;min-height:42px}
  .ss-wrap input[type=time]::-webkit-calendar-picker-indicator{display:none}
  .ss-result em{display:none}
  .ss-actions .ss-primary{flex:1}
  .ss-actions .ss-note{display:none}
  .ss-saved{justify-content:flex-start}
}

/* Dashboard checklist */
.shop-ready-card{margin:0 0 18px;padding:22px 22px 14px;border:1px solid #2a2a2a;border-left:3px solid #ff5a00;border-radius:20px;background:#121212;color:#f4f4f4}
.sr-head{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:10px}
.sr-eyebrow{color:#ff5a00;font-size:11px;font-weight:800;letter-spacing:.14em}
.sr-head h2{margin:6px 0 4px;font-size:22px;line-height:1.2}
.sr-head p{margin:0;color:#9a9a9a;font-size:13px}
.sr-meter{display:flex;align-items:center;gap:10px;color:#9a9a9a;font-size:13px}
.sr-meter div{width:170px;height:8px;border-radius:8px;background:#262626;overflow:hidden}
.sr-meter i{display:block;height:100%;background:#ff5a00;border-radius:inherit}
.shop-ready-card ul{list-style:none;margin:0;padding:0}
.sr-task{display:grid;grid-template-columns:28px 1fr auto;gap:14px;align-items:center;padding:13px 6px;border-top:1px solid #1e1e1e}
.sr-task.next{background:rgba(255,90,0,.06);border-radius:12px;border-top-color:transparent}
.sr-task.next+.sr-task{border-top-color:transparent}
.sr-check{width:24px;height:24px;border-radius:50%;border:2px solid #3a3a3a;background:none;padding:0;display:grid;place-items:center;color:#0a0a0a;font-size:13px;font-weight:900}
button.sr-check{cursor:pointer}
button.sr-check:hover{border-color:#42d392}
.sr-task.done .sr-check{background:#42d392;border-color:#42d392}
.sr-task.done .sr-check::after{content:"✓"}
.sr-task strong{font-size:15px}
.sr-task.done strong{color:#8a8a8a;text-decoration:line-through}
.sr-task p{margin:3px 0 0;font-size:12px;color:#9a9a9a}
.sr-mins{font-size:11px;color:#777;margin-left:8px;font-weight:600}
.sr-badge{font-size:10px;font-weight:800;padding:3px 7px;border-radius:6px;background:rgba(255,90,0,.15);color:#ff5a00;margin-left:8px;letter-spacing:.04em}
.sr-go{border:0;background:none;color:#ff5a00;font:inherit;font-weight:700;font-size:13px;cursor:pointer;white-space:nowrap;padding:8px 4px}
.sr-go.is-live{background:#ff5a00;color:#0a0a0a;border-radius:10px;padding:9px 14px}
.sr-go:disabled{opacity:.6}
.sr-foot{display:flex;justify-content:space-between;align-items:center;gap:12px;border-top:1px solid #1e1e1e;padding-top:12px;margin-top:2px;font-size:12px;color:#9a9a9a;line-height:1.5}
.sr-foot a,.sr-support{color:#f4f4f4;text-decoration:underline;text-underline-offset:2px}
.sr-support{border:0;background:none;padding:0;font:inherit;cursor:pointer}
.shop-ready-card.is-collapsed{padding:16px 22px}
.shop-ready-card.is-collapsed .sr-head{margin-bottom:0;align-items:center}
.shop-ready-card.is-collapsed .sr-head h2{font-size:17px;margin:4px 0 0}
.sr-toggle{display:inline-flex;align-items:center;gap:6px;border:1px solid #2f2f2f;background:#1a1a1a;color:#f4f4f4;font:inherit;font-size:12px;font-weight:700;border-radius:999px;padding:7px 12px;cursor:pointer;white-space:nowrap}
.sr-toggle:hover{border-color:#ff5a00}
.sr-hide{border:0;background:none;color:#9a9a9a;font:inherit;font-size:12px;cursor:pointer;text-decoration:underline;white-space:nowrap}
@media (max-width:640px){
  .shop-ready-card{padding:18px 14px 10px}
  .sr-head{flex-direction:column;align-items:flex-start}
  .sr-head h2{font-size:19px}
  .sr-head{position:relative;padding-right:84px}
  .sr-toggle{position:absolute;top:0;right:0}
  .sr-meter div{width:120px}
  .shop-ready-card.is-collapsed{padding:14px}
  .shop-ready-card.is-collapsed .sr-head{align-items:flex-start}
  .shop-ready-card.is-collapsed .sr-meter{margin-top:8px}
  .sr-task{grid-template-columns:26px 1fr auto;gap:10px;padding:12px 4px}
  .sr-mins{display:none}
  .sr-go:not(.is-live){font-size:0;padding:8px}
  .sr-go:not(.is-live)::after{content:"›";font-size:24px;line-height:1}
  .sr-foot{flex-direction:column;align-items:flex-start}
}

.sr-opt{display:inline-block;margin-left:8px;padding:2px 7px;border:1px solid #3a3a3a;border-radius:999px;font-size:10px;font-weight:800;letter-spacing:.08em;color:#9a9a9a;vertical-align:2px}
.sr-opt-actions{display:flex;align-items:center;gap:6px;justify-self:end}
.sr-skip{background:none;border:0;color:#8a8a8a;font:inherit;font-size:13px;font-weight:700;padding:8px 10px;cursor:pointer;text-decoration:underline;text-underline-offset:3px}
.sr-skip:hover{color:#ddd}
.sr-task.skipped strong,.sr-task.skipped p{color:#6d6d6d}
.sr-task.skipped .sr-check{border-style:dashed}
