/* buyBoxRepricer.css — Buy Box Repricer (BBR-S2b, the approved v4 screens).
 *
 * TOKENS are scoped on .bbr-page / .bbr-modal (the Sale Pricing pattern), never on :root, with the
 * prototype's values. EVERY class here is prefixed bb- so nothing collides with a global rule, and
 * nothing here overrides an existing rule. Two global traps are handled on purpose:
 *   - global buttons are blue pills with a hover shadow/lift (polish.css:41-50, :449) — every button
 *     class below sets its own background and its own :hover, and the block near the end cancels
 *     the global lift and shadow;
 *   - global input/select/textarea carry a 170px min-width (style.css line 1) — every compact input
 *     sets min-width:0.
 * MOBILE is @media (max-width:1180px), as every RMS module does, and it is the LAST block that
 * changes layout. The desktop table carries .rk-deskonly and its phone twin carries .rk-cardlist
 * (responsive.css:1275-1278 shows exactly one); the sellers table and modal carry .rk-ownmobile so
 * the global table-to-card rewrite leaves them alone. Dark mode is in this file (the newer house
 * pattern), not dark.css.
 */
.bbr-page,.bbr-modal{--p:#0588b6;--pd:#03658e;--grad:linear-gradient(135deg,#03658e,#0588b6);--ink:#0f2740;--sub:#5b7183;--line:#e6edf5;--line-s:#cfdcea;--soft:#f6f9fc;--ok:#0f7b52;--okl:#e7f6ef;--warn:#9a6700;--warnl:#fdf5e1;--bad:#b42318;--badl:#fdecea;--grey:#eef2f5;--shadow:0 10px 30px rgba(15,23,42,.06);
  }
.bbr-page{max-width:1240px;margin:0 auto;padding:22px 20px 60px}
.bbr-modal{color:var(--ink)}
.bbr-modal :where(button){font-family:inherit}
.bbr-modal :focus-visible{outline:3px solid rgba(5,136,182,.45);outline-offset:2px}
.bbr-page :where(button){font-family:inherit}
.bb-mode{white-space:nowrap}
.bbr-page :focus-visible{outline:3px solid rgba(5,136,182,.45);outline-offset:2px}
.bb-mono{font-family:ui-monospace,"SF Mono",Menlo,Consolas,monospace;font-size:12px}

/* header */
.bb-hd{display:flex;justify-content:space-between;align-items:flex-end;gap:18px;flex-wrap:wrap;margin-bottom:16px}
.bb-eyebrow{font-size:11.5px;font-weight:800;text-transform:uppercase;letter-spacing:.09em;color:var(--p)}
.bb-title{font-size:25px;font-weight:800;margin:3px 0 5px;display:flex;align-items:center;gap:10px}
.bb-sub{font-size:13.5px;color:var(--sub);max-width:640px;line-height:1.5;margin:0}
.bb-sample{font-size:11px;font-weight:800;background:var(--warnl);color:var(--warn);border:1px solid #f1d58e;border-radius:999px;padding:3px 9px;letter-spacing:.02em}
.bb-live-flag{font-size:11px;font-weight:800;background:var(--okl);color:var(--ok);border:1px solid #b7e3cf;border-radius:999px;padding:3px 9px}

/* buttons */
.bb-btn{border-radius:11px;padding:9px 15px;font-weight:700;font-size:13.5px;cursor:pointer;border:1.5px solid var(--line-s);background:#fff;color:#21506f;display:inline-flex;align-items:center;gap:7px;min-width:0}
.bb-btn:hover{border-color:var(--p);color:var(--p)}
.bb-btn.bb-pri{background:var(--grad);color:#fff;border-color:transparent;box-shadow:0 8px 18px rgba(5,136,182,.28)}
.bb-btn.bb-pri:hover{color:#fff;filter:brightness(1.05)}
.bb-btn.bb-sm{padding:6px 11px;font-size:12.5px;border-radius:9px}
.bb-btn.bb-danger{color:var(--bad);border-color:#f3c3bd;background:#fff}
.bb-btn.bb-danger:hover{background:var(--badl)}
.bb-btn[disabled]{opacity:.5;cursor:not-allowed}
.bb-link{background:none;border:0;color:var(--p);font-weight:700;cursor:pointer;padding:0;font-size:inherit}

/* the honest status line (grey until the engine exists) */
.bb-autobar{display:flex;gap:10px;align-items:center;flex-wrap:wrap;background:#fff;border:1.5px solid var(--line);border-radius:14px;padding:10px 14px;margin-bottom:12px;font-size:13px}
.bb-pulse{width:10px;height:10px;border-radius:50%;background:var(--ok);flex:none}
.bb-pulse.bb-off{background:#a9b8c5}

/* banners */
.bb-banner{border-radius:13px;padding:11px 14px;font-size:13px;margin-bottom:12px;display:flex;gap:12px;align-items:flex-start;border:1.5px solid}
.bb-banner.bb-warn{background:var(--warnl);border-color:#f1d58e;color:#6b4a00}
.bb-banner.bb-bad{background:var(--badl);border-color:#f3c3bd;color:#7a1a12}
.bb-banner.bb-info{background:#e9f5fb;border-color:#bfe2f1;color:#0b4a66}
.bb-banner b{display:block;margin-bottom:2px}
.bb-banner .bb-grow{flex:1}
.bb-tech{margin-top:6px;font-size:12px}
.bb-tech summary{cursor:pointer;font-weight:700}
.bb-tech pre{margin:6px 0 0;background:rgba(255,255,255,.6);padding:8px;border-radius:8px;white-space:pre-wrap;font-size:11.5px}

/* nav pills */
.bb-nav{display:flex;gap:6px;margin:4px 0 12px;flex-wrap:wrap}
.bb-nav button{border:1.5px solid var(--line-s);background:#fff;color:#21506f;border-radius:999px;padding:7px 15px;font-weight:700;font-size:13px;cursor:pointer}
.bb-nav button.bb-on{background:var(--grad);color:#fff;border-color:transparent}
.bb-nav .bb-n{font-size:11px;opacity:.8;margin-left:4px}

/* main card */
.bb-card{background:#fff;border:1.5px solid var(--line);border-radius:18px;box-shadow:var(--shadow);overflow:clip;margin-bottom:12px}
.bb-tb{display:flex;gap:10px;align-items:center;padding:10px 14px;border-bottom:1.5px solid var(--line);flex-wrap:wrap}
.bb-grow{flex:1}
.bb-chips{display:flex;gap:6px;flex-wrap:wrap;padding:10px 14px;border-bottom:1.5px solid var(--line)}
.bb-chip{border:1.5px solid var(--line-s);background:#fff;border-radius:999px;padding:5px 11px;font-size:12.5px;font-weight:700;color:#21506f;cursor:pointer;display:inline-flex;gap:6px;align-items:center}
.bb-chip .bb-n{font-size:11px;background:var(--grey);color:var(--sub);border-radius:999px;padding:1px 7px}
.bb-chip.bb-on{background:var(--grad);color:#fff;border-color:transparent}
.bb-chip.bb-on .bb-n{background:rgba(255,255,255,.25);color:#fff}
.bb-summary{padding:12px 14px 0;font-size:14px;color:var(--sub)}
.bb-summary b{font-weight:800}
.bb-badc{color:var(--bad)}
.bb-stalebar{padding:8px 14px;font-size:12.5px;color:var(--warn);font-weight:700;background:var(--warnl);border-bottom:1.5px solid #f1d58e}

/* the search card */
.bb-finder{padding:14px;overflow:visible}
.bb-f-lab{display:block;font-weight:800;font-size:14px;margin-bottom:8px}
.bb-f-row{display:flex;gap:8px;flex-wrap:wrap}
.bb-search{position:relative;flex:1;min-width:180px}
.bb-search input{width:100%;min-width:0;height:46px;border:1.5px solid var(--line-s);border-radius:12px;padding:0 12px 0 32px;font:inherit;font-size:14.5px;color:var(--ink)}
.bb-search input:focus{outline:none;border-color:var(--p)}
.bb-search span{position:absolute;left:10px;top:13px;font-size:14px;opacity:.55}
select.bb-sel{height:46px;border:1.5px solid var(--line-s);border-radius:12px;padding:0 10px;font:inherit;font-size:13px;color:var(--ink);background:#fff;min-width:0}
.bb-results{margin-top:10px;border:1.5px solid var(--line);border-radius:12px;overflow:hidden}
.bb-res{display:flex;gap:10px;align-items:center;padding:10px 12px;border-bottom:1px solid var(--line)}
.bb-res:last-child{border-bottom:0}
.bb-res-bad{background:var(--badl);color:#7a1a12;font-size:13px}

/* table */
.bb-tw{overflow-x:auto}
table.bb-t{width:100%;border-collapse:collapse;font-size:13px}
.bb-t th{text-align:left;font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:var(--sub);font-weight:800;background:var(--soft);padding:9px 10px;border-bottom:1.5px solid var(--line);white-space:nowrap}
.bb-t td{padding:10px;border-bottom:1px solid var(--line);vertical-align:middle}
.bb-t tr.bb-row{cursor:pointer}
.bb-t tr.bb-row:hover td{background:#f8fbfe}
.bb-t tr.bb-flash td{animation:bbflash 1.6s ease}
.bb-mcard.bb-flash{animation:bbflash 1.6s ease}
@keyframes bbflash{0%,40%{background:#fff4d6}100%{background:transparent}}
.bb-prod{display:flex;gap:10px;align-items:center;min-width:210px;max-width:290px}
.bb-thumb{width:38px;height:38px;border-radius:10px;background:var(--soft);border:1px solid var(--line);display:grid;place-items:center;font-size:19px;flex:none;overflow:hidden}
.bb-thumb img{width:100%;height:100%;object-fit:cover}
.bb-ptitle{font-weight:700;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.bb-pids{color:var(--sub);margin-top:2px}
.bb-num{font-variant-numeric:tabular-nums;font-weight:700;white-space:nowrap}
.bb-muted{color:var(--sub);font-weight:500}
.bb-pill{display:inline-flex;align-items:center;gap:5px;border-radius:999px;padding:3px 9px;font-size:11.5px;font-weight:800;border:1px solid;white-space:nowrap}
.bb-pill.bb-ok{background:var(--okl);color:var(--ok);border-color:#b7e3cf}
.bb-pill.bb-warn{background:var(--warnl);color:var(--warn);border-color:#f1d58e}
.bb-pill.bb-bad{background:var(--badl);color:var(--bad);border-color:#f3c3bd}
.bb-pill.bb-info{background:#e9f5fb;color:var(--pd);border-color:#bfe2f1}
.bb-pill.bb-grey{background:var(--grey);color:#566a79;border-color:#dbe3ea}
.bb-mode{border:1.5px solid var(--line-s);border-radius:999px;background:#fff;padding:3px 10px;font-size:11.5px;font-weight:800;cursor:pointer;color:#566a79}
.bb-mode.bb-live{background:var(--okl);border-color:#b7e3cf;color:var(--ok)}
.bb-mode[disabled]{cursor:not-allowed}
.bb-next{font-size:12px;color:var(--sub);margin-top:4px;max-width:250px;line-height:1.35}
.bb-next b{color:var(--ink)}
.bb-chev{color:var(--sub);font-size:20px;text-align:right}

/* mobile cards */
.bb-mcards-in{display:flex;flex-direction:column;gap:10px;padding:10px}
.bb-mcard{border:1.5px solid var(--line);border-radius:14px;padding:12px;background:#fff}
.bb-mhead{display:flex;gap:10px;align-items:flex-start;margin-bottom:8px}
.bb-mrow{display:grid;grid-template-columns:110px 1fr;gap:6px;font-size:12.5px;padding:4px 0;border-top:1px dashed var(--line)}
.bb-mrow span:first-child{color:var(--sub)}
.bb-macts{display:flex;gap:8px;margin-top:10px}
.bb-macts .bb-btn{flex:1;justify-content:center;min-height:40px}
.bb-foot{display:flex;justify-content:space-between;align-items:center;padding:10px 14px;font-size:12.5px;color:var(--sub);flex-wrap:wrap;gap:8px}

/* empty / skeleton */
.bb-empty{margin:18px;border:1.5px dashed var(--line-s);border-radius:16px;padding:34px 20px;text-align:center}
.bb-empty .bb-e{font-size:34px}
.bb-empty h3{margin:8px 0 4px;font-size:16px}
.bb-empty p{margin:0 auto 14px;color:var(--sub);font-size:13px;max-width:440px;line-height:1.5}
.bb-skel{padding:14px;display:flex;flex-direction:column;gap:10px}
.bb-skel div{height:44px;border-radius:10px;background:linear-gradient(90deg,#eef3f8 25%,#f7fafd 50%,#eef3f8 75%);background-size:200% 100%;animation:bbsh 1.3s linear infinite}
@keyframes bbsh{to{background-position:-200% 0}}

/* strategies */
.bb-rgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:14px;padding:14px}
.bb-rcard{border:1.5px solid var(--line);border-radius:16px;padding:14px;background:#fff;display:flex;flex-direction:column;gap:9px}
.bb-rcard.bb-def{border-color:#bfe2f1;background:linear-gradient(#fff,#fbfdff)}
.bb-rtop{display:flex;justify-content:space-between;gap:8px;align-items:flex-start}
.bb-rname{font-weight:800;font-size:15px}
.bb-rfoot{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);padding-top:9px;font-size:12px;color:var(--sub)}
.bb-icob{border:1.5px solid var(--line-s);background:#fff;border-radius:9px;padding:5px 9px;cursor:pointer;font-size:12px;font-weight:700;color:#21506f}
.bb-icob:hover{border-color:var(--p);color:var(--p)}
.bb-ex{color:var(--pd);font-weight:700;font-size:12px}

/* activity */
.bb-act{list-style:none;margin:0;padding:6px 14px 10px}
.bb-act li{display:grid;grid-template-columns:62px 22px 1fr auto;gap:10px;padding:10px 0;border-bottom:1px solid var(--line);font-size:13px;align-items:start}
.bb-act .bb-tm{color:var(--sub);font-variant-numeric:tabular-nums;font-size:12px;padding-top:1px}
.bb-act .bb-ic{font-size:15px;line-height:1}
.bb-act .bb-tx b{font-weight:700}
.bb-act .bb-tx .bb-muted{display:block;font-size:12px;margin-top:2px}
.bb-act li.bb-haslog{display:block;padding:0}
.bb-act li.bb-haslog summary{list-style:none;cursor:pointer;display:grid;grid-template-columns:62px 22px 1fr auto;gap:10px;padding:10px 0;align-items:start}
.bb-act li.bb-haslog summary::-webkit-details-marker{display:none}
.bb-act li.bb-haslog summary:hover{background:#f8fbfe}
.bb-act li.bb-haslog summary .bb-tx b::after{content:" ▸";color:var(--p)}
.bb-act li.bb-haslog details[open] summary .bb-tx b::after{content:" ▾"}
.bb-tl{margin:0 0 12px 72px;border:1.5px solid var(--line);border-radius:12px;padding:10px 12px;background:var(--soft);font-size:12.5px}
.bb-tl-fault{margin-bottom:6px}
.bb-tl-box{margin-top:8px;background:#fff;border:1.5px solid #f3c3bd;border-radius:10px;padding:8px 10px;color:#7a1a12}
.bb-tl-row{margin-top:6px}.bb-tl-ids{margin-top:6px;color:var(--sub);font-size:11px}
.bb-fault{display:inline-block;font-size:11px;font-weight:800;border-radius:999px;padding:1px 8px;border:1px solid var(--line-s);color:#566a79;background:#fff;margin-left:6px}
.bb-fault.bb-rms,.bb-fault.bb-amazon,.bb-fault.bb-connection{color:var(--bad);border-color:#f3c3bd;background:var(--badl)}

/* settings */
.bb-sgrid{display:grid;grid-template-columns:1fr 1fr;gap:14px;padding:14px}
.bb-sbox{border:1.5px solid var(--line);border-radius:16px;padding:14px}
.bb-sbox h3{margin:0 0 4px;font-size:14.5px}
.bb-sbox p.bb-d{margin:0 0 10px;color:var(--sub);font-size:12.5px;line-height:1.5}
.bb-kv{display:grid;grid-template-columns:1fr auto;gap:8px 12px;font-size:13px;align-items:center}
.bb-kv span:nth-child(odd){color:var(--sub)}
.bb-kv-inp{display:flex;gap:6px;align-items:center;justify-content:flex-end}
.bb-toggle{width:42px;height:24px;border-radius:999px;background:#cfdcea;position:relative;border:0;cursor:pointer;flex:none}
.bb-toggle::after{content:"";position:absolute;top:3px;left:3px;width:18px;height:18px;border-radius:50%;background:#fff;transition:left .15s}
.bb-toggle.bb-on{background:var(--bad)}
.bb-toggle.bb-on::after{left:21px}
.bb-slist{display:grid;grid-template-columns:1fr auto;gap:6px 10px;font-size:13px;align-items:center}
.bb-slist .bb-mono{font-size:11px}
.bb-inp{height:36px;border:1.5px solid var(--line-s);border-radius:10px;padding:0 10px;font:inherit;font-size:13px;color:var(--ink);width:100%;min-width:0}
.bb-inp:focus{outline:none;border-color:var(--p)}
.bb-smallinp{width:84px}
.bb-err{color:var(--bad);font-size:12.5px;margin:8px 0 0}
.bb-note{background:var(--soft);border:1.5px solid var(--line);border-radius:12px;padding:10px 12px;font-size:12.5px;line-height:1.5;color:var(--sub);margin-top:10px}

/* sheets */
.bb-ovl{position:fixed;inset:0;z-index:6000;display:flex;align-items:flex-start;justify-content:center;padding:40px 16px;overflow:auto}
.bb-ovl-bg{position:fixed;inset:0;background:rgba(15,39,64,.38);backdrop-filter:blur(3px)}
.bb-panel{position:relative;background:#fff;border-radius:18px;width:860px;max-width:100%;box-shadow:0 30px 80px rgba(15,23,42,.25);animation:bbpop .18s ease}
.bb-panel.bb-narrow{width:520px}
@keyframes bbpop{from{transform:translateY(8px);opacity:0}to{transform:none;opacity:1}}
.bb-ptop{display:flex;gap:12px;align-items:flex-start;padding:16px 18px;border-bottom:1.5px solid var(--line)}
.bb-ptop h3{margin:0;font-size:17px;line-height:1.3}
.bb-x{margin-left:auto;border:0;background:var(--grey);border-radius:9px;width:32px;height:32px;cursor:pointer;font-size:16px;flex:none}
.bb-pbody{padding:16px 18px;display:flex;flex-direction:column;gap:14px}
.bb-pfoot{display:flex;gap:8px;justify-content:flex-end;padding:12px 18px;border-top:1.5px solid var(--line);background:var(--soft);border-radius:0 0 18px 18px;flex-wrap:wrap}
.bb-sec{border:1.5px solid var(--line);border-radius:14px;padding:12px 14px}
.bb-sec h4{margin:0 0 8px;font-size:13px;display:flex;justify-content:space-between;align-items:center;gap:8px}
.bb-decision{border:1.5px solid #bfe2f1;background:#f2f9fd;border-radius:14px;padding:13px 14px}
.bb-decision .bb-big{font-size:20px;font-weight:800;display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.bb-decision p{margin:6px 0 0;font-size:13px;line-height:1.5;color:#274a60}
.bb-fgrid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.bb-field label{display:block;font-size:11.5px;font-weight:800;text-transform:uppercase;letter-spacing:.05em;color:var(--sub);margin-bottom:5px}
.bb-field .bb-h{font-size:12px;color:var(--sub);margin-top:4px;line-height:1.4}
.bb-stratdesc{font-size:12.5px;color:var(--sub);margin-top:6px}
.bb-seg{display:flex;flex-wrap:wrap;gap:6px}
.bb-seg button{border:1.5px solid var(--line-s);background:#fff;border-radius:10px;padding:7px 11px;font-size:12.5px;font-weight:700;color:#21506f;cursor:pointer;text-align:left}
.bb-seg button.bb-on{border-color:var(--p);background:#e9f5fb;color:var(--pd)}
#bbModeSeg button{flex:1;min-width:180px}
.bb-picks{display:flex;flex-direction:column;gap:8px}
.bb-pick{display:flex;gap:10px;align-items:flex-start;border:1.5px solid var(--line-s);border-radius:12px;padding:10px 12px;cursor:pointer;font-size:13px;line-height:1.45}
.bb-pick input{margin-top:3px;accent-color:#0588b6}
.bb-pick.bb-on{border-color:var(--p);background:#f2f9fd}
.bb-stepb{display:flex;gap:12px;align-items:flex-start}
.bb-stepb h4{margin:2px 0 8px;font-size:14px}
.bb-sn{width:26px;height:26px;border-radius:50%;background:var(--grad);color:#fff;font-weight:800;display:grid;place-items:center;flex:none}
details.bb-more{border:1.5px solid var(--line);border-radius:14px;padding:10px 14px}
details.bb-more>summary{cursor:pointer;font-weight:700;font-size:13px;color:var(--pd)}
table.bb-mini{width:100%;border-collapse:collapse;font-size:12.5px}
.bb-mini th{text-align:left;color:var(--sub);font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.05em;padding:6px;border-bottom:1.5px solid var(--line)}
.bb-mini td{padding:7px 6px;border-bottom:1px solid var(--line)}
.bb-mini tr.bb-win td{background:#fff8e6}
.bb-mini tr.bb-us td{background:#eef8fc}
.bb-mini tr.bb-ign td{color:#9aabb8}
.bb-brk{display:grid;grid-template-columns:1fr auto;gap:5px 12px;font-size:13px;align-content:start}
.bb-brk span:nth-child(odd){color:var(--sub)}
.bb-bars{display:flex;gap:6px;align-items:flex-end;height:84px;margin-top:6px}
.bb-bars div{flex:1;height:100%;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:4px}
.bb-bars i{display:block;width:100%;max-width:26px;border-radius:5px 5px 2px 2px}
.bb-bars span{font-size:10.5px;color:var(--sub)}
.bb-tag{display:inline-block;font-size:10.5px;font-weight:800;border-radius:6px;padding:1px 6px;background:var(--grey);color:#566a79;margin-right:4px;vertical-align:middle}

/* ── cancel the GLOBAL button lift/shadow/blue-on-hover (polish.css) inside this module ── */
.bbr-page button,.bbr-modal button{box-shadow:none;transition:background .15s ease,border-color .15s ease,color .15s ease}
.bbr-page button:hover,.bbr-modal button:hover,.bbr-page button:active,.bbr-modal button:active{transform:none;box-shadow:none}
.bbr-page .bb-btn.bb-pri,.bbr-modal .bb-btn.bb-pri{box-shadow:0 8px 18px rgba(5,136,182,.28)}
.bbr-page .bb-btn:hover,.bbr-modal .bb-btn:hover{background:#fff}
.bbr-page .bb-btn.bb-pri:hover,.bbr-modal .bb-btn.bb-pri:hover{background:var(--grad)}
.bbr-page .bb-btn.bb-danger:hover,.bbr-modal .bb-btn.bb-danger:hover{background:var(--badl)}
.bbr-page .bb-link,.bbr-modal .bb-link{background:none;box-shadow:none}
.bbr-page .bb-link:hover,.bbr-modal .bb-link:hover{background:none}
.bbr-page .bb-nav button,.bbr-page .bb-chip,.bbr-page .bb-icob,.bbr-modal .bb-icob,.bbr-modal .bb-seg button{color:#21506f}
.bbr-page .bb-nav button:hover,.bbr-page .bb-chip:hover,.bbr-page .bb-icob:hover,.bbr-modal .bb-icob:hover,.bbr-modal .bb-seg button:hover{background:#fff;color:var(--p)}
.bbr-page .bb-nav button.bb-on,.bbr-page .bb-nav button.bb-on:hover,.bbr-page .bb-chip.bb-on,.bbr-page .bb-chip.bb-on:hover{background:var(--grad);color:#fff}
.bbr-modal .bb-seg button.bb-on,.bbr-modal .bb-seg button.bb-on:hover{background:#e9f5fb;color:var(--pd)}
.bbr-page .bb-mode,.bbr-page .bb-mode:hover{background:#fff;color:#566a79}
.bbr-page .bb-mode:hover{border-color:var(--p)}
.bbr-page .bb-mode.bb-live,.bbr-page .bb-mode.bb-live:hover{background:var(--okl);color:var(--ok)}
.bbr-page .bb-toggle,.bbr-page .bb-toggle:hover{background:#cfdcea}
.bbr-page .bb-toggle.bb-on,.bbr-page .bb-toggle.bb-on:hover{background:var(--bad)}
.bbr-modal .bb-x,.bbr-page .bb-x,.bbr-modal .bb-x:hover{color:var(--ink);background:var(--grey)}
.bbr-page .bb-btn[disabled],.bbr-modal .bb-btn[disabled],.bbr-page .bb-mode[disabled],.bbr-modal .bb-seg button[disabled]{opacity:.5;cursor:not-allowed}

/* ── phone: ONE block, the last one that changes layout ── */
@media (max-width:1180px){
  .bbr-page{padding:14px 10px 40px}
  .bb-hd{flex-direction:column;align-items:stretch}
  .bb-sgrid,.bb-fgrid{grid-template-columns:1fr}
  .bb-f-row{flex-direction:column}
  .bb-search{min-width:0}
  .bb-res{flex-wrap:wrap}
  .bb-res .bb-btn{width:100%;justify-content:center;min-height:40px}
  .bb-stepb{flex-direction:column}
  .bb-act li{grid-template-columns:48px 20px 1fr}
  .bb-act li .bb-num{grid-column:3}
  .bb-ovl{padding:0;align-items:flex-end}
  .bb-panel{border-radius:18px 18px 0 0;width:100%;max-height:94vh;overflow:auto}
  .bb-pfoot{position:sticky;bottom:0;border-radius:0}
  .bb-pfoot .bb-btn{flex:1;justify-content:center;min-height:40px}
  .bb-tl{margin-left:0!important}
  .bb-mini{font-size:12px}
  .bbr-page .bb-btn,.bbr-page .bb-chip,.bbr-page .bb-mode{min-height:36px}
}
@media (prefers-reduced-motion:reduce){.bbr-page *,.bbr-modal *{animation:none!important;transition:none!important}}

/* ── S3: the engine's screens (status line, ladder, step-by-step log, price alerts) ── */
.bb-okc{color:var(--ok)}
.bb-tag{font-size:10px;font-weight:800;background:var(--warnl);color:var(--warn);border:1px solid #f1d58e;border-radius:999px;padding:1px 7px;letter-spacing:.03em;vertical-align:middle}
.bb-pulse.bb-amber{background:#e0a100}
.bb-autobar.bb-amberbar{border-color:#f1d58e;background:var(--warnl)}
.bb-ladder2{position:relative;height:32px;margin:12px 8px 0}
.bb-ladder2 .bb-rail{position:absolute;left:0;right:0;top:14px;height:4px;background:#e3eaf1;border-radius:4px}
.bb-ladder2 .bb-band{position:absolute;top:10px;height:12px;background:#d5ecf6;border-radius:6px}
.bb-legend{display:flex;flex-wrap:wrap;gap:6px 14px;margin:10px 0 0;font-size:11.5px;color:var(--sub)}
.bb-legend span{display:inline-flex;align-items:center;gap:6px}
.bb-legend i{display:inline-block;width:11px;height:11px}
.bb-steps{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}
.bb-steps li{display:grid;grid-template-columns:18px 42px 1fr;gap:8px;align-items:start;font-size:12.5px}
.bb-steps .bb-sd{font-weight:800;text-align:center}
.bb-steps .bb-stm{color:var(--sub);font-variant-numeric:tabular-nums;font-size:11.5px;padding-top:1px}
.bb-steps li.bb-st-ok .bb-sd{color:var(--ok)}
.bb-steps li.bb-st-bad .bb-sd{color:var(--bad)}
.bb-steps li.bb-st-wait .bb-sd{color:var(--warn)}
.bb-steps li.bb-st-skip .bb-sd{color:var(--sub)}
.bb-sbox .bb-kv .bb-pill{white-space:nowrap}
@media (max-width:1180px){
  .bb-steps li{grid-template-columns:16px 38px 1fr}
  .bb-legend{gap:4px 10px}
}

/* ── dark mode (this module's own tokens) ── */
html[data-theme="dark"] .bbr-page,html[data-theme="dark"] .bbr-modal{--ink:#e6edf6;--sub:#9fb0c4;--line:#243049;--line-s:#2f3d5a;--soft:#1a2438;--okl:#12332a;--warnl:#3a2e10;--badl:#3b1a17;--grey:#243049;--shadow:0 10px 30px rgba(0,0,0,.35);color:#e6edf6}
html[data-theme="dark"] .bb-card,html[data-theme="dark"] .bb-autobar,html[data-theme="dark"] .bb-panel,html[data-theme="dark"] .bb-rcard,html[data-theme="dark"] .bb-mcard,html[data-theme="dark"] .bb-btn,html[data-theme="dark"] .bb-nav button,html[data-theme="dark"] .bb-chip,html[data-theme="dark"] .bb-icob,html[data-theme="dark"] .bb-seg button,html[data-theme="dark"] .bb-mode,html[data-theme="dark"] .bb-tl-box{background:#161f33}
html[data-theme="dark"] .bb-btn,html[data-theme="dark"] .bb-nav button,html[data-theme="dark"] .bb-chip,html[data-theme="dark"] .bb-icob,html[data-theme="dark"] .bb-seg button,html[data-theme="dark"] .bb-mode{color:#cfe0f2}
html[data-theme="dark"] .bbr-page .bb-btn.bb-pri,html[data-theme="dark"] .bbr-modal .bb-btn.bb-pri,html[data-theme="dark"] .bbr-page .bb-nav button.bb-on,html[data-theme="dark"] .bbr-page .bb-chip.bb-on{background:var(--grad);color:#fff}
html[data-theme="dark"] .bbr-page .bb-btn:hover,html[data-theme="dark"] .bbr-modal .bb-btn:hover,html[data-theme="dark"] .bbr-page .bb-nav button:hover,html[data-theme="dark"] .bbr-page .bb-chip:hover,html[data-theme="dark"] .bbr-page .bb-mode:hover{background:#1d2942}
html[data-theme="dark"] .bb-banner.bb-info,html[data-theme="dark"] .bb-decision{background:#12283d;border-color:#1f4763;color:#cfe6f5}
html[data-theme="dark"] .bbr-modal .bb-seg button.bb-on,html[data-theme="dark"] .bb-pick.bb-on{background:#12283d;color:#cfe6f5}
html[data-theme="dark"] .bb-inp,html[data-theme="dark"] .bb-search input,html[data-theme="dark"] select.bb-sel{background:#111a2b;color:#e6edf6;border-color:#2f3d5a}
html[data-theme="dark"] .bb-t tr.bb-row:hover td{background:#1a2438}
html[data-theme="dark"] .bb-mini tr.bb-us td{background:#12283d}
html[data-theme="dark"] .bb-mini tr.bb-win td{background:#3a2e10}
html[data-theme="dark"] .bb-res-bad{background:#3b1a17;color:#f3c3bd}
html[data-theme="dark"] .bb-x{color:#e6edf6}

/* ── S5: Buy Box share line, suggest-from-cost, the spreadsheet preview ── */
.bb-shareline{padding:6px 16px 2px;font-size:13px;line-height:1.5}
.bb-shareline b{font-variant-numeric:tabular-nums}
.bb-suggest b{font-variant-numeric:tabular-nums}
.bb-plist{display:flex;flex-direction:column;gap:6px;max-height:50vh;overflow:auto;padding-right:2px}
.bb-prow{border:1.5px solid var(--line);border-radius:11px;padding:8px 10px;font-size:12.5px;line-height:1.45;display:flex;flex-direction:column;gap:3px;word-break:break-word}
.bb-prow.bb-p-refused{border-color:#f3c3bd;background:var(--badl)}
.bb-prow.bb-p-nochange{opacity:.8}
html[data-theme="dark"] .bb-prow.bb-p-refused{background:#3b1a17;border-color:#5a2a26}

/* ── S6: the Business price box (Set up + product sheet) and its line in the decision box ── */
.bb-bizbox{margin-top:10px;border:1.5px dashed var(--line);border-radius:12px;padding:10px 12px;display:flex;flex-direction:column;gap:6px;font-size:13px}
.bb-bizrow{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.bb-bizbox .bb-muted{font-size:12px;line-height:1.45}
.bb-bizline{margin:10px 0 0!important;font-size:13px;line-height:1.5}
.bb-bizline b{font-variant-numeric:tabular-nums}