/* ============================================================
   TYSON TRADES — WORKSPACE / DASHBOARD V1
   Logged-in command-center shell.
   ============================================================ */

:root {
  --ws-bg: #06090e;
  --ws-panel: #0b1017;
  --ws-panel-2: #0f151e;
  --ws-panel-3: #121a25;
  --ws-border: rgba(196, 148, 58, .17);
  --ws-border-strong: rgba(220, 171, 72, .34);
  --ws-gold: #d6a84f;
  --ws-gold-bright: #f0c66b;
  --ws-text: #f3f5f8;
  --ws-text-2: #b5bfcc;
  --ws-text-3: #7f8b9b;
  --ws-green: #22c77a;
  --ws-red: #ef6262;
  --ws-blue: #6b91ff;
  --ws-purple: #8b5cf6;
  --ws-radius: 13px;
  --ws-sidebar: 246px;
  --ws-sidebar-collapsed: 78px;
  --ws-topbar: 72px;
}

html[data-theme="white"] {
  --ws-bg: #f7f4ed;
  --ws-panel: #ffffff;
  --ws-panel-2: #fbfaf6;
  --ws-panel-3: #f1eee6;
  --ws-border: rgba(121, 93, 47, .15);
  --ws-border-strong: rgba(167, 122, 44, .28);
  --ws-text: #17202a;
  --ws-text-2: #596575;
  --ws-text-3: #8b93a0;
  --ws-gold: #b8862d;
  --ws-gold-bright: #c99735;
  --ws-green: #0c9f61;
  --ws-red: #d94848;
  --ws-blue: #3d68dc;
  --ws-purple: #7750d9;
}

body.workspace-page {
  background:
    radial-gradient(circle at 78% 2%, rgba(214,168,79,.045), transparent 28%),
    var(--ws-bg);
  color: var(--ws-text);
  min-height: 100vh;
  overflow-x: hidden;
}

.workspace-page #navbar,
.workspace-page #siteRail,
.workspace-page #siteFooter {
  display: none !important;
}

/* Sidebar */
.ws-sidebar {
  position: fixed;
  left: 0;
  top: 0;
  bottom: 0;
  width: var(--ws-sidebar);
  z-index: 1200;
  background:
    linear-gradient(180deg, rgba(214,168,79,.035), transparent 22%),
    rgba(6,10,15,.98);
  border-right: 1px solid var(--ws-border);
  display: flex;
  flex-direction: column;
  transition: width .24s ease;
}
html[data-theme="white"] .ws-sidebar { background: rgba(251,249,243,.98); }

.ws-sidebar.collapsed { width: var(--ws-sidebar-collapsed); }

.ws-brand {
  height: var(--ws-topbar);
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 0 20px;
  border-bottom: 1px solid var(--ws-border);
  text-decoration: none;
  overflow: hidden;
}
.ws-brand-mark {
  width: 34px;
  height: 42px;
  flex: 0 0 auto;
  object-fit: contain;
  filter: drop-shadow(0 0 10px rgba(214,168,79,.24));
}
.ws-brand-copy {
  min-width: 136px;
  font-family: Georgia, "Times New Roman", serif;
  font-size: 17px;
  letter-spacing: .18em;
  color: var(--ws-text);
  line-height: 1.15;
  white-space: nowrap;
}
.ws-brand-copy span {
  color: var(--ws-gold-bright);
  display: block;
  margin-top: 4px;
  font-size: 12px;
  letter-spacing: .35em;
}
.ws-sidebar.collapsed .ws-brand-copy { opacity: 0; pointer-events: none; }

.ws-nav-scroll {
  padding: 14px 11px 18px;
  overflow-y: auto;
  flex: 1;
}
.ws-group { margin: 8px 0 19px; }
.ws-group-label {
  color: #8e6f35;
  font-size: 10px;
  letter-spacing: .15em;
  font-weight: 800;
  padding: 0 11px 8px;
  white-space: nowrap;
}
.ws-sidebar.collapsed .ws-group-label {
  height: 1px;
  color: transparent;
  padding: 0;
  margin: 8px 9px 12px;
  border-top: 1px solid var(--ws-border);
}
.ws-link {
  height: 44px;
  display: flex;
  align-items: center;
  gap: 13px;
  padding: 0 12px;
  margin: 3px 0;
  color: var(--ws-text-2);
  text-decoration: none;
  border: 1px solid transparent;
  border-radius: 10px;
  position: relative;
  white-space: nowrap;
  transition: .16s ease;
}
.ws-link svg {
  width: 21px;
  height: 21px;
  flex: 0 0 auto;
  stroke: currentColor;
  transition: .16s ease;
}
.ws-link:hover {
  color: var(--ws-text);
  background: rgba(255,255,255,.025);
  border-color: rgba(255,255,255,.035);
}
.ws-link.active {
  color: var(--ws-gold-bright);
  background:
    radial-gradient(circle at 16% 50%, rgba(214,168,79,.17), transparent 62%),
    rgba(214,168,79,.07);
  border-color: rgba(214,168,79,.18);
  box-shadow: inset 0 0 18px rgba(214,168,79,.025);
}
.ws-link.active svg,
.ws-link:hover svg {
  filter: drop-shadow(0 0 7px rgba(214,168,79,.56));
}
.ws-sidebar.collapsed .ws-link { justify-content: center; padding: 0; }
.ws-sidebar.collapsed .ws-link-label { display: none; }

.ws-sidebar-bottom {
  padding: 10px 11px 15px;
  border-top: 1px solid var(--ws-border);
}
.ws-collapse {
  width: 100%;
  height: 38px;
  border: 1px solid var(--ws-border);
  background: transparent;
  color: var(--ws-text-2);
  border-radius: 9px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
}
.ws-collapse svg { width: 18px; height: 18px; stroke: currentColor; transition: transform .24s ease; }
.ws-sidebar.collapsed .ws-collapse svg { transform: rotate(180deg); }
.ws-sidebar.collapsed .ws-collapse span { display: none; }

/* Main + topbar */
.ws-main {
  margin-left: var(--ws-sidebar);
  min-height: 100vh;
  transition: margin-left .24s ease;
}
body.ws-collapsed .ws-main { margin-left: var(--ws-sidebar-collapsed); }

.ws-topbar {
  height: var(--ws-topbar);
  position: sticky;
  top: 0;
  z-index: 1000;
  display: flex;
  align-items: center;
  padding: 0 30px;
  gap: 22px;
  background: rgba(6,9,14,.87);
  border-bottom: 1px solid var(--ws-border);
  backdrop-filter: blur(18px);
}
html[data-theme="white"] .ws-topbar { background: rgba(247,244,237,.9); }

.ws-topnav {
  display: flex;
  align-items: center;
  gap: 24px;
  flex: 1;
}
.ws-topnav a {
  color: var(--ws-text-3);
  font-size: 11px;
  font-weight: 800;
  letter-spacing: .1em;
  text-transform: uppercase;
  text-decoration: none;
  padding: 25px 0 21px;
  position: relative;
}
.ws-topnav a:hover { color: var(--ws-text); }
.ws-topnav a.active { color: var(--ws-gold-bright); }
.ws-topnav a.active::after {
  content: "";
  position: absolute;
  height: 1px;
  left: 0; right: 0; bottom: 13px;
  background: var(--ws-gold);
  box-shadow: 0 0 12px rgba(214,168,79,.65);
}

.ws-actions { display:flex; align-items:center; gap:9px; }
.ws-icon-btn, .ws-profile-btn {
  height: 40px;
  border: 1px solid var(--ws-border);
  background: var(--ws-panel);
  color: var(--ws-text-2);
  border-radius: 10px;
  cursor: pointer;
}
.ws-icon-btn {
  width: 40px; display:grid; place-items:center; position:relative;
}
.ws-icon-btn svg { width:19px;height:19px;stroke:currentColor; }
.ws-icon-btn:hover { color:var(--ws-gold-bright); border-color:var(--ws-border-strong); }
.ws-badge {
  position:absolute;
  right:-3px; top:-4px;
  min-width:17px;height:17px;padding:0 4px;
  background:#d8a748;color:#070b10;
  border-radius:20px;font-size:9px;font-weight:900;
  display:none;place-items:center;
}
.ws-profile-btn {
  display:flex;align-items:center;gap:9px;padding:0 12px;
  min-width:130px;text-align:left;
}
.ws-avatar {
  width:25px;height:25px;border-radius:7px;
  background:linear-gradient(135deg,#dcb15a,#9f6d1d);
  color:#080b0f;
  display:grid;place-items:center;
  font-size:10px;font-weight:900;
}
.ws-profile-name { color:var(--ws-text);font-size:11px;font-weight:800; }
.ws-profile-role { color:var(--ws-text-3);font-size:9px;margin-top:1px; }

/* Content */
.ws-content { padding: 28px 30px 46px; max-width: 1600px; margin: 0 auto; }

.ws-welcome {
  display:flex;
  justify-content:space-between;
  align-items:flex-end;
  gap:18px;
  margin-bottom:18px;
}
.ws-eyebrow {
  color: var(--ws-gold);
  font-size: 10px;
  letter-spacing: .19em;
  text-transform: uppercase;
  font-weight: 800;
}
.ws-welcome h1 {
  margin: 7px 0 5px;
  font-size: 27px;
  letter-spacing:-.02em;
  color: var(--ws-text);
}
.ws-welcome p {
  margin:0;color:var(--ws-text-2);font-size:13px;
}
.ws-log-trade {
  min-height:42px;padding:0 20px;border-radius:9px;
  border:1px solid rgba(240,198,107,.58);
  background:linear-gradient(135deg,#e9bd60,#bb8130);
  color:#080b10;font-size:11px;font-weight:900;
  letter-spacing:.07em;text-transform:uppercase;cursor:pointer;
  box-shadow:0 10px 24px rgba(186,126,39,.13);
}

.ws-filters {
  display:flex;flex-wrap:wrap;gap:9px;margin-bottom:15px;
}
.ws-select {
  min-height:38px;padding:0 34px 0 12px;
  color:var(--ws-text-2);background:var(--ws-panel);
  border:1px solid var(--ws-border);border-radius:9px;
  font:600 11px Inter,Arial,sans-serif;
}

/* metric cards */
.ws-metrics {
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:11px;
  margin-bottom:15px;
}
.ws-metric {
  min-height:112px;
  background:var(--ws-panel);
  border:1px solid var(--ws-border);
  border-radius:var(--ws-radius);
  padding:15px 16px;
  position:relative;
  overflow:hidden;
}
.ws-metric::before {
  content:"";position:absolute;left:0;right:0;top:0;height:2px;
  background:linear-gradient(90deg,transparent,var(--metric-accent,var(--ws-gold)),transparent);
  opacity:.85;
}
.ws-metric-label {
  color:var(--ws-text-3);
  font-size:10px;font-weight:800;letter-spacing:.13em;text-transform:uppercase;
}
.ws-metric-value {
  margin-top:12px;
  color:var(--ws-text);
  font-family:Georgia,"Times New Roman",serif;
  font-size:26px;
  line-height:1;
}
.ws-metric-sub { margin-top:9px;color:var(--ws-text-3);font-size:10px; }
.ws-positive { color:var(--ws-green)!important; }
.ws-negative { color:var(--ws-red)!important; }

/* dashboard grid */
.ws-grid-main {
  display:grid;
  grid-template-columns:minmax(0,1.55fr) minmax(310px,.65fr);
  gap:15px;
}
.ws-card {
  background:var(--ws-panel);
  border:1px solid var(--ws-border);
  border-radius:var(--ws-radius);
  overflow:hidden;
}
.ws-card-head {
  min-height:52px;
  display:flex;align-items:center;justify-content:space-between;gap:12px;
  padding:0 18px;
  border-bottom:1px solid var(--ws-border);
}
.ws-card-title {
  font-family:Georgia,"Times New Roman",serif;
  color:var(--ws-text);font-size:15px;
}
.ws-card-subtitle { color:var(--ws-text-3);font-size:10px;margin-top:2px; }

/* Performance calendar */
.ws-calendar { padding:13px; }
.ws-cal-weekdays, .ws-cal-grid {
  display:grid;
  grid-template-columns:repeat(7,minmax(0,1fr));
  gap:6px;
}
.ws-cal-weekdays div {
  text-align:center;color:var(--ws-text-3);font-size:9px;font-weight:800;
  padding:6px 0;text-transform:uppercase;letter-spacing:.08em;
}
.ws-cal-day {
  min-height:75px;
  border:1px solid rgba(127,139,155,.1);
  background:var(--ws-panel-2);
  border-radius:8px;
  padding:7px;
  position:relative;
  transition:.16s ease;
}
.ws-cal-day:hover { border-color:var(--ws-border-strong); transform:translateY(-1px); }
.ws-cal-day.empty { opacity:.15; }
.ws-cal-day .day-no { color:var(--ws-text-2);font-size:10px; }
.ws-cal-day .day-pl {
  position:absolute;left:7px;bottom:22px;font-size:10px;font-weight:850;
}
.ws-cal-day .day-trades {
  position:absolute;left:7px;bottom:7px;color:var(--ws-text-3);font-size:8.5px;
}
.ws-cal-day.profit {
  background:linear-gradient(145deg,rgba(34,199,122,.09),var(--ws-panel-2));
  border-color:rgba(34,199,122,.16);
}
.ws-cal-day.loss {
  background:linear-gradient(145deg,rgba(239,98,98,.08),var(--ws-panel-2));
  border-color:rgba(239,98,98,.14);
}

/* right widgets */
.ws-widget-stack { display:grid;gap:12px; }
.ws-widget { padding:16px;min-height:126px;position:relative; }
.ws-widget-label { color:var(--ws-text-3);font-size:9px;font-weight:800;letter-spacing:.12em;text-transform:uppercase; }
.ws-widget-value { color:var(--ws-text);font-size:27px;font-family:Georgia,serif;margin-top:9px; }
.ws-widget-note { color:var(--ws-text-2);font-size:10px;margin-top:7px; }
.ws-ring {
  width:68px;height:68px;border-radius:50%;
  display:grid;place-items:center;
  background:conic-gradient(var(--ws-green) calc(var(--pct,0)*1%), rgba(255,255,255,.07) 0);
  position:absolute;right:15px;top:32px;
}
.ws-ring::after {
  content:"";position:absolute;inset:7px;border-radius:50%;background:var(--ws-panel);
}
.ws-ring span { z-index:1;font-size:11px;font-weight:900;color:var(--ws-text); }

/* Equity + recent trades */
.ws-lower {
  display:grid;grid-template-columns:minmax(0,1.3fr) minmax(360px,.7fr);gap:15px;margin-top:15px;
}
.ws-chart-wrap { padding:17px 18px 14px;min-height:225px; }
.ws-chart-svg { width:100%;height:175px;display:block;overflow:visible; }
.ws-recent-list { padding:4px 16px 12px; }
.ws-trade-row {
  display:grid;grid-template-columns:1fr .7fr .7fr .9fr;
  gap:8px;align-items:center;min-height:48px;
  border-bottom:1px solid rgba(127,139,155,.09);
  font-size:10.5px;color:var(--ws-text-2);
}
.ws-trade-row strong { color:var(--ws-text);font-size:11px; }
.ws-side-buy { color:var(--ws-green);font-weight:800; }
.ws-side-sell { color:var(--ws-red);font-weight:800; }
.ws-empty { color:var(--ws-text-3);font-size:12px;padding:35px 12px;text-align:center; }

/* Notification panel */
.ws-notification-panel {
  position:fixed;
  right:22px;top:62px;
  width:340px;
  background:var(--ws-panel);
  border:1px solid var(--ws-border-strong);
  border-radius:12px;
  box-shadow:0 20px 55px rgba(0,0,0,.34);
  z-index:1600;
  display:none;
}
.ws-notification-panel.open { display:block; }
.ws-notification-head { padding:14px 15px;border-bottom:1px solid var(--ws-border);font-weight:800;font-size:12px; }
.ws-notification-list { max-height:360px;overflow:auto; }
.ws-notification-item { padding:12px 15px;border-bottom:1px solid var(--ws-border); }
.ws-notification-item strong { font-size:11px;color:var(--ws-text);display:block; }
.ws-notification-item p { margin:4px 0 0;font-size:10px;color:var(--ws-text-2);line-height:1.5; }

/* responsive */
.ws-mobile-toggle { display:none; }
@media(max-width:1200px){
  .ws-metrics{grid-template-columns:repeat(3,1fr)}
  .ws-grid-main,.ws-lower{grid-template-columns:1fr}
}
@media(max-width:900px){
  .ws-sidebar{transform:translateX(-100%);width:260px;transition:transform .22s ease}
  .ws-sidebar.mobile-open{transform:translateX(0)}
  .ws-main, body.ws-collapsed .ws-main{margin-left:0}
  .ws-mobile-toggle{display:grid}
  .ws-topbar{padding:0 16px}
  .ws-topnav{display:none}
  .ws-content{padding:20px 14px 38px}
  .ws-metrics{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:620px){
  .ws-profile-btn{min-width:auto}
  .ws-profile-copy{display:none}
  .ws-actions{gap:6px}
  .ws-icon-btn,.ws-profile-btn{height:38px}
  .ws-welcome{align-items:flex-start;flex-direction:column}
  .ws-log-trade{width:100%}
  .ws-filters{display:grid;grid-template-columns:1fr 1fr}
  .ws-select{width:100%}
  .ws-metrics{grid-template-columns:1fr 1fr;gap:8px}
  .ws-metric{min-height:98px;padding:13px}
  .ws-metric-value{font-size:22px}
  .ws-calendar{overflow-x:auto}
  .ws-cal-weekdays,.ws-cal-grid{min-width:620px}
  .ws-lower{display:block}
  .ws-lower>.ws-card+ .ws-card{margin-top:12px}
  .ws-trade-row{grid-template-columns:1.2fr .6fr .65fr}
  .ws-trade-row .trade-date{display:none}
}


/* ===== 02 SAME TYSON LOGO ACROSS WORKSPACE ===== */
.ws-brand{position:relative}
.ws-brand-full{
  width:174px;
  height:54px;
  object-fit:contain;
  object-position:left center;
  animation:ttWsLogoEnergy 4.8s ease-in-out infinite;
}
.ws-brand-mark{
  display:none;
  width:44px!important;
  height:48px!important;
  object-fit:contain!important;
}
.ws-sidebar.collapsed .ws-brand-full{display:none}
.ws-sidebar.collapsed .ws-brand-mark{
  display:block;
  filter:drop-shadow(0 0 7px rgba(214,168,79,.30));
  animation:ttWsLogoEnergy 4.8s ease-in-out infinite;
}
@keyframes ttWsLogoEnergy{
  0%,100%{filter:drop-shadow(0 0 1px rgba(214,168,79,.08))}
  50%{filter:drop-shadow(0 0 9px rgba(240,199,94,.34))}
}
html[data-theme="white"] .ws-brand-full{
  content:url("/assets/img/tyson-logo-approved-light.png");
}
html[data-theme="white"] .ws-brand-mark{
  content:url("/assets/img/tyson-icon-approved-gold.png");
}

/* Stronger light workspace readability */
html[data-theme="white"] body.workspace-page{
  --ws-text:#0b1627;
  --ws-text-2:#3d4f67;
  --ws-text-3:#6d7c90;
}
html[data-theme="white"] .ws-card-title,
html[data-theme="white"] .ws-welcome h1,
html[data-theme="white"] .ws-metric-value,
html[data-theme="white"] .ws-widget-value{color:#0b1627}


/* ===== 03 WORKSPACE LOGO / LIGHT READABILITY ===== */
.ws-brand-full{
  width:182px!important;height:56px!important;
  object-fit:contain!important;object-position:left center!important;
}
.ws-sidebar:not(.collapsed) .ws-brand-mark{display:none!important}
.ws-sidebar.collapsed .ws-brand-full{display:none!important}
.ws-sidebar.collapsed .ws-brand-mark{display:block!important}

html[data-theme="white"] body.workspace-page{
  background:#f6f5ef!important;
  color:#0b172a!important;
}
html[data-theme="white"] .ws-main,
html[data-theme="white"] .ws-content{background:#f6f5ef!important}
html[data-theme="white"] .ws-card,
html[data-theme="white"] .ws-metric-card,
html[data-theme="white"] .ws-widget-card{
  background:#fff!important;
  border-color:#ddd7c8!important;
  box-shadow:0 10px 28px rgba(24,43,69,.045);
}
html[data-theme="white"] .ws-welcome h1,
html[data-theme="white"] .ws-card-title,
html[data-theme="white"] .ws-widget-value,
html[data-theme="white"] .ws-metric-value{
  color:#0b172a!important;
}
html[data-theme="white"] .ws-welcome p,
html[data-theme="white"] .ws-widget-sub,
html[data-theme="white"] .ws-metric-sub{
  color:#53647a!important;
}


/* ============================================================
   04 — WORKSPACE WHITE / CLASSIC
   ============================================================ */

html[data-theme="white"] body.workspace-page{
  --ws-bg:#f4f6fa;
  --ws-panel:#ffffff;
  --ws-panel-2:#f8fafc;
  --ws-border:#d9e0ea;
  --ws-text:#07182f;
  --ws-text-2:#425673;
  --ws-text-3:#6b7b90;
  background:#f4f6fa!important;
}
html[data-theme="white"] .ws-sidebar,
html[data-theme="white"] .ws-topbar{
  background:#fff!important;
  border-color:#d9e0ea!important;
}
html[data-theme="white"] .ws-nav a{color:#415673!important}
html[data-theme="white"] .ws-nav a:hover{color:#07182f!important}
html[data-theme="white"] .ws-nav a.active{
  color:#a96f14!important;
  background:#fff7e7!important;
  border-color:#e8d4a7!important;
}
html[data-theme="white"] .ws-card,
html[data-theme="white"] .ws-metric-card,
html[data-theme="white"] .ws-widget-card{
  background:#fff!important;
  border-color:#d9e0ea!important;
  box-shadow:0 10px 30px rgba(29,50,84,.055)!important;
}

html[data-theme="classic"] body.workspace-page{
  --ws-bg:#030715;
  --ws-panel:#081225;
  --ws-panel-2:#0c1830;
  --ws-border:#263b6b;
  --ws-text:#f8fbff;
  --ws-text-2:#bfcae0;
  --ws-text-3:#8190aa;
  background:#030715!important;
}
html[data-theme="classic"] .ws-sidebar,
html[data-theme="classic"] .ws-topbar{
  background:#050c1b!important;
  border-color:#263b6b!important;
}
html[data-theme="classic"] .ws-nav a{color:#a4b0c5!important}
html[data-theme="classic"] .ws-nav a:hover{color:#fff!important}
html[data-theme="classic"] .ws-nav a.active{
  color:#f0c75e!important;
  background:linear-gradient(90deg,rgba(48,83,204,.17),rgba(212,175,55,.06))!important;
  border-color:#3658ad!important;
  box-shadow:inset 3px 0 #4774ff,0 0 18px rgba(48,83,204,.08);
}
html[data-theme="classic"] .ws-card,
html[data-theme="classic"] .ws-metric-card,
html[data-theme="classic"] .ws-widget-card{
  background:linear-gradient(145deg,#081225,#0a162b)!important;
  border-color:#263b6b!important;
}
html[data-theme="classic"] .ws-metric-card:nth-child(2){
  border-top-color:#4774ff!important;
}


/* Build 11.1.1 — Workspace shell alignment for Journal + Backtesting */
body.workspace-subpage{background:var(--ws-bg,#06090e)}
body.workspace-subpage>.navbar{display:none!important}
body.workspace-subpage .ws-subpage-content{padding-top:0}
body.workspace-subpage .ws-subpage-content>.app{max-width:none;width:100%;padding:0 28px 50px;box-sizing:border-box}
body.workspace-subpage .ws-subpage-content>.app>#btTool{max-width:1500px;margin:0 auto}
body.workspace-subpage .ws-subpage-content>.app>#btComingSoon{margin-left:auto;margin-right:auto}
body.workspace-subpage .bt11-workspace{left:var(--ws-sidebar)!important;top:var(--ws-topbar)!important;right:0!important;bottom:0!important}
body.workspace-subpage.ws-collapsed .bt11-workspace{left:var(--ws-sidebar-collapsed)!important}
@media(max-width:900px){
  body.workspace-subpage .ws-subpage-content>.app{padding:0 14px 36px}
  body.workspace-subpage .bt11-workspace{left:0!important;top:auto!important;position:absolute!important}
}


/* Build 12.6 — navigation polish */
.ws-link{transition:background .13s ease,color .13s ease,border-color .13s ease,transform .13s ease}.ws-link:hover{transform:translateX(2px)}.ws-sidebar.collapsed .ws-link:hover{transform:none}.ws-topnav a{transition:color .13s ease}.ws-main{transition:margin-left .18s ease}.ws-sidebar{transition:width .18s ease,transform .18s ease}
@media(max-width:1100px){.ws-topnav{gap:14px}.ws-topnav a{font-size:10px}.ws-streak-chip{display:none}}

/* Build 12.7 — unified shell + mobile command dock */
body.workspace-subpage .ws-subpage-content>main.tt-main{max-width:none;width:100%;padding:0 28px 50px;box-sizing:border-box}.ws-mobile-dock{display:none}
@media(max-width:900px){body.workspace-subpage .ws-subpage-content>main.tt-main{padding:0 14px 82px}.ws-content{padding-bottom:84px!important}.ws-mobile-dock{position:fixed;display:grid;grid-template-columns:repeat(5,1fr);left:8px;right:8px;bottom:8px;z-index:1450;height:58px;padding:5px;border:1px solid rgba(110,126,145,.24);border-radius:15px;background:rgba(8,13,20,.94);backdrop-filter:blur(18px);box-shadow:0 15px 42px rgba(0,0,0,.36)}.ws-mobile-dock a{display:grid;place-items:center;color:#8695a8;font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:.04em;border-radius:10px}.ws-mobile-dock a:hover{color:#f0c55b;background:rgba(226,182,77,.07)}}