/* Pro top bar declutter (Claude, 26 Sep 2026). Loaded after every other Pro stylesheet.
   Three primary tabs plus a More menu, search as an icon, quiet chips for Copier and
   Points, Client portal as an icon. Only Explore Flip (signed out) stays filled. */

/* ── More menu: Track record, Tools, Replay ── */
.tmore{position:relative;display:flex;align-items:flex-end;align-self:stretch}
.tmore-b{position:relative;display:flex;align-items:center;gap:7px;height:40px;padding:0 12px 0 14px;border:0;border-radius:11px 11px 0 0;background:transparent;color:var(--faint);font:500 13px var(--ui);cursor:pointer;white-space:nowrap;transition:background .15s,color .15s}
.tmore-b .ti{width:15px;height:15px;flex:0 0 auto;fill:none;stroke:currentColor;stroke-width:2.6;stroke-linecap:round;opacity:.75}
.tmore-b .tmore-c{width:13px;height:13px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;opacity:.6;transition:transform .15s}
.tmore-b:hover,.tmore:focus-within .tmore-b{color:var(--ink);background:color-mix(in srgb,var(--ink) 5%,transparent)}
.tmore:hover .tmore-c,.tmore:focus-within .tmore-c{transform:rotate(180deg)}
.tmore-b:focus-visible{outline:2px solid var(--red);outline-offset:-2px}
/* a separator before More, like the ones between resting tabs */
.tnav>a:not(.on)+.tmore .tmore-b::before{content:'';position:absolute;left:0;top:12px;bottom:12px;width:1px;background:var(--l2)}
.tmore:hover .tmore-b::before,.tmore:has(.on) .tmore-b::before{opacity:0}
/* when one of its sections is open, More reads as the active tab */
.tmore:has(.on) .tmore-b{color:var(--ink);background:var(--bg);box-shadow:inset 0 1px 0 color-mix(in srgb,var(--ink) 7%,transparent);z-index:2}
.tmore:has(.on) .tmore-b .ti{opacity:1;color:var(--red)}

/* 28 Sep: More is flattened everywhere - Track record, Tools and Replay are ordinary tabs */
.tmore,.tmore .tmore-m{display:contents}
.tmore-b{display:none}
@media (min-width:761px){ .tnav>a:not(.on)+.tmore .tmore-m>a:first-child:not(.on)::before{content:;position:absolute;left:0;top:12px;bottom:12px;width:1px;background:var(--l2)} }

/* ── right side ── */
/* search is an icon while signed in; Ctrl K still opens it */
header.top .srch{flex:0 0 auto;width:34px;min-width:0;padding:0;justify-content:center}
header.top .srch span,header.top .srch kbd{display:none}
header.top .acct{margin-left:4px}
.acct .sel b{max-width:130px}

/* Copier and Points: quiet outline chips, not red buttons */
header.top #mizoraCopierOpen.tbtn,header.top #mizoraPointsLink.tbtn{height:32px;min-height:0;padding:0 12px;border:1px solid var(--l2);border-radius:16px;background:transparent;
  color:var(--dim);font:600 12px var(--ui);box-shadow:none;transition:color .15s,border-color .15s,background .15s}
header.top #mizoraCopierOpen.tbtn:hover,header.top #mizoraPointsLink.tbtn:hover{color:var(--ink);border-color:var(--rb);background:rgba(var(--acc-rgb),.06)}
header.top #mizoraPointsLink.tbtn{font-family:var(--mono);font-weight:500;letter-spacing:.02em}

/* Client portal: an arrow icon beside the theme button */
header.top #clientBtn.cpbtn{width:34px;height:34px;padding:0;gap:0;justify-content:center;border:0;border-radius:9px;color:var(--dim)}
header.top #clientBtn.cpbtn:hover{background:color-mix(in srgb,var(--ink) 7%,transparent);color:var(--ink)}
header.top #clientBtn .cpl,header.top #clientBtn .cps{display:none}

/* narrower screens: More shows its icon only, like the idle tabs */
@media (min-width:761px) and (max-width:1380px){ .tmore-b>span{display:none} .tmore-b{padding:0 10px 0 12px} }

/* phones: the tabs become the bottom bar, so the menu flattens into it */
@media (max-width:760px){
  .tmore,.tmore .tmore-m,.tmore:hover .tmore-m,.tmore:focus-within .tmore-m{display:contents}
  .tmore-b,.tmore-m::before{display:none}
}

/* jade theme: the mark takes the theme's jade (same white M), and its glow follows */
[data-theme="jade-mist"] header.top .brand .bmk{background:url(/assets/pro-top/mark-jade-96.png) center/100% 100% no-repeat;object-position:0 -999px;box-shadow:0 4px 16px rgba(var(--fill-rgb),.4)}

/* Flip round details and other Flip dialogs: restore native centring (a global reset zeroes dialog margins) */
.fp-pro-dialog[open]{position:fixed;inset:0;margin:auto;height:fit-content}

/* closed-trade corner prompt: a mini share card (Claude, 27 Sep) */
.tshp{width:318px;padding:12px 12px 10px}
.tshmini{position:relative;overflow:hidden;border-radius:12px;padding:12px 14px 13px;margin:2px 0 0;background:radial-gradient(120% 150% at 0 0,#5c1515 0%,#200909 52%,#0d0405 100%);border:1px solid rgba(255,255,255,.08);color:#fff}
.tshmini .tshk{right:-8px;top:-16px;font-size:92px;color:#5fe39a;opacity:.08}
.tshmini-top{display:flex;align-items:center;gap:8px}
.tshmini-brand{font:700 10px var(--ui);letter-spacing:.24em;color:rgba(255,255,255,.85)}
.tshmini-v{margin-left:auto;font:600 8.5px var(--ui);letter-spacing:.1em;color:#6fe3a0;border:1px solid rgba(111,227,160,.35);border-radius:999px;padding:2px 7px}
.tshmini-sym{margin-top:10px;font:700 15px var(--ui);letter-spacing:-.01em}
.tshmini-side{margin-left:4px;font:600 9px var(--ui);letter-spacing:.08em;padding:2px 6px;border-radius:5px;background:rgba(224,32,31,.22);color:#ff8f85;vertical-align:middle}
.tshmini-pnl{display:block;margin:6px 0 3px;font:700 34px/1 var(--ui);letter-spacing:-.045em;color:#5fe39a}
.tshmini-pct{display:block;font-size:11.5px;color:rgba(255,255,255,.72)}
.tshp .tsha{margin-top:10px}

/* extra share designs (27 Sep) */
.tshsw.poster i{background:linear-gradient(135deg,#e0281e,#b81d15)}
.tshsw.mono i{background:linear-gradient(90deg,#2fe08a 0 4px,#050505 4px)}
.tshsw.receipt i{background:repeating-linear-gradient(0deg,#f3ecdf 0 5px,#e7dcc8 5px 6px);box-shadow:inset 0 0 0 2px #141110}

/* rules panel meters: the warning fill used var(--amb), which the default theme does not define, so it drew nothing */
.rbm i.warn{background:linear-gradient(90deg,color-mix(in srgb,var(--amb,#ffb020) 50%,transparent),var(--amb,#ffb020))}

/* rules panel: calendar-style day boxes */
.rbd{display:flex;gap:6px;margin:10px 0 4px}
.rbd s{flex:1 1 0;max-width:46px;height:30px;border-radius:8px;display:grid;place-items:center;text-decoration:none;background:color-mix(in srgb,var(--ink) 7%,transparent);border:1px solid color-mix(in srgb,var(--ink) 10%,transparent)}
.rbd s em{font:600 11px var(--mono);font-style:normal;color:var(--faint)}
.rbd s.on{background:rgba(var(--up-rgb),.22);border-color:rgba(var(--up-rgb),.55)}
.rbd s.on em{color:var(--up)}
.rbd s.on.win{background:var(--up);border-color:var(--up)}
.rbd s.on.win em{color:#04150c}

/* phones (Claude, 28 Sep): six equal bottom tabs (swipe if they do not fit), a one-row header,
   and the trade bar docked on the tab bar so the page no longer shows through the gap */
@media (max-width:760px){
  header.top .tnav{display:flex;overflow-x:auto;scrollbar-width:none}
  header.top .tnav::-webkit-scrollbar{display:none}
  header.top .tnav>a,header.top .tnav .tmore-m a[data-v]{flex:1 0 62px;height:auto;min-height:44px;margin:0;padding:0 2px;flex-direction:column;justify-content:center;gap:4px;
    border-radius:0;background:transparent;box-shadow:none;color:var(--dim);font-size:10.5px;white-space:nowrap}
  header.top .tnav>a.on,header.top .tnav .tmore-m a.on{color:var(--red);background:transparent}
  header.top .tnav .tmore-m a[data-v]>span{display:inline}
  .T .qbar{left:0;right:0;bottom:calc(62px + env(safe-area-inset-bottom));border-radius:16px 16px 0 0;border-bottom:0}
}
@media (max-width:480px){ header.top .brand>b{display:none} }

/* desktop header declutter (Claude, 28 Sep): below 1600px idle tabs are icons (their titles
   still show on hover), only the open tab keeps its label; wordmark, Beta tag and day P&L go */
@media (min-width:761px) and (max-width:1600px){
  header.top .brand>b,header.top .tnav .navtag,header.top .acct .aeq em{display:none}
  header.top .tnav a[data-v]:not(.on)>span{display:none}
  header.top .tnav a[data-v]:not(.on){padding:0 11px}
}

/* breach popup: retry offer and points (Claude, 28 Sep) */
.brma .brretry s{margin-left:8px;font-weight:500;opacity:.6}
.brma .brpts{margin:0 0 2px;font:600 12.5px var(--ui);color:var(--up)}
.brma .brrn{margin:-2px 0 4px;font-size:12px;color:var(--faint)}

/* 29 Sep (Will): Streak hidden from the Pro tabs for now; the view and its code stay in place */
header.top .tnav #streakTab,header.top .tnav a[data-v="streak"]{display:none!important}

/* Right side of the top bar, desktop (Claude, 15 Oct): one 34px row, centred, quiet chips */
@media (min-width:1025px){
  header.top :is(.srch,.acct,#mzNewEvaluation,#mzLiveChat,#mizoraCopierOpen,#rulesBtn,#mizoraPointsLink,#themeBtn,#clientBtn,#bellBtn,#getFunded,#meBtn){align-self:center}
  header.top :is(#mzLiveChat,#rulesBtn,#themeBtn,#clientBtn,#bellBtn).ib,header.top #clientBtn.cpbtn{width:34px;height:34px;display:grid;place-items:center;padding:0;border:0;border-radius:9px;background:transparent;color:var(--dim)}
  header.top :is(#mzLiveChat,#rulesBtn,#themeBtn,#bellBtn) .i,header.top #clientBtn .i{width:18px;height:18px}
  header.top :is(#mzLiveChat,#rulesBtn,#themeBtn,#bellBtn).ib:hover{background:color-mix(in srgb,var(--ink) 7%,transparent);color:var(--ink)}
  header.top #mzNewEvaluation.mz-new-evaluation{height:34px;min-height:0;padding:0 13px;border-radius:9px;font-size:12px;margin:0 4px}
  header.top #mizoraCopierOpen.tbtn,header.top #mizoraPointsLink.tbtn{height:34px;padding:0 11px;border:0;border-radius:9px;background:transparent;color:var(--dim);display:inline-flex;align-items:center}
  header.top #mizoraCopierOpen.tbtn:hover,header.top #mizoraPointsLink.tbtn:hover{background:color-mix(in srgb,var(--ink) 7%,transparent);border:0;color:var(--ink)}
  header.top #meBtn{margin-left:4px}
}