:root{
  --terminal-bg:#0b0e12;
  --terminal-panel:#12171d;
  --terminal-panel-2:#171d24;
  --terminal-line:#29323d;
  --terminal-text:#edf2f7;
  --terminal-muted:#8e9aa8;
  --terminal-green:#44d17c;
  --terminal-blue:#58b7ff;
  --terminal-amber:#f1b84b;
  --terminal-red:#ff6d70;
}

body{
  background:var(--terminal-bg)!important;
  color:var(--terminal-text);
}

.wrap{
  max-width:1500px!important;
  padding:16px 18px 44px!important;
}

.topbar{
  min-height:62px;
  padding:6px 0 12px!important;
  margin-bottom:0!important;
  border-bottom:1px solid var(--terminal-line);
}

.topbar .logo-mark{
  width:44px!important;
  height:44px!important;
  flex-basis:44px!important;
  box-shadow:none!important;
}

.topbar .logo-mark svg{width:34px!important;height:34px!important}
.topbar .eyebrow{font-size:10px!important;color:var(--terminal-muted)!important;letter-spacing:0!important}
.topbar .title{font-size:21px!important;margin:2px 0!important;letter-spacing:0!important}
.topbar .subtitle{font-size:12px!important;line-height:1.35!important;color:var(--terminal-muted)!important}

.quick-nav{
  position:sticky!important;
  top:0;
  z-index:20!important;
  display:flex!important;
  gap:0!important;
  margin:0 -18px!important;
  padding:0 18px!important;
  min-height:48px;
  align-items:stretch;
  background:rgba(11,14,18,.96)!important;
  border-bottom:1px solid var(--terminal-line);
  backdrop-filter:blur(12px);
}

.terminal-tab{
  appearance:none;
  border:0;
  border-bottom:2px solid transparent;
  border-radius:0;
  padding:0 18px;
  background:transparent;
  color:var(--terminal-muted);
  font-size:13px;
  font-weight:760;
}

.terminal-tab:hover{color:var(--terminal-text);background:rgba(255,255,255,.025)}
.terminal-tab.active{color:var(--terminal-text);border-bottom-color:var(--terminal-green)}

.account-control-bar{
  padding:10px 12px!important;
  margin:10px 0 8px!important;
  border-radius:6px!important;
  box-shadow:none!important;
  background:var(--terminal-panel)!important;
}

.account-control-bar .section-head{margin:0!important;align-items:center!important}
.account-control-bar .section-title{font-size:13px!important}
.account-control-bar .section-sub{font-size:11px!important;margin-top:1px!important}
.account-control-bar .actions{gap:8px!important}
.account-control-bar .btn{min-height:32px!important;padding:6px 10px!important;font-size:12px!important}
.account-control-bar #api-details{margin-top:10px!important}
.account-control-bar #api-details:not([open]){display:none!important}
.account-control-bar #api-details>summary{display:none!important}
.account-control-bar #status{margin:8px 0 0!important;font-size:11px!important}

#today-summary,
#overview-section,
#iv-section,
#positions-section,
#margin-section,
#ledger-section,
#candidates-section{display:none!important}

body[data-terminal-view="chain"] #candidates-section,
body[data-terminal-view="positions"] #positions-section,
body[data-terminal-view="risk"] #margin-section,
body[data-terminal-view="returns"] #ledger-section{display:block!important}

.account-strip{
  display:grid;
  grid-template-columns:repeat(6,minmax(0,1fr));
  border:1px solid var(--terminal-line);
  border-radius:6px;
  background:var(--terminal-panel);
  margin:8px 0 10px;
  overflow:hidden;
}

.account-strip-item{
  min-width:0;
  padding:10px 12px;
  border-right:1px solid var(--terminal-line);
}

.account-strip-item:last-child{border-right:0}
.account-strip-item .k{font-size:10px;color:var(--terminal-muted);margin-bottom:4px}
.account-strip-item .v{font-size:16px;font-weight:800;font-variant-numeric:tabular-nums;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.account-strip-item .s{font-size:10px;color:var(--terminal-muted);margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.account-strip .mm-ok{color:var(--terminal-green)}
.account-strip .mm-warn{color:var(--terminal-amber)}
.account-strip .mm-danger{color:var(--terminal-red)}

#positions-section,
#margin-section,
#ledger-section,
#candidates-section{
  padding:14px!important;
  margin:10px 0!important;
  border-radius:6px!important;
  box-shadow:none!important;
  background:var(--terminal-panel)!important;
}

#positions-section .section-head,
#margin-section .section-head,
#ledger-section .section-head,
#candidates-section .section-head{margin-bottom:10px!important;align-items:center!important}

.section-title{letter-spacing:0!important}
.chain-toolbar{display:flex;gap:8px;align-items:center;justify-content:flex-end;flex-wrap:wrap}
.chain-toolbar select,
.chain-toolbar button,
.chain-toolbar label{
  min-height:34px;
  border:1px solid var(--terminal-line);
  border-radius:5px;
  background:var(--terminal-panel-2);
  color:var(--terminal-text);
  padding:6px 10px;
  font-size:12px;
}
.chain-toolbar label{display:flex;align-items:center;gap:6px;cursor:pointer}
.chain-toolbar input{accent-color:var(--terminal-green)}
.chain-toolbar button{cursor:pointer;font-weight:760}
.chain-toolbar button:hover{border-color:#435163;background:#1c242d}
.chain-toolbar .chain-field{gap:5px;color:var(--terminal-muted)}
.chain-toolbar .chain-field input{
  width:54px;
  min-height:22px;
  border:1px solid #34404c;
  border-radius:4px;
  background:#0f1419;
  color:var(--terminal-text);
  padding:3px 5px;
  font-size:12px;
}
.chain-toolbar .chain-check{color:var(--terminal-text);font-weight:700}

.expiry-tabs{
  display:flex;
  gap:6px;
  overflow-x:auto;
  padding:8px 0 10px;
  scrollbar-width:thin;
}
.expiry-tab{
  flex:0 0 auto;
  min-width:88px;
  border:1px solid var(--terminal-line);
  border-radius:5px;
  background:#11161c;
  color:var(--terminal-muted);
  padding:7px 10px;
  text-align:left;
  cursor:pointer;
}
.expiry-tab strong{display:block;color:var(--terminal-text);font-size:12px;letter-spacing:0}
.expiry-tab span{display:block;font-size:10px;margin-top:2px}
.expiry-tab.active{border-color:var(--terminal-green);background:rgba(68,209,124,.08)}

#candidate-regime{
  display:flex;
  gap:10px;
  align-items:center;
  min-height:28px;
  margin:0 0 8px!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  color:var(--terminal-muted)!important;
  font-weight:600!important;
}

#candidates-section>details.advanced{display:none!important}
.candidate-note{display:none!important}
.candidate-mobile-list{display:none!important}
.candidate-table-wrap,
.terminal-position-wrap{
  display:block!important;
  overflow:auto;
  max-width:100%;
  border:1px solid var(--terminal-line)!important;
  border-radius:5px!important;
  background:#0f1419!important;
}

.candidate-table{
  width:100%;
  min-width:1120px;
  border-collapse:collapse;
  font-variant-numeric:tabular-nums;
}

.terminal-position-table{
  width:100%;
  min-width:940px;
  border-collapse:collapse;
  font-variant-numeric:tabular-nums;
}

.candidate-table th,
.candidate-table td,
.terminal-position-table th,
.terminal-position-table td{
  height:38px;
  padding:6px 9px!important;
  border-bottom:1px solid #222b34!important;
  text-align:right!important;
  vertical-align:middle!important;
  white-space:nowrap;
  font-size:12px!important;
}

.candidate-table th,
.terminal-position-table th{
  position:sticky;
  top:0;
  z-index:3;
  background:#1a2129!important;
  color:#aeb8c5!important;
  font-size:10px!important;
  text-transform:none;
}

.candidate-table th:first-child,
.candidate-table td:first-child,
.terminal-position-table th:first-child,
.terminal-position-table td:first-child{text-align:left!important}

.candidate-table tbody tr:hover,
.terminal-position-table tbody tr:hover{background:rgba(88,183,255,.045)!important}
.candidate-table .price-main{font-size:13px;font-weight:800;color:var(--terminal-text)}
.candidate-table .positive,
.terminal-position-table .positive{color:var(--terminal-green)}
.candidate-table .negative,
.terminal-position-table .negative{color:var(--terminal-red)}
.candidate-table .secondary,
.terminal-position-table .secondary{display:block;color:var(--terminal-muted);font-size:10px;margin-top:1px}
.candidate-table .strike{font-size:13px;font-weight:850;color:var(--terminal-blue)}
.candidate-table .no-quote{color:#5f6b78}
.terminal-position-table .cell-main{display:block;font-size:13px;font-weight:900}
.terminal-position-table .position-buyback,
.terminal-position-table .position-pnl{
  background:rgba(255,255,255,.025);
}
.terminal-position-table .position-buyback{
  color:var(--terminal-amber);
}
.terminal-position-table .position-pnl.positive{
  color:var(--terminal-green);
  background:rgba(68,209,124,.075);
}
.terminal-position-table .position-pnl.negative{
  color:var(--terminal-red);
  background:rgba(255,109,112,.075);
}
.terminal-position-table .position-ann{
  color:var(--terminal-blue);
  font-weight:900;
}

#positions-section>.table-wrap,
#positions-section>#positions-mobile,
#positions-section>.compact-hint{display:none!important}
.terminal-empty{padding:24px;color:var(--terminal-muted);text-align:center}

#margin-section>.compact-hint,
#margin-section>.notice,
#margin-section>details.advanced,
#margin-risk-grid{display:none!important}
#margin-risk-grid .metric{display:block!important}
.terminal-risk{display:block}
.terminal-risk-cards{
  display:grid;
  grid-template-columns:repeat(6,minmax(0,1fr));
  border:1px solid var(--terminal-line);
  border-radius:5px;
  overflow:hidden;
  background:#0f1419;
}
.terminal-risk-card{
  min-width:0;
  padding:11px 12px;
  border-right:1px solid var(--terminal-line);
}
.terminal-risk-card:last-child{border-right:0}
.terminal-risk-card .k{font-size:10px;color:var(--terminal-muted);margin-bottom:5px}
.terminal-risk-card .v{
  font-size:16px;
  font-weight:900;
  line-height:1.2;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.terminal-risk-card .s{font-size:10px;color:var(--terminal-muted);margin-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.terminal-risk-card.emphasis{background:rgba(88,183,255,.055)}
.terminal-risk .mm-ok{color:var(--terminal-green)}
.terminal-risk .mm-warn{color:var(--terminal-amber)}
.terminal-risk .mm-danger{color:var(--terminal-red)}
.terminal-risk-layout{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr);
  gap:10px;
  margin-top:10px;
}
.terminal-risk-block{
  min-width:0;
  border:1px solid var(--terminal-line);
  border-radius:5px;
  background:#0f1419;
  overflow:hidden;
}
.terminal-risk-title{
  padding:9px 11px;
  border-bottom:1px solid var(--terminal-line);
  color:var(--terminal-text);
  font-size:12px;
  font-weight:900;
}
.terminal-table-wrap{overflow:auto;max-width:100%}
.terminal-risk-table{
  width:100%;
  min-width:520px;
  border-collapse:collapse;
  font-variant-numeric:tabular-nums;
}
.terminal-risk-table th,
.terminal-risk-table td{
  height:34px;
  padding:6px 9px;
  border-bottom:1px solid #222b34;
  text-align:right;
  white-space:nowrap;
  font-size:12px;
}
.terminal-risk-table th{
  position:sticky;
  top:0;
  z-index:2;
  background:#1a2129;
  color:#aeb8c5;
  font-size:10px;
}
.terminal-risk-table th:first-child,
.terminal-risk-table td:first-child,
.terminal-risk-table th:nth-child(3),
.terminal-risk-table td:nth-child(3){text-align:left}
.terminal-risk-table .secondary{display:block;color:var(--terminal-muted);font-size:10px;margin-top:1px}
.terminal-risk-note{
  border-top:1px solid var(--terminal-line);
  padding:8px 11px;
  color:var(--terminal-muted);
  font-size:11px;
}

#ledger-section #attribution-body{display:none!important}
.footer-note{margin-top:16px!important;padding-top:12px!important}

@media(max-width:900px){
  .wrap{padding:10px 10px 32px!important}
  .topbar{display:flex!important;align-items:flex-start!important;gap:8px}
  .topbar .title{font-size:18px!important}
  .topbar .subtitle{display:none}
  .quick-nav{margin:0 -10px!important;padding:0 10px!important;overflow-x:auto}
  .terminal-tab{padding:0 13px;white-space:nowrap}
  .account-control-bar .section-head{grid-template-columns:1fr auto!important}
  .account-control-bar .actions{display:flex!important;width:auto!important}
  .account-control-bar .actions .btn{width:auto!important;min-width:0!important}
  .account-strip{grid-template-columns:repeat(3,minmax(0,1fr))}
  .account-strip-item:nth-child(3){border-right:0}
  .account-strip-item:nth-child(-n+3){border-bottom:1px solid var(--terminal-line)}
  #positions-section .section-head,
  #margin-section .section-head,
  #ledger-section .section-head,
  #candidates-section .section-head{display:block!important}
  .chain-toolbar{margin-top:10px;justify-content:flex-start}
  .chain-toolbar select,.chain-toolbar button,.chain-toolbar label{flex:1 1 auto}
  .chain-toolbar .chain-field{flex:1 1 180px}
  .candidate-table-wrap,.terminal-position-wrap{display:block!important}
  .candidate-mobile-list{display:none!important}
  #margin-risk-grid{grid-template-columns:1fr 1fr!important}
  .terminal-risk-cards{grid-template-columns:repeat(3,minmax(0,1fr))}
  .terminal-risk-card:nth-child(3){border-right:0}
  .terminal-risk-card:nth-child(-n+3){border-bottom:1px solid var(--terminal-line)}
  .terminal-risk-layout{grid-template-columns:1fr}
}

@media(max-width:520px){
  .account-strip{grid-template-columns:repeat(2,minmax(0,1fr))}
  .account-strip-item{border-bottom:1px solid var(--terminal-line)!important}
  .account-strip-item:nth-child(even){border-right:0}
  .account-strip-item:nth-last-child(-n+2){border-bottom:0!important}
  .account-strip-item .v{font-size:14px}
  .account-control-bar .section-head{display:block!important}
  .account-control-bar .actions{margin-top:8px}
  #margin-risk-grid{grid-template-columns:1fr!important}
  .terminal-risk-cards{grid-template-columns:repeat(2,minmax(0,1fr))}
  .terminal-risk-card{border-bottom:1px solid var(--terminal-line)!important}
  .terminal-risk-card:nth-child(even){border-right:0}
  .terminal-risk-card:nth-last-child(-n+2){border-bottom:0!important}
  .chain-toolbar .chain-field input{width:48px}
}