/* DrTrAdE institutional research system — Quant & Prop share one visual language.
 * Neutral slate trading charts, compact tools and auditable statistics; never fake live equity.
 */
:root{--it-bg:#0b111a;--it-rail:#0e1622;--it-surface:#121e2d;--it-raised:#182638;
 --it-line:#2b3a4d;--it-subtle:#8d9eaf;--it-ink:#dfe8f0;--it-teal:#74b8ad;
 --it-steel:#9ca4c7;--it-negative:#db8892;--it-positive:#77b79d}
html{scroll-behavior:smooth}
body{background:#0b111a;color:var(--it-ink);font-size:13px}
body .sidebar{background:#0d1521;border-right:1px solid var(--it-line)}
body .brand-icon,body .owner-icon{background:#21364a;border:1px solid #53697c;box-shadow:none;border-radius:7px}
body .brand small{color:#93acae}
body .nav a{border-radius:6px;color:#a2b5c8}
body .nav a:hover{background:#19283a}
body .nav a.active{background:#243950;border-color:#3c5771;box-shadow:none}
body .nav .ico{color:#8da9bf}
body .data-card{border-color:#33475b;background:#131f2e;box-shadow:none}
body .data-card strong,body .data-card li span{color:#91bcb4}
body .hero{background:#0d1623;border-color:var(--it-line);height:100px}
body .hero:before,body .space,body .hero-tag{display:none!important}
body .hero h2 em{color:#bac6d8;background:none}
body .hero .strap{color:#869aad}
body .panel,body .result-box,body .sf-overview-chart,body .sf-dashboard-rail{box-shadow:none!important}
body .panel{border-color:var(--it-line);border-radius:8px;background:#0f1a29}
body .btn{border-radius:5px}
body .btn.accent,body .btn.primary{box-shadow:none}
body .kpi strong,body .sf-hud-tile strong,body .sf-hud-streak strong{filter:none;text-shadow:none!important}
body .results-section .panel-head h3{font-size:16px;letter-spacing:.2px}
body .result-tabs{gap:4px;flex-wrap:wrap;border-bottom:1px solid #334458;padding-bottom:8px}
body .result-tabs .tab{border-radius:4px;border:1px solid #344558;background:#132234;color:#b6c7d8;box-shadow:none!important}
body .result-tabs .tab.on{background:#2a3f55;border-color:#5c748b;color:#f3f7fb}
body .result-view .result-box{border-radius:7px!important;background:#0f1c2a!important;border-color:#314357!important}
body #results .sf-rail-kpis .kpi,body #results .sf-hud-streak,body #results .sf-hud-tile{
 background:#132337!important;border-color:#314459!important;border-radius:6px!important;box-shadow:none!important
}
body #results .sf-rail-header,body #results .sf-stage-head{border-color:#344354!important}
body #results .sf-rail-tag,body #results .sf-stage-tag{background:#17312f!important;border-color:#315e57!important;color:#93c9ba!important;box-shadow:none!important}
body #results .sf-overview-chart{border-radius:8px!important}
body #results .combo-curve-panel{border-radius:6px!important;border-color:#314255!important;padding:14px!important;background:#0b1422!important}
body #results .combined-curve{height:auto!important;min-height:250px;display:block;width:100%;background:#0b1422;border:1px solid #243447;border-radius:3px}
body #results .sf-curve-focus{background:#142334!important;color:#a9bdcc!important;border-color:#385064!important;border-radius:4px!important}
body #results .sf-curve-focus[aria-pressed="true"]{color:#ecf3f8!important;border-color:#7d9aab!important}
body #results .sf-curve-focus[data-curve="equity"] i{border-color:#a3a4c8!important}
body #results .sf-curve-focus[data-curve="balance"] i{border-color:#79bcb3!important}
body #results .sf-curve-tooltip{border-radius:5px;background:#111e2e!important;box-shadow:0 8px 28px #000a!important}
body #results .sf-chart-reveal{stroke-linecap:round!important;animation:none!important;filter:none!important}
body #results #sfMonthlyReturns .sf-month-chip{border-radius:5px;box-shadow:none!important}

/* Compact utility drawer + unambiguous push status. */
.terminal-utility-strip{height:48px;display:flex;justify-content:space-between;align-items:center;gap:12px;
 background:#101a27;border-bottom:1px solid #293c4e;margin:0 -15px;padding:0 19px;position:relative;z-index:12}
.terminal-environment{font:650 10px/1.3 "Segoe UI",system-ui,sans-serif;letter-spacing:1px;color:#a7bacc}
.terminal-status-dot{display:inline-block;vertical-align:middle;width:6px;height:6px;border-radius:100%;background:#72b8a9;margin-right:7px}
.terminal-environment-sub{font-weight:400;color:#71879c;letter-spacing:.2px}
.terminal-tools{display:flex;align-items:center;gap:10px}
.terminal-alert-bell{border:1px solid #6c3e4b;display:flex;align-items:center;gap:7px;
 padding:7px 11px;background:#2e1e2a;color:#f0a3ae;border-radius:5px;font-size:11px;font-weight:700}
.terminal-alert-bell svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.terminal-alert-bell.is-enabled{background:#17352f;border-color:#427568;color:#95dbbf}
.terminal-alert-bell.is-local{background:#302a1b;border-color:#71633e;color:#d8bc7f}
.terminal-utility-menu{position:relative}
.terminal-utility-menu summary{cursor:pointer;list-style:none;color:#b5c6d8;border:1px solid #3b4b5f;background:#172637;
 padding:7px 11px;border-radius:5px;font-size:11px;font-weight:650}
.terminal-utility-menu summary::-webkit-details-marker{display:none}
.terminal-utility-menu[open] summary{background:#26394d;border-color:#637d92}
.terminal-utility-menu>.pwa-tools{position:absolute;right:0;top:calc(100% + 10px);z-index:60;display:flex!important;
 flex-direction:column!important;align-items:stretch!important;gap:8px!important;min-width:300px;max-width:min(380px,calc(100vw - 35px));
 max-height:80vh;overflow:auto;margin:0!important;padding:17px!important;border:1px solid #496178!important;
 border-radius:8px!important;background:#111e2e!important;box-shadow:0 15px 40px #000b!important}
.terminal-utility-menu .pwa-tools .btn{display:block;width:100%;text-align:center}
.terminal-utility-menu .pwa-tools-title{display:block!important;margin:0 0 6px}
.terminal-utility-menu .pwa-tools-title b{display:block}
.terminal-utility-menu .pwa-tools-title small{display:block;color:#9badc0;font-size:11px;max-width:300px;overflow-wrap:anywhere}
.terminal-sync-notice{margin:12px 0;padding:12px 16px;border-left:3px solid #7bbeb2;background:#17332f;
 display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;font-size:12px}
.terminal-sync-notice button{border:1px solid #689c90;background:#214943;color:#def9ed;padding:9px 12px;border-radius:4px}
#runProgress.progress-indeterminate{color:#a7c9bf;position:relative}
#runProgress.progress-indeterminate:before{content:"";display:inline-block;margin-right:8px;width:7px;height:7px;border:2px solid #506778;
 border-top-color:#8dcdc0;border-radius:50%;vertical-align:middle;animation:terminal-spin .9s linear infinite}
@keyframes terminal-spin{to{transform:rotate(360deg)}}

/* Main dashboard prop assessment lives directly under performance statistics. */
#results .prop-rail-check{border-top:1px solid #304257;margin:14px 0 0;padding-top:13px}
#results .prop-rail-header{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:11px}
#results .prop-rail-header strong{letter-spacing:.7px;color:#cedce8}
#results .prop-rail-header a{color:#9fcbc3;font-size:11px}
#results .prop-rail-firm{display:flex;justify-content:space-between;align-items:center;gap:8px;border-bottom:1px solid #2c3d50;padding:9px 0;font-size:11px}
#results .prop-rail-firm span{color:#c1d3e0}
#results .prop-rail-firm b{color:#9fc9ba;font-size:10px;font-variant-numeric:tabular-nums}
#results .prop-rail-firm b.is-danger{color:#e09aa6}
#results .prop-rail-pending{font-size:11px;color:#a5b7c8;line-height:1.6}
#results .prop-quick-terminal{grid-column:1/-1;padding:20px 21px;border:1px solid #37495c;background:#111e2c;border-radius:7px;margin:8px 0 18px}
#results .prop-terminal-title{display:flex;align-items:center;justify-content:space-between;gap:15px;flex-wrap:wrap}
#results .prop-terminal-kicker{font-size:10px;letter-spacing:.9px;color:#83b4ae;font-weight:800}
#results .prop-terminal-title h3{margin:5px 0 0;font-size:18px;color:#dce7f0}
#results .prop-terminal-open{border:1px solid #557185;color:#cbe1e5;background:#1a2c3c;padding:10px 12px;border-radius:4px;font-size:12px}
#results .prop-terminal-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:18px}
#results .prop-terminal-firm{background:#142437;padding:17px;border:1px solid #354c61;border-radius:6px;display:flex;flex-direction:column;gap:8px;min-width:0}
#results .prop-terminal-firm strong{font-size:15px;color:#f1f6fc}
#results .prop-terminal-firm .prop-terminal-state{font-size:12px;color:#a5cfbf;font-weight:650}
#results .prop-terminal-firm.prop-terminal-failed .prop-terminal-state{color:#e5a5ac}
#results .prop-terminal-firm small{color:#9aadc0;font-size:11px;line-height:1.6}
#results .prop-terminal-pending{font-size:12px;color:#a7b8c9}

/* Standalone Prop Lab: same system, a separate focused institutional workspace. */
body.prop-workspace{background:#0b111a!important;color:#e1e9f2!important}
body.prop-workspace .pw-shell{font:400 14px/1.55 "Segoe UI",Inter,system-ui,sans-serif;color:#dfe6ef}
body.prop-workspace main.app{max-width:1570px!important;width:min(100% - 50px,1570px)!important;padding:26px 0!important}
body.prop-workspace .pw-header{background:#111c2b;border:1px solid #324458;border-radius:7px;padding:29px 32px!important;align-items:center}
body.prop-workspace .pw-header h1{font-size:clamp(29px,3.1vw,42px)!important;line-height:1.1;color:#e9f0f5;margin:8px 0}
body.prop-workspace .pw-header small{font-size:11px;letter-spacing:1.3px;color:#8bbeb4}
body.prop-workspace .pw-header p{font-size:14px;color:#a6b7c9}
body.prop-workspace .pw-header .pw-link{padding:11px 13px;background:#17293b;border:1px solid #446075;border-radius:5px}
body.prop-workspace .pw-nav{border-bottom:1px solid #374a60;padding:10px 0 14px;margin:16px 0 20px;gap:5px}
body.prop-workspace .pw-nav button{padding:11px 14px;background:none;border:1px solid transparent;color:#a7b9ca;border-radius:4px}
body.prop-workspace .pw-nav button[aria-current="page"]{color:#eaf3f7;background:#243a4c;border:1px solid #527184}
body.prop-workspace .pw-notice{background:#152b32;border-left:3px solid #579b91;border-radius:2px;color:#c7ddd9;font-size:12px;margin:0 0 11px}
body.prop-workspace .pw-live-sync{display:flex;gap:10px;align-items:center;padding:10px 12px;border:1px solid #34465a;background:#122032;border-radius:5px;color:#a8b8c9;font-size:11px}
body.prop-workspace .pw-live-sync.is-ready{border-color:#416b65;color:#b6d9d2}
body.prop-workspace .pw-sync-light{width:7px;height:7px;flex:none;border-radius:50%;background:#7f8895}
body.prop-workspace .pw-live-sync.is-ready .pw-sync-light{background:#7bc0b3}
body.prop-workspace .pw-live-sync button{margin-left:auto;padding:6px 10px;min-height:33px;border-color:#537e77;color:#d5eee4;background:#1b393b}
body.prop-workspace .pw-view{padding:23px 0 40px}
body.prop-workspace .pw-view h2{font-size:clamp(25px,2.8vw,33px);letter-spacing:-.55px}
body.prop-workspace .pw-choices{gap:18px;margin:25px 0 22px}
body.prop-workspace .pw-shell .pw-choice{background:#122032;border:1px solid #334d62;border-radius:6px;min-height:238px;padding:28px 30px;box-shadow:none}
body.prop-workspace .pw-shell .pw-choice:hover{background:#1b3143;border-color:#6a8797}
body.prop-workspace .pw-choice strong{font-size:23px}
body.prop-workspace .pw-choice small{color:#92bfb5}
body.prop-workspace .pw-choice b{color:#a6d4c9}
body.prop-workspace .pw-card,body.prop-workspace .pw-settings .pw-fields{background:#121f30!important;border:1px solid #34475b!important;border-radius:6px!important;padding:21px!important}
body.prop-workspace .pw-metric,body.prop-workspace .pw-firm-card,body.prop-workspace .pw-chart{background:#122033!important;border:1px solid #32475e!important;border-radius:5px!important}
body.prop-workspace .pw-metric strong{color:#e7edf5;font-variant-numeric:tabular-nums;text-shadow:none}
body.prop-workspace .pw-firm-card[aria-pressed="true"]{border-color:#77aca2!important;background:#1b323e!important}
body.prop-workspace .pw-shell .pw-primary{background:#326d69;color:#f4fbf9;border:1px solid #478e89;box-shadow:none}
body.prop-workspace .pw-shell button{border-radius:5px}
body.prop-workspace .pw-chart{background:#0b1522!important;padding:10px 12px}
body.prop-workspace .pw-chart svg{background:#0b1522}
body.prop-workspace .pw-tabs button[aria-pressed="true"]{background:#294153;color:#e6f4ed}
body.prop-workspace .pw-table th{background:#1d3042;color:#bcd0db;font-size:12px}
body.prop-workspace .pw-table td{background:#101c2a;border-top:1px solid #2c3d50;font-size:12px}
body.prop-workspace .pw-shell .pw-warning{border-radius:3px}
body.prop-workspace .pw-terminal-overview{margin-top:22px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
body.prop-workspace .pw-terminal-stat{background:#111f30;border:1px solid #34475c;border-radius:6px;padding:17px;min-width:0}
body.prop-workspace .pw-terminal-stat small{display:block;color:#92aabf;font-size:11px;text-transform:uppercase;letter-spacing:.5px}
body.prop-workspace .pw-terminal-stat strong{display:block;margin:10px 0 4px;color:#dfeaf2;font-size:20px;font-variant-numeric:tabular-nums}
body.prop-workspace .pw-terminal-stat span{display:block;color:#95abbc;font-size:11px;line-height:1.5}
body.prop-workspace .pw-view .pw-muted{color:#9dacc0}
@media(max-width:960px){
 #results .prop-terminal-grid{grid-template-columns:1fr}
 body.prop-workspace .pw-terminal-overview{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:650px){
 .terminal-environment-sub{display:none}
 .terminal-utility-strip{height:auto;min-height:48px;padding:7px 10px;margin:0 -15px}
 .terminal-environment{font-size:8px}
 .terminal-alert-bell{padding:7px}
 .terminal-alert-bell span{display:none}
 .terminal-utility-menu summary{font-size:10px;padding:8px}
 #results .prop-quick-terminal{padding:14px}
 #results .prop-terminal-title{align-items:flex-start;flex-direction:column}
 #results .prop-terminal-open{width:100%;text-align:center}
 #results .combined-curve{min-height:190px!important}
 body.prop-workspace main.app{width:calc(100% - 22px)!important;padding:10px 0!important}
 body.prop-workspace .pw-header{padding:20px 17px!important}
 body.prop-workspace .pw-terminal-overview{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
 body.prop-workspace .pw-terminal-stat{padding:12px}
 body.prop-workspace .pw-terminal-stat strong{font-size:16px}
 body.prop-workspace .pw-nav{gap:3px}
 body.prop-workspace .pw-nav button{padding:9px 8px;font-size:11px}
}
@media(prefers-reduced-motion:reduce){#runProgress.progress-indeterminate:before{animation:none}}
