/* Operation 8.0 UI refresh: readable trading-terminal scale without changing strategy behavior. */
:root{
  --bg:#080b0f;
  --panel:#0f141a;
  --panel-2:#141a21;
  --panel-3:#19212a;
  --line:#2a333e;
  --line-soft:#202832;
  --text:#f4f7fb;
  --muted:#9da8b6;
  --subtle:#7f8a98;
  --good:#59d79a;
  --bad:#ff747c;
  --warn:#e9b968;
  --accent-blue:#7da9ff;
  --shadow:0 18px 46px rgba(0,0,0,.28);
}

html{
  font-size:15px;
  background:var(--bg);
  -webkit-text-size-adjust:100%;
  text-rendering:optimizeLegibility;
}
html,body,button,select,input{
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
}
body{
  background:radial-gradient(circle at 78% -10%,rgba(80,105,140,.10),transparent 34%),var(--bg)!important;
  color:var(--text);
  line-height:1.45;
}
::selection{background:rgba(125,169,255,.28);color:#fff}
*{scrollbar-width:thin;scrollbar-color:#35404c #0b1015}
*::-webkit-scrollbar{width:10px;height:10px}
*::-webkit-scrollbar-track{background:#0b1015}
*::-webkit-scrollbar-thumb{background:#35404c;border:2px solid #0b1015;border-radius:999px}

/* Shell + navigation */
.app-shell{grid-template-columns:252px minmax(0,1fr)!important}
.sidebar{
  padding:26px 20px!important;
  background:rgba(9,12,16,.96)!important;
  border-right:1px solid var(--line-soft)!important;
  backdrop-filter:blur(18px);
}
.brand-row{gap:13px!important}
.brand-mark{width:52px!important;height:52px!important;border-color:#303944!important;background:#0c1117!important}
.brand-title{font-size:17px!important;font-weight:800!important;letter-spacing:-.02em!important}
.brand-subtitle{font-size:11px!important;color:var(--muted)!important;letter-spacing:.13em!important}
.nav-stack{gap:7px!important;margin-top:36px!important}
.nav-item{
  padding:12px 13px!important;
  border-radius:11px!important;
  color:#aab4c0!important;
  font-size:14px!important;
  font-weight:650!important;
  line-height:1.2!important;
}
.nav-item:hover{background:#131920!important;color:#fff!important;border-color:#28323c!important}
.nav-item.active{background:#18202a!important;border-color:#394756!important;color:#fff!important;box-shadow:inset 3px 0 0 var(--accent-blue)!important}
.nav-link span{font-size:8px!important;padding:3px 6px!important;color:#bac4d0!important;border-color:#46515f!important}

.main-panel{padding:30px 34px 56px!important}
.topbar{margin-bottom:26px!important;gap:24px!important}
.eyebrow,.section-kicker{
  color:#aeb9c6!important;
  font-size:11px!important;
  font-weight:800!important;
  letter-spacing:.13em!important;
  line-height:1.3!important;
}
h1{font-size:32px!important;line-height:1.08!important;letter-spacing:-.035em!important;margin-top:6px!important}
h2{font-size:20px!important;line-height:1.18!important;letter-spacing:-.025em!important}
.status-pill{font-size:13px!important;padding:9px 12px!important;background:#10161c!important;border-color:#2b3540!important;color:#c3ccd6!important}
#clock{font-size:17px!important}
#clockDate{font-size:12px!important;color:var(--muted)!important}

/* Core cards */
.panel{
  padding:20px!important;
  margin-top:14px!important;
  border-radius:15px!important;
  border-color:var(--line-soft)!important;
  background:linear-gradient(180deg,#11171e 0%,#0e1319 100%)!important;
  box-shadow:var(--shadow)!important;
}
.panel-head{gap:18px!important;margin-bottom:18px!important}
.metric-grid{gap:14px!important;margin-bottom:14px!important}
.metric-card{
  min-height:132px!important;
  padding:19px 20px!important;
  border-radius:14px!important;
  background:linear-gradient(160deg,#141b23,#0f141a)!important;
  border-color:#26313c!important;
  box-shadow:0 10px 26px rgba(0,0,0,.18)!important;
}
.metric-label{font-size:13px!important;color:#a8b3c0!important;font-weight:650!important}
.metric-value{font-size:32px!important;margin-top:15px!important;letter-spacing:-.04em!important}
.metric-sub{font-size:12px!important;color:var(--muted)!important;margin-top:10px!important;line-height:1.35!important}
.market-grid{gap:12px!important}
.market-card,.queue-item,.setup-card,.latest-card{
  background:#141a21!important;
  border-color:#28323c!important;
}
.market-card{padding:16px!important}
.market-name{font-size:15px!important}
.market-symbol{font-size:12px!important;color:var(--muted)!important}
.market-price{font-size:27px!important;margin-top:17px!important}
.market-stat span{font-size:11px!important;color:#8f9aa7!important}
.market-stat strong{font-size:13px!important}
.feed-tag{font-size:10px!important;padding:5px 8px!important;color:#aeb8c4!important}
.feed-tag.live{color:var(--good)!important;border-color:rgba(89,215,154,.4)!important;background:rgba(89,215,154,.07)!important}
.queue-item span{font-size:12px!important;color:var(--muted)!important}
.queue-item strong{font-size:23px!important}
.latest-row,.system-list span,.system-list strong{font-size:13px!important}
.empty-state{font-size:13px!important;color:#8f9aa7!important;line-height:1.5!important}

/* Tables and filters */
.table-wrap{border-radius:11px!important;border-color:#28323c!important;background:#0e141a!important}
table{font-variant-numeric:tabular-nums}
th,td{padding:13px 14px!important;font-size:13px!important;border-color:#222b34!important}
th{font-size:11px!important;color:#9da8b5!important;background:#121820!important;letter-spacing:.075em!important;position:sticky;top:0;z-index:1}
tbody tr:hover{background:#151c24!important}
.status-chip{font-size:10px!important;padding:5px 8px!important}
.status-chip.win,.status-chip.open{color:var(--good)!important;border-color:rgba(89,215,154,.4)!important;background:rgba(89,215,154,.06)!important}
.status-chip.loss,.status-chip.invalidated{color:#ff9aa0!important;border-color:rgba(255,116,124,.35)!important}
.status-chip.pending{color:#e8c989!important;border-color:rgba(233,185,104,.35)!important}
.filters{gap:10px!important}
select,input{
  min-height:40px!important;
  padding:9px 11px!important;
  border-radius:9px!important;
  border-color:#33404d!important;
  background:#10161d!important;
  color:#f4f7fb!important;
  font-size:13px!important;
}
select:focus,input:focus,button:focus-visible,a:focus-visible{outline:2px solid rgba(125,169,255,.75)!important;outline-offset:2px!important}
.text-button{font-size:13px!important;color:#cfe0ff!important}

/* Clear status language */
.tiny-chip,.mode-badge{font-size:10px!important;min-height:29px!important;padding:6px 10px!important;border-color:#3a4653!important;background:#131a22!important;color:#e6ebf1!important}
.positive{color:var(--good)!important}.negative{color:var(--bad)!important}

/* Minimal 7.2T surface, upgraded from microtext */
.otr-minimal72t{gap:16px!important}
.otr-minimal72t .otr-status-grid,.otr-minimal72t .otr-performance-grid,.otr-minimal72t .otr-scanner-grid{gap:12px!important}
.otr-minimal72t .otr-status-card,.otr-minimal72t .otr-performance-card,.otr-minimal72t .otr-scanner-card,.otr-minimal72t .otr-macro-card{
  background:linear-gradient(160deg,#141b23,#10161d)!important;
  border-color:#2b3642!important;
  border-radius:14px!important;
  padding:18px!important;
}
.otr-minimal72t .otr-performance-card{min-height:118px!important;padding:17px 18px!important}
.otr-minimal72t .otr-label{font-size:11px!important;color:#98a4b1!important;margin-bottom:9px!important;letter-spacing:.11em!important}
.otr-minimal72t .otr-value{font-size:27px!important}
.otr-minimal72t .otr-performance-value{font-size:29px!important}
.otr-minimal72t .otr-sub{font-size:12px!important;color:#9ba6b3!important;line-height:1.45!important}
.otr-minimal72t .otr-mode{font-size:32px!important}
.otr-minimal72t .otr-section-head h2{font-size:21px!important}
.otr-minimal72t .otr-section-head p{font-size:12px!important;color:#98a4b1!important}
.otr-minimal72t .otr-scanner-card{min-height:202px!important}
.otr-minimal72t .otr-tf{font-size:24px!important}
.otr-minimal72t .otr-direction{font-size:10px!important;padding:5px 9px!important}
.otr-minimal72t .otr-progress{height:7px!important;background:#252e38!important}
.otr-minimal72t .otr-progress-count{font-size:12px!important}
.otr-minimal72t .otr-step{font-size:10px!important;padding:7px 5px!important;color:#76818e!important;border-color:#2b3540!important}
.otr-minimal72t .otr-step.done{color:#e8edf2!important;background:#18202a!important;border-color:#465363!important}
.otr-minimal72t .otr-stage{font-size:13px!important;padding-top:13px!important}
.otr-minimal72t .otr-note{font-size:12px!important;color:#939eaa!important;line-height:1.45!important}
.otr-minimal72t .otr-macro-badge{width:64px!important;height:64px!important;font-size:20px!important;background:#151c24!important}
.otr-minimal72t .otr-macro-direction{font-size:22px!important}
.otr-minimal72t .otr-lab-link{font-size:12px!important;padding:9px 11px!important;color:#dbe4ee!important}

/* Overview Gold chart */
.otr8-live-chart-panel{padding:21px!important}
.otr8-live-chart-head{align-items:center!important}
.otr8-chart-controls{gap:12px!important}
.otr8-chart-controls label{font-size:11px!important;color:#9ca8b5!important;gap:6px!important}
.otr8-chart-controls select{font-size:13px!important;min-width:120px!important;padding:9px 11px!important;background:#10171e!important;border-color:#34404c!important}
.otr8-chart-status{gap:9px!important;margin:12px 0 14px!important}
.otr8-chart-chip{min-height:28px!important;padding:0 10px!important;font-size:10px!important;color:#b0bac5!important;background:#111820!important;border-color:#34404b!important}
.otr8-chart-chip.live,.otr8-chart-chip.replay,.otr8-chart-chip.good{color:var(--good)!important;border-color:rgba(89,215,154,.38)!important;background:rgba(89,215,154,.05)!important}
.otr8-chart-chip.warn{color:var(--warn)!important;border-color:rgba(233,185,104,.38)!important}
.otr8-chart-shell{gap:14px!important}
.otr8-chart-card,.otr8-plan-card,.otr8-tape-card{background:#0c1218!important;border-color:#28333e!important;border-radius:12px!important}
.otr8-chart-title{padding:14px 15px 2px!important}
.otr8-chart-title strong{font-size:15px!important}
.otr8-chart-title span{font-size:12px!important;color:#a7b1bd!important}
#otr8OverviewCanvas{image-rendering:auto;filter:contrast(1.025)}
.otr8-chart-empty{font-size:13px!important;color:#8b96a2!important}
.otr8-plan-card,.otr8-tape-card{padding:16px!important}
.otr8-side-kicker{font-size:10px!important;color:#94a0ad!important;letter-spacing:.11em!important}
.otr8-plan-title{margin-top:7px!important;gap:10px!important}
.otr8-plan-title strong{font-size:17px!important;line-height:1.2!important}
.otr8-plan-title span{font-size:10px!important;padding:5px 8px!important;color:#b8c1cb!important}
.otr8-plan-grid{gap:9px!important;margin-top:14px!important}
.otr8-plan-grid div{padding:11px!important;background:#121920!important;border-color:#26313b!important}
.otr8-plan-grid span{font-size:10px!important;color:#8f9aa7!important}
.otr8-plan-grid strong{font-size:14px!important;margin-top:5px!important}
.otr8-decision-tape{gap:9px!important;margin-top:12px!important;max-height:390px!important}
.otr8-decision-row{grid-template-columns:76px minmax(0,1fr) auto!important;gap:10px!important;padding-top:9px!important;border-color:#202932!important}
.otr8-decision-row time{font-size:10px!important;color:#8d98a5!important}
.otr8-decision-row strong{font-size:12px!important;color:#e9edf2!important}
.otr8-decision-row small{font-size:11px!important;color:#9ba6b2!important;line-height:1.4!important;margin-top:3px!important;white-space:normal!important}
.otr8-decision-row b{font-size:9px!important;padding:5px 7px!important}
.otr8-chart-legend{gap:16px!important;padding:2px 15px 14px!important;font-size:11px!important;color:#9ca7b3!important}

/* Full execution chart */
.execution-chart-panel{padding:21px!important}
.execution-chart-filters{gap:10px!important}
.execution-chart-filters label{font-size:11px!important;color:#9ca8b5!important;gap:6px!important}
.execution-chart-title{min-height:58px!important;padding:11px 14px!important;background:#111820!important;border-color:#26313a!important}
.execution-chart-title strong{font-size:15px!important}
.execution-chart-title span:not(.chart-last-price){font-size:11px!important;color:#9da8b5!important}
.chart-last-price{font-size:17px!important}
.chart-status-row{gap:8px!important;min-height:31px!important;margin:-3px 0 15px!important}
.chart-status-chip{min-height:27px!important;padding:4px 9px!important;font-size:10px!important;background:#121920!important;border-color:#34404b!important;color:#adb7c2!important}
.chart-status-chip.is-live,.chart-status-chip.is-replay,.chart-status-chip.is-synced{color:var(--good)!important;border-color:rgba(89,215,154,.38)!important}
.chart-updated{font-size:11px!important;color:#9aa5b2!important}
.execution-chart-grid{gap:12px!important}
.execution-chart-card{background:#0c1218!important;border-color:#28333e!important}
.execution-canvas-wrap canvas{image-rendering:auto;filter:contrast(1.025)}
.chart-empty{font-size:13px!important;color:#8b96a2!important}
.chart-tooltip{font-size:11px!important;line-height:1.45!important;padding:8px 10px!important;border-color:#3a4653!important;background:rgba(10,14,19,.96)!important;color:#e6ebf1!important}
.execution-legend{font-size:11px!important;color:#9ca7b3!important;gap:15px!important}
.chart-activity-list{gap:10px!important}
.chart-activity-item{padding:13px!important;background:#121920!important;border-color:#27323c!important}
.chart-activity-item strong{font-size:13px!important}
.chart-activity-item small{font-size:11px!important;color:#9da8b5!important}
.chart-activity-value{font-size:13px!important}
.chart-activity-value span{font-size:11px!important;color:#9da8b5!important}

/* Responsive scale */
@media(max-width:1180px){
  .app-shell{grid-template-columns:1fr!important}
  .sidebar{padding:16px 20px!important}
}
@media(max-width:760px){
  html{font-size:14px}
  .main-panel{padding:20px 14px 38px!important}
  h1{font-size:28px!important}
  h2{font-size:19px!important}
  .metric-value{font-size:29px!important}
  .otr-minimal72t .otr-status-grid,.otr-minimal72t .otr-performance-grid{grid-template-columns:1fr 1fr!important}
  .otr8-chart-shell{grid-template-columns:1fr!important}
  .otr8-decision-row{grid-template-columns:66px minmax(0,1fr)!important}
  .otr8-decision-row b{grid-column:2;justify-self:start}
}
@media(max-width:520px){
  .metric-grid,.otr-minimal72t .otr-performance-grid,.otr-minimal72t .otr-status-grid{grid-template-columns:1fr!important}
  .metric-card{min-height:112px!important}
  .otr8-plan-grid{grid-template-columns:1fr 1fr!important}
  th,td{padding:12px!important}
}