/* ============================================================
   Pre-Market Structural Bias — embedded section
   Dark JAPANDI band. Scoped under .sbias (desktop) / .sbias-m (mobile)
   so it never leaks into the light site. Pairs with cone-core.js.
   ============================================================ */
.sbias, .sbias-m{
  --sb-cream:#F3F0E8; --sb-navy:#213744; --sb-blue:#95A9AB; --sb-mustard:#DCB482;
  --sb-bull:#7E8B74; --sb-neut:#DCB482; --sb-bear:#C0826F;
  --sb-fdisp:Georgia,"Iowan Old Style","Apple Garamond",serif;
  --sb-fsans:-apple-system,BlinkMacSystemFont,"SF Pro Text","Inter",system-ui,sans-serif;
  --sb-fmono:ui-monospace,"SF Mono",Menlo,Consolas,monospace;
}

/* ---------- full-bleed dark band ---------- */
.sbias{
  background:radial-gradient(125% 90% at 80% 12%, #2A4452 0%, #213744 46%, #162831 100%);
  color:var(--sb-cream);font-family:var(--sb-fsans);padding:72px 0 84px;
}
.sbias-wrap{max-width:1300px;margin:0 auto;padding:0 48px;}
.sbias-head{margin-bottom:30px;}
.sbias-eyebrow{font-family:var(--sb-fmono);font-size:11px;letter-spacing:.22em;text-transform:uppercase;color:var(--sb-mustard);margin:0 0 10px;}
.sbias-h{font-family:var(--sb-fdisp);font-weight:700;font-size:38px;line-height:1.04;margin:0;color:var(--sb-mustard);letter-spacing:-.01em;}
.sbias-h em{font-style:italic;color:var(--sb-mustard);font-weight:400;}
.sbias-sub{font-size:14.5px;color:var(--sb-blue);margin:12px 0 0;max-width:680px;line-height:1.55;}
.sbias-meta{display:flex;gap:24px;margin-top:18px;flex-wrap:wrap;}
.sbias-mf{display:flex;flex-direction:column;gap:3px;}
.sbias-mf .k{font-size:9.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--sb-blue);}
.sbias-mf .v{font-family:var(--sb-fmono);font-size:14px;font-weight:700;color:var(--sb-cream);}
.sbias-mf.big .v{font-size:18px;}

.sbias-main{display:grid;grid-template-columns:auto 1fr;gap:36px;align-items:center;}

/* cone */
.sbias .cone-host{position:relative;width:716px;height:716px;}
.sbias .cm-svg{position:absolute;left:116px;top:0;width:600px;height:716px;display:block;z-index:1;overflow:visible;}
.sbias .cm-overlay{position:absolute;left:116px;top:0;width:600px;height:716px;pointer-events:none;}
.sbias .cm-bands{position:absolute;inset:0;display:flex;flex-direction:column;z-index:2;}
.sbias .cm-band{position:relative;display:flex;}
.sbias .cm-tiles{position:relative;display:flex;flex-wrap:wrap;align-content:center;justify-content:flex-start;gap:12px;width:100%;padding:14px 78px 14px 116px;pointer-events:auto;}
.cm-emtop,.cm-embot{white-space:nowrap;}
.sbias .cm-emtop,.sbias .cm-embot{position:absolute;left:128px;font-size:10.5px;letter-spacing:.05em;color:var(--sb-blue);font-weight:700;font-family:var(--sb-fmono);z-index:3;}
.sbias .cm-emtop{top:-20px;} .sbias .cm-embot{bottom:-20px;}
.sbias .cm-qqq{position:absolute;left:-130px;top:50%;transform:translateY(-50%);width:104px;text-align:right;}
.sbias .cm-qqq-tk{font-size:12px;letter-spacing:.08em;color:var(--sb-blue);font-weight:700;}
.sbias .cm-qqq-px{font-family:var(--sb-fdisp);font-weight:700;font-size:27px;line-height:1.05;margin-top:2px;color:#fff;}
.sbias .cm-qqq-lb{font-size:10.5px;color:var(--sb-blue);margin-top:1px;}

/* glow tiles (shared base) */
.cm-tile{position:relative;text-align:left;font:inherit;color:inherit;cursor:pointer;border-radius:10px;padding:10px 13px;display:flex;flex-direction:column;
  background:color-mix(in srgb, var(--vc) 16%, transparent);
  border:1px solid color-mix(in srgb, var(--vc) 52%, transparent);
  border-left:3px solid var(--vc);
  box-shadow:0 0 20px color-mix(in srgb, var(--vc) 24%, transparent);
  transition:transform .16s ease, box-shadow .16s ease, opacity .16s ease;}
.sbias .cm-tile{min-width:118px;}
.sbias .cm-tile .cm-tl-tag{display:none;}
.sbias .cm-tile:hover{transform:translateY(-2px);box-shadow:0 0 30px color-mix(in srgb, var(--vc) 40%, transparent);}
.cm-tile.is-sel{transform:translateY(-2px);box-shadow:0 0 0 1.5px var(--vc), 0 0 30px color-mix(in srgb, var(--vc) 46%, transparent);}
.cm-tile.is-dim{opacity:.42;}
.cm-tl-top{display:flex;align-items:baseline;gap:7px;}
.cm-tl-ref{font-family:var(--sb-fmono);font-size:11px;color:var(--vc);font-weight:700;}
.cm-tl-name{font-family:var(--sb-fdisp);font-weight:700;font-size:15px;color:#fff;}
.cm-tl-tag{font-family:var(--sb-fmono);font-size:11px;font-weight:700;color:var(--vc);margin-top:4px;}
.cm-tl-bot{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:6px;}
.cm-tl-note{font-size:10.5px;color:var(--sb-blue);}
.cm-conf{display:inline-flex;gap:3px;}
.cm-cd{width:5px;height:5px;border-radius:50%;background:rgba(243,240,232,.22);}
.cm-cd.on{background:var(--vc);}

/* panel */
.sbias .sbias-panel{background:rgba(243,240,232,.05);border:1px solid rgba(243,240,232,.14);border-radius:24px;box-shadow:0 14px 50px rgba(0,0,0,.34);height:716px;display:flex;flex-direction:column;overflow:hidden;}
.sbias .panel-inner{padding:30px 32px;overflow-y:auto;display:flex;flex-direction:column;height:100%;}

/* shared content classes (composite + detail) */
.cm-eyebrow{font-family:var(--sb-fmono);font-size:11px;letter-spacing:.13em;color:var(--sb-blue);display:flex;justify-content:space-between;align-items:center;gap:10px;}
.cm-backbtn{font-family:var(--sb-fsans);border:1px solid rgba(243,240,232,.18);background:rgba(0,0,0,.16);color:var(--sb-cream);border-radius:8px;padding:5px 11px;font-size:12px;font-weight:600;cursor:pointer;white-space:nowrap;}
.cm-backbtn:hover{border-color:var(--sb-blue);}
.cm-pband{font-family:var(--sb-fmono);font-size:12px;color:var(--sb-blue);margin-top:18px;}
.cm-pverdict{font-family:var(--sb-fdisp);font-weight:700;font-size:32px;line-height:1.06;margin-top:3px;color:#fff;}
.cm-ptally{display:flex;gap:11px;margin-top:20px;}
.cm-ptcard{flex:1;border:1px solid rgba(243,240,232,.13);border-radius:12px;padding:13px;text-align:center;background:rgba(0,0,0,.16);}
.cm-ptn{font-family:var(--sb-fdisp);font-weight:700;font-size:30px;line-height:1;display:block;}
.cm-ptl{font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:var(--sb-blue);margin-top:7px;display:block;}
.cm-plead{font-size:15px;line-height:1.62;color:#D3DCE0;margin:20px 0 0;}

/* setups allowed / not-allowed lists (composite read) */
.cm-seth{font-family:var(--sb-fmono);font-size:10.5px;letter-spacing:.13em;text-transform:uppercase;margin:22px 0 10px;display:flex;align-items:center;gap:8px;}
.cm-seth::before{content:"";width:7px;height:7px;border-radius:50%;flex:none;}
.cm-seth-ok{color:var(--sb-bull);} .cm-seth-ok::before{background:var(--sb-bull);}
.cm-seth-no{color:var(--sb-bear);} .cm-seth-no::before{background:var(--sb-bear);}
.cm-setlist{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px;}
.cm-setup{display:flex;align-items:flex-start;gap:11px;font-size:13.5px;line-height:1.45;color:#E4E9E6;
  border:1px solid rgba(243,240,232,.13);border-radius:10px;padding:10px 13px;background:rgba(0,0,0,.16);}
.cm-setup-ic{flex:none;width:16px;height:16px;border-radius:50%;margin-top:1px;position:relative;}
.cm-setup-ok .cm-setup-ic{background:color-mix(in srgb, var(--sb-bull) 26%, transparent);border:1px solid var(--sb-bull);}
.cm-setup-no .cm-setup-ic{background:color-mix(in srgb, var(--sb-bear) 26%, transparent);border:1px solid var(--sb-bear);}
.cm-setup-ok .cm-setup-ic::after{content:"";position:absolute;left:4.5px;top:2px;width:4px;height:7px;border:solid var(--sb-bull);border-width:0 1.6px 1.6px 0;transform:rotate(40deg);}
.cm-setup-no .cm-setup-ic::after{content:"";position:absolute;left:3.5px;top:6.5px;width:8px;height:0;border-top:1.6px solid var(--sb-bear);}
.cm-setup-no .cm-setup-tx{color:#CDCBC4;}
.cm-emh{font-family:var(--sb-fmono);font-size:10.5px;letter-spacing:.13em;color:var(--sb-blue);margin:24px 0 12px;}
.cm-emlist{display:flex;flex-direction:column;gap:11px;}
.cm-emrow{display:flex;align-items:center;gap:13px;}
.cm-emk{font-family:var(--sb-fmono);font-weight:700;font-size:13px;width:26px;color:var(--sb-cream);}
.cm-embar-wrap{flex:1;height:7px;background:rgba(0,0,0,.24);border-radius:99px;overflow:hidden;}
.cm-embar{display:block;height:100%;width:100%;background:var(--sb-mustard);border-radius:99px;opacity:.85;}
.cm-emrow:nth-child(1) .cm-embar{width:40%;} .cm-emrow:nth-child(2) .cm-embar{width:68%;}
.cm-emv{font-family:var(--sb-fmono);font-weight:700;font-size:13px;width:64px;text-align:right;}
.cm-emr{font-family:var(--sb-fmono);font-size:11px;color:var(--sb-blue);width:130px;text-align:right;}
.cm-hint{margin-top:auto;font-size:12.5px;color:var(--sb-blue);border-top:1px solid rgba(243,240,232,.13);padding-top:16px;}
.cm-stop{display:flex;gap:13px;align-items:flex-start;margin-top:16px;}
.cm-sref{font-family:var(--sb-fmono);font-weight:700;font-size:14px;color:#1A1F25;border-radius:7px;padding:4px 10px;}
.cm-sname{font-family:var(--sb-fdisp);font-weight:700;font-size:25px;line-height:1.05;color:#fff;}
.cm-srule{font-family:var(--sb-fmono);font-size:11px;color:var(--sb-blue);margin-top:3px;}
.cm-pills{display:flex;gap:9px;margin-top:15px;flex-wrap:wrap;}
.cm-pill{font-family:var(--sb-fmono);font-size:12px;font-weight:700;border-radius:99px;padding:6px 13px;white-space:nowrap;}
.cm-pill.ghost{background:rgba(0,0,0,.18);border:1px solid rgba(243,240,232,.16);color:#D3DCE0;}
.cm-inds{display:flex;flex-direction:column;}
.cm-ind{padding:12px 0;border-top:1px solid rgba(243,240,232,.12);}
.cm-ind:first-child{border-top:none;}
.cm-ind-top{display:flex;justify-content:space-between;align-items:center;gap:10px;}
.cm-iname{font-weight:700;font-size:13.5px;color:#fff;}
.cm-ist{font-family:var(--sb-fmono);font-size:10px;font-weight:700;letter-spacing:.04em;padding:2px 8px;border-radius:5px;white-space:nowrap;}
.cm-ist.bull{background:rgba(126,139,116,.24);color:#aebda4;}
.cm-ist.bear{background:rgba(192,130,111,.24);color:#e0a892;}
.cm-ist.neut,.cm-ist.flag{background:rgba(220,180,130,.22);color:var(--sb-mustard);}
.cm-ist.ctx{background:rgba(149,169,171,.18);color:var(--sb-blue);}
.cm-ic{margin-left:5px;opacity:.7;font-size:9px;}
.cm-iread{font-family:var(--sb-fmono);font-size:11.5px;line-height:1.55;color:#C7D2D6;margin-top:6px;}

/* stack on narrow desktop */
@media (max-width:1080px){
  .sbias-main{grid-template-columns:1fr;gap:28px;}
  .sbias .cone-host{justify-content:center;}
  .sbias .sbias-panel{height:auto;max-height:none;}
}

/* ============================================================
   MOBILE  (.sbias-m)  — compact cone + dark Stripe sheet
   ============================================================ */
.sbias-m{background:radial-gradient(135% 50% at 78% 4%, #2A4452 0%, #213744 48%, #15262F 100%);color:var(--sb-cream);font-family:var(--sb-fsans);padding:30px 0 34px;}
.sbias-m-head{padding:0 18px;}
.sbias-m-eyebrow{font-family:var(--sb-fmono);font-size:10px;letter-spacing:.2em;text-transform:uppercase;color:var(--sb-mustard);margin:0 0 8px;}
.sbias-m-h{font-family:var(--sb-fdisp);font-weight:700;font-size:26px;line-height:1.06;margin:0;color:var(--sb-mustard);}
.sbias-m-date{
  display:inline-flex; align-items:center; gap:10px;
  font-family:var(--sb-fmono); font-size:11px; font-weight:700;
  letter-spacing:.05em; text-transform:uppercase; color:var(--sb-mustard);
  border:1px solid rgba(243,240,232,.14); border-radius:8px;
  background:rgba(0,0,0,.18); padding:9px 14px; margin-bottom:14px;
}
.sbias-m-date::before{
  content:""; width:8px; height:8px; border-radius:50%; flex-shrink:0;
  background:var(--sb-mustard); animation:sbiasDatePulse 2.4s ease-in-out infinite;
}
@keyframes sbiasDatePulse{
  0%{ box-shadow:0 0 0 0 rgba(220,180,130,0.6); }
  70%{ box-shadow:0 0 0 7px rgba(220,180,130,0); }
  100%{ box-shadow:0 0 0 0 rgba(220,180,130,0); }
}
.sbias-m-comp{padding:16px 18px 14px;}
.sbias-m-band{font-family:var(--sb-fmono);font-size:11px;color:var(--sb-blue);letter-spacing:.04em;}
.sbias-m-verdict{font-family:var(--sb-fdisp);font-weight:700;font-size:24px;line-height:1.08;margin:3px 0 0;color:#fff;}
.sbias-m-lead{font-size:13.5px;line-height:1.55;color:#D3DCE0;margin:12px 0 0;}
.sbias-m-setups .cm-seth{margin:16px 0 9px;}
.sbias-m-setups .cm-setup{font-size:13px;padding:9px 12px;}
.sbias-m-tally{display:flex;gap:8px;margin-top:16px;}
.sbias-m-tc{flex:1;border:1px solid rgba(243,240,232,.13);border-radius:11px;padding:11px 4px;text-align:center;background:rgba(0,0,0,.16);}
.sbias-m-tc .n{font-family:var(--sb-fdisp);font-weight:700;font-size:23px;line-height:1;display:block;}
.sbias-m-tc .l{font-size:9px;text-transform:uppercase;letter-spacing:.07em;color:var(--sb-blue);margin-top:5px;display:block;}
.sbias-m-hero{padding:22px 18px 28px;display:flex;justify-content:center;}
.sbias-m .cone-scale{transform-origin:top center;}
.sbias-m .cone-host{position:relative;width:526px;height:545px;margin:0 auto;}
.sbias-m .cm-svg{position:absolute;left:96px;top:0;width:430px;height:545px;overflow:visible;z-index:1;}
.sbias-m .cm-overlay{position:absolute;left:96px;top:0;width:430px;height:545px;pointer-events:none;}
.sbias-m .cm-bands{position:absolute;inset:0;display:flex;flex-direction:column;z-index:2;}
.sbias-m .cm-band{position:relative;display:flex;}
.sbias-m .cm-tiles{position:relative;display:flex;flex-wrap:wrap;align-content:center;justify-content:flex-start;gap:8px;width:100%;padding:10px 30px 10px 86px;pointer-events:auto;}
.sbias-m .cm-emtop,.sbias-m .cm-embot{position:absolute;left:86px;font-size:10px;letter-spacing:.04em;color:var(--sb-blue);font-weight:700;font-family:var(--sb-fmono);z-index:3;}
.sbias-m .cm-emtop{top:-19px;} .sbias-m .cm-embot{bottom:-19px;}
.sbias-m .cm-qqq{position:absolute;left:-96px;top:50%;transform:translateY(-50%);width:88px;text-align:right;}
.sbias-m .cm-qqq-tk{font-size:11px;letter-spacing:.08em;color:var(--sb-blue);font-weight:700;}
.sbias-m .cm-qqq-px{font-family:var(--sb-fdisp);font-weight:700;font-size:23px;line-height:1.05;margin-top:2px;color:#fff;}
.sbias-m .cm-qqq-lb{font-size:10px;color:var(--sb-blue);margin-top:1px;}
.sbias-m .cm-tile{width:132px;min-width:132px;padding:8px 11px;}
.sbias-m .cm-tile .cm-tl-tag{display:none;}
.sbias-m .cm-tile .cm-tl-ref{display:none;}
.sbias-m .cm-tl-note{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.sbias-m .cm-tl-name{font-size:13.5px;}
.sbias-m-taphint{text-align:center;font-size:11.5px;color:var(--sb-blue);padding:0 18px;}

/* dark sector sheet (mirrors calendar animation, own classnames) */
.sb-backdrop{position:fixed;inset:0;z-index:120;background:rgba(15,23,34,.5);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);opacity:0;transition:opacity .32s ease;pointer-events:none;}
.sb-backdrop.open{opacity:1;pointer-events:auto;}
.sb-sheet{position:fixed;z-index:121;left:0;right:0;bottom:0;max-width:480px;margin:0 auto;height:92dvh;height:92vh;
  background:radial-gradient(130% 50% at 78% 0%, #2A4452 0%, #213744 50%, #182A33 100%);
  border-radius:22px 22px 0 0;box-shadow:0 -8px 40px rgba(15,23,34,.3);
  transform:translateY(100%);transition:transform .42s cubic-bezier(0.32,0.72,0,1);
  display:flex;flex-direction:column;overflow:hidden;will-change:transform;}
.sb-sheet.open{transform:translateY(0);}
.sb-sheet.dragging{transition:none;}
.sb-grip{padding:10px 0 4px;display:flex;justify-content:center;flex-shrink:0;cursor:grab;touch-action:none;}
.sb-grip .bar{width:40px;height:5px;border-radius:999px;background:rgba(243,240,232,.3);}
.sb-head{flex-shrink:0;padding:6px 18px 0;position:relative;}
.sb-close{position:absolute;top:-2px;right:14px;width:34px;height:34px;border-radius:50%;background:rgba(243,240,232,.1);color:var(--sb-cream);display:flex;align-items:center;justify-content:center;font-size:19px;line-height:1;}
.sb-close:active{background:var(--sb-cream);color:var(--sb-navy);}
.sb-body{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;padding:8px 18px calc(34px + env(safe-area-inset-bottom,0px));}
.sbias-m .cm-eyebrow,.sb-body .cm-eyebrow{font-size:10.5px;}
.sb-body .cm-sname{font-size:22px;} .sb-body .cm-plead{font-size:14px;}
