/* =====================================================================
   LOOK B — flows/UX experiment (SAME theme as the default look).
   Activate with ?look=b. The default path (no param) is untouched.

   This file is intentionally near-empty: look-b keeps look-a's theme.
   It only holds small CSS hooks the lower-friction flows need — the
   structural changes live behind the LOOKB flag in app.js.
   Revert everything by deleting this file + its <link>/<script> in
   index.html, and the `LOOKB` branches in app.js.
   ===================================================================== */

/* progressive-disclosure section used by the streamlined forms */
.look-b .lb-disclose{border:1px solid var(--hairline);border-radius:14px;overflow:hidden;margin-top:2px;}
.look-b .lb-disclose>summary{list-style:none;cursor:pointer;padding:14px 16px;display:flex;align-items:center;justify-content:space-between;font-family:'Plus Jakarta Sans',system-ui,sans-serif;font-weight:600;font-size:14px;color:var(--ink);}
.look-b .lb-disclose>summary::-webkit-details-marker{display:none;}
.look-b .lb-disclose>summary .lb-chev{transition:transform .2s ease;color:var(--muted);display:inline-flex;}
.look-b .lb-disclose[open]>summary .lb-chev{transform:rotate(180deg);}
.look-b .lb-disclose>summary>span:first-child{display:flex;flex-direction:column;gap:2px;}
.look-b .lb-disclose>summary .lb-sum-sub{display:block;font-weight:500;font-size:12px;color:var(--muted);}
.look-b .lb-disclose-body{padding:2px 16px 8px;}
.look-b .lb-hero-price .pf2-seg{margin-bottom:12px;}
/* flatten reused pf2-cards when nested inside a disclosure */
.look-b .lb-disclose-body>.pf2-card{border:none;box-shadow:none;padding:0;margin:0;background:transparent;}
.look-b .lb-disclose-body>.pf2-card>.pf2-chead{display:none;}
.look-b .lb-disclose-body>.pf2-dyn:first-child>div:first-child .pf2-field{margin-top:2px;}
.look-b .lb-disclose[open]{padding-bottom:6px;}
.look-b .lb-disclose+.lb-disclose{margin-top:10px;}
/* hub-home "next show" launchpad */
.look-b .lb-launch-status{display:inline-flex;align-items:center;gap:6px;font-size:12.5px;font-weight:600;margin-top:11px;padding:6px 11px;border-radius:9px;}
.look-b .lb-launch-status svg{width:14px;height:14px;flex:0 0 auto;}
.look-b .lb-launch-status.ready{background:rgba(21,163,99,.13);color:var(--success);}
.look-b .lb-launch-status.empty{background:var(--teal-tint);color:var(--teal-d);}
.look-b .lb-launch .hub-actions{margin-top:12px;}
/* go-live chooser sheet */
.look-b .lb-golive-opt{display:flex;align-items:center;gap:12px;width:100%;text-align:left;background:var(--card);border:1px solid var(--hairline);border-radius:16px;padding:15px 16px;margin-bottom:10px;cursor:pointer;transition:transform .12s,border-color .2s;}
.look-b .lb-golive-opt:active{transform:scale(.99);}
.look-b .lb-golive-opt.primary{border-color:var(--teal);background:var(--teal-tint);}
.look-b .lb-opt-main{display:flex;flex-direction:column;flex:1;min-width:0;}
.look-b .lb-opt-title{display:flex;align-items:center;gap:7px;font-family:'Plus Jakarta Sans',system-ui,sans-serif;font-weight:700;font-size:15px;color:var(--ink);}
.look-b .lb-opt-title svg{width:16px;height:16px;color:var(--teal-d);flex:0 0 auto;}
.look-b .lb-opt-sub{font-size:12.5px;color:var(--muted);margin-top:3px;line-height:1.4;}
.look-b .lb-opt-status{align-self:flex-start;margin-top:9px;font-size:11.5px;font-weight:700;padding:3px 9px;border-radius:7px;}
.look-b .lb-opt-status.ready{background:rgba(21,163,99,.14);color:var(--success);}
.look-b .lb-opt-status.empty{background:#fff;color:var(--teal-d);border:1px solid rgba(255,85,0,.4);}
.look-b .lb-opt-arrow{color:var(--muted);flex:0 0 auto;display:inline-flex;}
.look-b .lb-opt-arrow svg{width:18px;height:18px;}
/* live cockpit: proactive "up next" + pulsing sell CTA */
.look-b .lb-next-card{display:flex;align-items:center;gap:12px;padding:12px 14px;}
.look-b .lb-next-thumb{width:46px;height:46px;border-radius:10px;background-size:cover;background-position:center;flex:0 0 auto;}
.look-b .lb-next-main{flex:1;min-width:0;}
.look-b .lb-next-name{font-weight:700;font-size:14px;color:var(--dark-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.look-b .lb-next-sub{font-size:11.5px;color:var(--dark-muted);margin-top:2px;}
.look-b .lb-next-pin{display:inline-flex;align-items:center;gap:6px;flex:0 0 auto;background:var(--brand-grad);color:#fff;border:none;border-radius:12px;padding:11px 16px;font-family:'Plus Jakarta Sans',system-ui,sans-serif;font-weight:700;font-size:14px;cursor:pointer;}
.look-b .lb-next-pin svg{width:15px;height:15px;}
@keyframes lb-sell-pulse{0%,100%{box-shadow:0 4px 18px rgba(255,85,0,.32);}50%{box-shadow:0 4px 26px rgba(255,85,0,.6);}}
.look-b .sell-cta.lb-sell-pulse{animation:lb-sell-pulse 1.7s ease-in-out infinite;}
/* ===== dark-sheet (pf2-dark) fixes for look-b form additions ===== */
.look-b .pf2-dark .lb-disclose{border-color:var(--dark-hair);background:rgba(255,255,255,.02);}
.look-b .pf2-dark .lb-disclose>summary{color:var(--dark-text);}
.look-b .pf2-dark .lb-disclose>summary .lb-sum-sub{color:var(--dark-muted);}
.look-b .pf2-dark .lb-disclose>summary .lb-chev{color:var(--dark-muted);}
.look-b .pf2-dark .lb-disclose-body>.pf2-dyn>div .pf2-field>label{color:rgba(246,241,238,.8);}
/* brighter inactive segment label so "Auction" reads clearly on dark */
.look-b .pf2-dark .pf2-seg button{color:rgba(246,241,238,.92);}
/* solid save bar — scrolling content must never show through/under it */
.look-b .dsheet .pf2-savewrap{background:var(--dark-surface);box-shadow:0 -14px 22px -8px var(--dark-surface),0 -1px 0 var(--dark-hair);}
.look-b .sheet .pf2-savewrap{background:var(--card);box-shadow:0 -14px 22px -8px var(--card),0 -1px 0 var(--hairline);}
.look-b .form-wrap .pf2-savewrap,.look-b .cta-bar .pf2-savewrap{background:transparent;box-shadow:none;}
/* ===== accessibility: reduced motion + keyboard focus (look-b) ===== */
@media (prefers-reduced-motion: reduce){
  .look-b .sell-cta.lb-sell-pulse{animation:none;}
  .look-b .lb-disclose>summary .lb-chev{transition:none;}
  .look-b .lb-golive-opt,.look-b .lb-next-pin,.look-b .inv-act,.look-b .cat:active .tile{transition:none;}
}
.look-b .lb-disclose>summary:focus-visible,
.look-b .lb-golive-opt:focus-visible,
.look-b .lb-next-pin:focus-visible,
.look-b .inv-act:focus-visible,
.look-b .hub-actions button:focus-visible,
.look-b .lineup-mini:focus-visible{outline:2.5px solid var(--teal);outline-offset:2px;}
.look-b .lb-disclose>summary{outline:none;}
/* onboarding "Shop" product cards (look-b) */
.look-b .lb-shop-card{display:flex;gap:12px;align-items:center;background:var(--card);border:1px solid var(--hairline);border-radius:16px;padding:12px;box-shadow:var(--shadow);cursor:pointer;transition:transform .12s,box-shadow .2s;}
.look-b .lb-shop-card:active{transform:scale(.99);}
.look-b .lb-shop-thumb{width:56px;height:56px;border-radius:12px;flex:0 0 auto;background-color:#ECE7DF;background-size:cover;background-position:center;display:flex;align-items:center;justify-content:center;}
.look-b .lb-shop-thumb .cglyph{color:rgba(255,255,255,.92);}
.look-b .lb-shop-thumb .cglyph svg{width:26px;height:26px;}
.look-b .lb-shop-main{flex:1;min-width:0;}
.look-b .lb-shop-name{font-family:'Plus Jakarta Sans',system-ui,sans-serif;font-weight:600;font-size:14.5px;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.look-b .lb-shop-meta{font-size:12px;color:var(--muted);margin-top:2px;}
.look-b .lb-shop-tags{margin-top:8px;display:flex;gap:6px;flex-wrap:wrap;}
.look-b .lb-shop-x{width:34px;height:34px;border-radius:10px;background:var(--bg);border:1px solid var(--hairline);color:var(--muted);display:flex;align-items:center;justify-content:center;flex:0 0 auto;cursor:pointer;font-size:15px;transition:color .15s,border-color .15s;}
.look-b .lb-shop-x:hover,.look-b .lb-shop-x:active{color:var(--live);border-color:rgba(239,68,68,.35);}
/* format-badge tag row inside compact product rows */
.look-b .lb-row-tags{margin-top:6px;display:flex;gap:6px;flex-wrap:wrap;}
/* bottom floating create action (FAB) for Inventory + Shows */
.look-b .lb-fab-wrap{position:fixed;left:50%;transform:translateX(-50%);width:100%;max-width:430px;bottom:calc(66px + env(safe-area-inset-bottom));z-index:35;pointer-events:none;}
.look-b .lb-fab{position:absolute;right:16px;bottom:0;pointer-events:auto;display:inline-flex;align-items:center;gap:6px;background:var(--brand-grad);color:#fff;border:none;border-radius:999px;padding:13px 20px 13px 16px;font-family:'Plus Jakarta Sans',system-ui,sans-serif;font-weight:700;font-size:14.5px;box-shadow:0 12px 28px rgba(255,85,0,.42);cursor:pointer;transition:transform .14s;}
.look-b .lb-fab:active{transform:scale(.96);}
.look-b .lb-fab:focus-visible{outline:2.5px solid #fff;outline-offset:2px;}
.look-b .lb-fab-ic{font-size:20px;font-weight:400;line-height:1;}
.look-b .hub-body{padding-bottom:96px;}
/* show-card delete as an inline icon (no wrap to a new row) */
.look-b .hub-btn-danger.lb-del-ic{padding:9px 11px;}
.look-b .hub-btn-danger.lb-del-ic svg{margin-right:0;}
/* Dibzz branding in the seller hub header */
.look-b .hub-sub{display:flex;align-items:center;}
.look-b .hb-brand{display:inline-flex;align-items:center;font-family:'Plus Jakarta Sans',system-ui,sans-serif;font-weight:800;font-size:13.5px;letter-spacing:-.03em;color:var(--ink);text-transform:none;}
.look-b .hb-dot{width:5px;height:5px;border-radius:50%;background:var(--teal);margin-left:1.5px;position:relative;display:inline-block;}
.look-b .hb-dot::before{content:'';position:absolute;inset:0;border-radius:50%;background:var(--teal);animation:dibzz-pulse 1.5s ease-in-out infinite;}
.look-b .hb-hub{margin-left:9px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.13em;color:var(--muted);}
@media (prefers-reduced-motion: reduce){ .look-b .hb-dot::before{animation:none;} }
/* Dibzz brand as the seller-hub hero (bigger than greeting, breathing dot on left) */
.look-b .hb-logo{display:inline-flex;align-items:center;font-family:'Plus Jakarta Sans',system-ui,sans-serif;font-weight:800;font-size:25px;letter-spacing:-.045em;color:var(--ink);line-height:1;}
.look-b .hb-livedot{width:9px;height:9px;border-radius:50%;background:var(--teal);margin-right:9px;position:relative;flex:0 0 auto;}
.look-b .hb-livedot::before{content:'';position:absolute;inset:0;border-radius:50%;background:var(--teal);animation:dibzz-pulse 1.5s ease-in-out infinite;}
.look-b .hb-dot2{color:var(--teal);}
.look-b .hb-greet-line{font-size:11px;font-weight:700;color:var(--muted);margin-top:6px;letter-spacing:.14em;text-transform:uppercase;}
@media (prefers-reduced-motion: reduce){ .look-b .hb-livedot::before{animation:none;} }
/* white app background (look-b) */
html.look-b{ --bg:#FFFFFF; }
.look-b .hub-header,.look-b .wiz-header{ background:rgba(255,255,255,.85); }
/* centered plus in look-b FAB */
.look-b .lb-fab-ic{display:inline-flex;align-items:center;justify-content:center;}
.look-b .lb-fab-ic svg{width:19px;height:19px;}
/* show-card actions: Go live (labeled, left) + icon-only Products/Edit/Delete grouped right */
.look-b .shows-card .hub-actions{display:flex;align-items:center;gap:8px;}
.look-b .hub-icon-group{display:flex;gap:7px;margin-left:auto;}
.look-b .hub-icon-btn{width:40px;height:40px;border-radius:11px;border:1px solid var(--hairline);background:var(--card);color:var(--ink);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:transform .12s,border-color .15s,color .15s,background .15s;padding:0;}
.look-b .hub-icon-btn svg{width:17px;height:17px;}
.look-b .hub-icon-btn:active{transform:scale(.93);}
.look-b .hub-icon-btn.danger{color:var(--live);border-color:rgba(239,68,68,.28);}
.look-b .hub-icon-btn.danger:active{background:rgba(239,68,68,.07);}