/* STRATREX | Visual identity 1.0 — overrides only, business logic unchanged
   Gold is the navigational accent, not a profit guarantee.
   Preserve accessibility, small-screen ergonomics and reduced-motion preferences. */
:root {
  color-scheme:dark;
  --bg:#080808;--panel:#151515;--panel2:#1d1b18;
  --border:#33302a;--muted:#a9a39a;--white:#f4f0e8;
  --accent:#d4af37;--green:#61c99a;--blue:#e6c16a;--danger:#e88888;
  font-family:"DM Sans",Arial,sans-serif;color:#eee9dd;background:#080808;
}
html{background:#080808;scrollbar-color:#584a2d #0b0b0b}
body{background:radial-gradient(ellipse 780px 400px at 95% -150px,#44301318,transparent 80%),#080808;color:#eee9dd}
*{scrollbar-color:#4f4128 #0b0b0b}
button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid #e1b957;outline-offset:3px}
::selection{background:#85652a;color:#fff}
.sidebar{width:262px;background:#0d0d0d;border-right:1px solid #29251d;padding:25px 15px 22px}
.brand{display:flex;flex-direction:column;align-items:flex-start;gap:5px;padding:5px 10px 36px}
.stratrex-sidebar-wordmark{display:block;width:204px;max-width:100%;height:auto;aspect-ratio:3.02/1;object-fit:contain;object-position:left center;mix-blend-mode:screen}
.stratrex-brand-caption{font-size:9px;letter-spacing:.24em;color:#bda66e;padding-left:5px;line-height:1.5}
.nav-group{padding-top:7px}
.nav-label,.mini-label,.eyebrow{color:#ad8c4d;letter-spacing:2.15px;font-size:10px}
.nav-label{color:#8b806a;padding:0 13px 14px}
.nav-item{color:#b4aca0;border-radius:8px;font-weight:600;letter-spacing:.04px;padding:13px 12px;border:1px solid transparent;transition:background .17s,border-color .17s,color .17s}
.nav-item:hover{background:#1e1b15;color:#fff1c7}
.nav-item.selected{background:linear-gradient(94deg,#292315,#141310);color:#efd392;border:1px solid #70562880;box-shadow:inset 3px 0 #dbad47}
.nav-icon{color:#aa8d54}
.sidebar-bottom{padding-top:12px}
.strategy-note{border-radius:10px;background:linear-gradient(165deg,#211b12,#121211);border:1px solid #4b3c23;padding:17px}
.strategy-note .mini-label{color:#d8b867}
.strategy-visual div{background:#e0bc67}.strategy-visual div+div{background:#8e723c}
.strategy-split{color:#bcae92}.strategy-split strong{color:#e9d09c}
.strategy-note p{color:#9c907d}.logout{color:#aa9e88}.logout:hover{color:#f4d892}
.topbar{height:72px;background:#0e0e0eea;border-bottom:1px solid #2f2920}
.topbar-left{color:#ad9d7e;letter-spacing:1.8px}
.online-dot{background:#b99442;box-shadow:0 0 11px #c39a5d80}
.user-badge>span{background:#292217;color:#ebce83;border-radius:50%;border:1px solid #5a492b}
.user-badge small{color:#9b8f79}
.icon-button{background:#1e1b16;border:1px solid #54442b;color:#e6c574}
.content{max-width:1500px;padding:43px 42px 24px}
.page-heading{margin-bottom:28px}
.page-heading h1{font-size:clamp(27px,3vw,43px);font-weight:700;letter-spacing:-1.65px}
.page-heading h1 span{color:#d2ab4e}
.page-heading p:not(.eyebrow){color:#aaa195;line-height:1.6}
.btn{border-radius:7px;font-weight:700;letter-spacing:.12px;box-shadow:none;transition:transform .18s,filter .18s,border-color .18s}
.btn-primary{background:linear-gradient(135deg,#f1d47e 0%,#c99b3c 58%,#a77b27 100%);color:#141006;border:1px solid #e3bd62;box-shadow:inset 0 1px #fff4c27a}
.btn-secondary{background:#1b1915;border-color:#50432c;color:#eedfc1}
.btn-secondary:hover{border-color:#b99755}
.btn-danger{background:#402122;border-color:#864849;color:#ffdfdf}
.metric{border-radius:12px;border:1px solid #373025;background:linear-gradient(144deg,#1b1915,#111111 80%);box-shadow:0 13px 35px #00000035}
.hero-metric{min-height:216px;padding:26px 27px}
.hero-metric:before{background:radial-gradient(circle,#c2913c1c,transparent 68%)}
.hero-metric.recovery{background:linear-gradient(145deg,#1c1b17,#111211 86%);border-color:#4b422f}
.hero-metric.recovery:before{background:radial-gradient(circle,#a88d441e,transparent 70%)}
.metric-top{color:#d0c0a4}
.round-icon{background:#46361b55;border:1px solid #96713966;border-radius:7px;color:#e5b75f}
.recovery .round-icon{background:#42391e80;border-color:#8a6e3880;color:#e2c075}
.big-value{font-variant-numeric:tabular-nums;letter-spacing:-1.6px}
.recovery .big-value{color:#ead29a}
.hero-metric p{color:#9e9486}
.metric-footer{color:#a29a8b}
.metric-footer strong{color:#ddba69}
.progress-track{background:#332c1b}
.progress-fill{background:linear-gradient(90deg,#8b6b30,#eac36a)}
.small-metric{background:#141310;border-color:#302b22}
.small-metric>span{color:#b7ab96}.small-metric small{color:#8c8171}
.section-head{margin:37px 0 16px}
.section-head h2,.card-heading h3{font-weight:700}
.small-link{color:#d6ad58}
.wallet{border-radius:10px;background:#171511;border:1px solid #443821}
.wallet-green{background:linear-gradient(144deg,#1a221b,#141612);border-color:#384a35}
.wallet-blue{background:linear-gradient(144deg,#242017,#151410);border-color:#60502b}
.wallet-head span{border-radius:6px;background:#3b332050;color:#ddb759}
.wallet-blue .wallet-head span{background:#4f3d1c;color:#e7c477}
.wallet-neutral .wallet-head span{background:#332c21;color:#d0bd93}
.wallet-head p{color:#c7bda9}.wallet small{color:#a29581}
.platform-card{background:linear-gradient(166deg,#1b1915,#101010 86%);border-color:#3a3021;border-radius:11px}
.platform-icon{background:#3d301d;color:#e0bc6b;border-color:#59492b}
.platform-title small,.platform-data small{color:#a79b87}
.platform-card .principal-value,.platform-data strong{color:#eee7d6}
.status-pill{background:#2c291c;color:#dfc787;border-color:#5b4a2a}
.status-pill.paused{background:#2d261d;color:#d9b17c}
.status-pill.archived{background:#242424;color:#b3aba0}
.platform-fee,.setup-block,.plan-preview,.tier-caption,.surface-card,.empty-state,.notice{background:#171512;border-color:#453927;color:#e9ddc7}
.setup-block .plan-preview{background:#211c15}
.setup-heading,.setup-caption,.field-explain,.platform-fee span,.platform-fee strong,.tier-caption{color:#c6b28d}
[data-fixed-section] .field-explain{background:#211d16;border-color:#4c3c24;color:#d1b989}
.surface-card{border-radius:11px}
.weekly-stat strong{color:#ead6a8}
.soft-pill{background:#2a241b;color:#dfbd70;border-color:#5d4829}
.footnote,.recent-row small{color:#a09688}
.recent-icon{background:#322719;color:#e1b65f}
.positive{color:#74cda0}.negative{color:#ee9390}
.notice{border-radius:9px}.notice span{color:#d6b15c}
.table-card{border-color:#403626}
th{background:#191611;color:#c7b48e;border-color:#342d22}
td{border-color:#2c2924}td small{color:#a79b89}
.page-footer{border-color:#2e2920;color:#898273}
.minute-clock-panel{background:radial-gradient(circle at 92% 17%,#7a572021,transparent 39%),linear-gradient(125deg,#201a12,#10100f 74%);border:1px solid #584426;border-radius:12px;box-shadow:0 16px 40px #0004}
.minute-clock-copy h2{color:#f3ecde}
.minute-clock-copy>p:not(.minute-clock-disclaimer){color:#b8a991}
.minute-clock-primary span,.minute-clock-secondary span{color:#bdad94}
.minute-clock-primary strong{color:#efd18a}
.minute-clock-secondary strong{color:#eee1c7}
.minute-clock-disclaimer{color:#a99a80}
.minute-clock-ring{background:conic-gradient(#e5ba5c var(--minute-progress),#42341f var(--minute-progress));box-shadow:0 0 25px #ac7d3030}
.minute-clock-inner{background:#14120e;border-color:#605031}
.minute-clock-seconds{color:#f6e3b3}
.minute-clock-unit{color:#a99a80}
.minute-clock-status{color:#e3c277}.minute-clock-status.idle{color:#ac9a80}
.minute-clock-cycles,.minute-clock-cycles strong{color:#c9b998}
.modal-backdrop{background:#000c}
.modal{background:#12110f;border:1px solid #534326;box-shadow:0 30px 85px #000b}
.modal-header{border-color:#3b3020}
.modal-close{background:#28231b;color:#d8bd82;border-color:#614c2d}
.field>span{color:#cbb98e}
.field input,.field select,.field textarea{background:#0c0c0b;border:1px solid #4b4030;border-radius:7px;color:#f3ead8}
.field input::placeholder,.field textarea::placeholder{color:#837b6c}
.field input:focus,.field select:focus,.field textarea:focus{border-color:#c5a150;box-shadow:0 0 0 3px #a4812622}
.modal-context,.form-note{color:#ad9e85}
.toast{background:#2d2416;color:#f6e1ac;border:1px solid #7d6032}
.toast.error{background:#472626;border-color:#994b4b;color:#ffe7e7}
.auth-screen{background:#080808}
.auth-decor{padding:54px clamp(32px,5.5vw,100px);background:radial-gradient(circle at 40% 24%,#805d1d1c,transparent 52%),linear-gradient(155deg,#15120c,#090909 74%);border-right:1px solid #3e3020}
.stratrex-auth-identity{display:block;width:min(390px,90%);max-height:370px;object-fit:contain;object-position:left center;mix-blend-mode:screen;filter:drop-shadow(0 16px 30px #a8751725);margin:0 0 20px}
.auth-decor h1{font-size:clamp(37px,4vw,68px);font-weight:700;line-height:1.14}
.auth-decor h1 em{color:#e2bd69}
.auth-decor>p{color:#bbb09b}
.auth-tags span{border-color:#6a532c;color:#d3be8d;background:#3b2e151c}
.auth-panel{background:#0d0c0b}
.auth-form-wrap h2{font-weight:700}
.auth-switch,.muted{color:#a99d88}
.text-button{color:#e0b55c}
.small-note{color:#90846f}
.mobile-logo img{width:185px;height:auto;mix-blend-mode:screen}
@media(max-width:1200px){.sidebar{width:226px}.stratrex-sidebar-wordmark{width:184px}.content{padding:32px 26px}}
@media(max-width:780px){
 .sidebar{display:none}.content{padding:26px 17px 105px}
 .topbar{background:#10100f;border-color:#31291e}
 .mobile-nav{background:#0b0b0b;border-top:1px solid #51432b;height:70px}
 .mobile-nav button{color:#a49b8c}.mobile-nav button.selected{color:#f0c86e}
 .auth-panel{background:radial-gradient(circle at 50% -5%,#4b331020,transparent 55%),#0c0b0a}
 .mobile-logo{display:flex;margin-bottom:38px}
 .hero-metric{min-height:171px;padding:21px}
 .minute-clock-panel{padding:20px 18px;border-radius:10px}
 .minute-clock-ring{width:135px;height:135px}
}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}


/* STRATREX / Finishing system V1.1 | 2026-11-03
   Visual-only changes: calculations, events, records and auth stay unchanged. */
.stratrex-brand-composed{display:flex;flex-direction:row;align-items:center;gap:9px;padding:3px 5px 38px}
.stratrex-brand-caption-wrap{display:flex;flex-direction:column;align-items:flex-start;min-width:0;gap:0}
.stratrex-sidebar-emblem{width:48px;height:49px;object-fit:contain;mix-blend-mode:screen;flex:0 0 auto}
.stratrex-sidebar-wordmark{width:150px;max-width:100%;aspect-ratio:3/1;object-fit:contain}
.stratrex-brand-caption{padding-left:1px;letter-spacing:1.6px;font-size:8px}
.stratrex-topbar-wordmark{display:none;object-fit:contain;mix-blend-mode:screen}
.stratrex-auth-identity{width:min(450px,96%);max-height:435px;object-position:center;display:block;margin:0 auto 13px}
.auth-decor{background:radial-gradient(ellipse at 45% 42%,#59431424,transparent 56%),#050505}
.auth-decor .eyebrow{color:#b89b59;font-size:10px;letter-spacing:2.6px}
.auth-decor h1{font-size:clamp(35px,3.5vw,52px);line-height:1.16;letter-spacing:-1.5px;font-weight:690;margin:16px 0 0}
.auth-decor h1 em{color:#e0bd67}
#authSubtitle{display:none}
.auth-form-wrap .stack{margin-top:25px}
.auth-form-wrap h2{font-size:clamp(25px,2.5vw,32px)}
.mobile-logo{flex-direction:column}
.stratrex-mobile-tagline{color:#d5b56c;font-size:13px;font-weight:600;letter-spacing:.01em;text-align:center}
.minute-clock-panel{min-height:260px;gap:35px;background:radial-gradient(ellipse at 84% 3%,#6b501626,transparent 56%),linear-gradient(125deg,#1c1811,#0e0e0d 75%);border:1px solid #6b522e;border-radius:14px;box-shadow:inset 0 1px 0 #8b6d2824,0 15px 44px #0006}
.minute-clock-copy h2{font-size:clamp(24px,2.3vw,30px);letter-spacing:-.03em;color:#f4e8ca}
.minute-clock-copy>p:not(.minute-clock-disclaimer){display:none}
.minute-clock-totals{gap:18px}
.minute-clock-primary strong{font-size:clamp(30px,3.2vw,42px);color:#ead08d;text-shadow:0 0 24px #bb8e3d23}
.minute-clock-disclaimer{font-size:10px;margin-top:19px;line-height:1.45;color:#9d937d}
.minute-clock-ring{position:relative;width:186px;height:186px;padding:9px;background:conic-gradient(from -90deg,#e8c777 0%,#e8c777 var(--minute-progress),#403321 var(--minute-progress),#403321 100%);box-shadow:0 0 0 1px #82652f,0 0 0 9px #b19b2810,0 0 37px #d9a43632,inset 0 0 12px #e3b55555}
.minute-clock-ring:after{content:"";position:absolute;inset:-14px;border:1px solid #b895463e;border-radius:50%;pointer-events:none}
.minute-clock-inner{background:radial-gradient(circle at 43% 26%,#312918,#0c0c0b 73%);border:1px solid #70572c;box-shadow:inset 0 1px 10px #bb934225}
.minute-clock-seconds{font-size:67px;letter-spacing:-2.5px;color:#f5dfad;text-shadow:0 0 24px #dfb85a63}
.minute-clock-unit,.minute-clock-cycles{display:none!important}
.minute-clock-status{color:#dfc17c;font-size:10px;text-transform:uppercase;letter-spacing:1.2px;margin-top:15px}
.minute-clock-status.idle{color:#99907a}
.stratrex-visually-hidden{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important}
@media(max-width:1200px){.stratrex-sidebar-emblem{width:41px;height:43px}.stratrex-sidebar-wordmark{width:116px}.minute-clock-ring{width:156px;height:156px}.minute-clock-seconds{font-size:56px}}
@media(max-width:780px){
 .topbar-left .online-dot,.stratrex-topbar-label{display:none}
 .stratrex-topbar-wordmark{display:block;width:150px;height:38px}
 .topbar{padding-left:17px;padding-right:13px;height:67px}
 .topbar .user-badge>div{display:none}
 .topbar .user-badge>span{height:34px;width:34px}
 .auth-decor{display:none}
 .auth-panel{min-height:100svh;padding:22px 19px 40px}
 .mobile-logo{display:flex;align-items:center;gap:5px;width:100%;margin:0 auto 27px}
 .mobile-logo img{width:min(86%,288px);max-height:245px;object-fit:contain}
 .minute-clock-panel{display:flex;flex-direction:column-reverse;padding:26px 20px;gap:28px}
 .minute-clock-ring{width:156px;height:156px}
 .minute-clock-seconds{font-size:58px}
 .minute-clock-copy h2{font-size:23px}
 .minute-clock-primary strong{font-size:32px}
}
@media(max-width:390px){.stratrex-topbar-wordmark{width:130px}.minute-clock-ring{width:145px;height:145px}.minute-clock-seconds{font-size:51px}.mobile-logo img{width:82%}}
@media(prefers-reduced-motion:reduce){.minute-clock-ring{transition:none}}