/* Mashero Bank — institutional design system. Loaded after the functional v2 styles. */
:root{color-scheme:light;--page:#f5f7f9;--sidebar:#111d30;--surface:#fff;--surface-2:#f7f9fb;--border:#e2e7ee;--border-strong:#cdd6e2;--text:#17243a;--muted:#6e7c90;--muted-2:#8693a4;--accent:#234a7b;--accent-dark:#e9f0f8;--red:#b43f4c;--violet:#6574a2;--offwhite:#fff;--shadow:0 10px 35px #15263c0a}
body{background:#f5f7f9;color:var(--text);font-size:13px;letter-spacing:0}
::selection{background:#dae6f6;color:#152c4e}
.sidebar{background:#152237;border-right:1px solid #2b3b51;padding:29px 16px 21px}
.brand{padding-bottom:49px}.brand-mark,.brand-copy strong span{color:#f0f4f8}.brand-copy strong{font-size:19px;font-weight:720;letter-spacing:-.65px}.brand-copy small{color:#90a2ba;font-size:9px;letter-spacing:.7px}
.sidebar-group-label{color:#8f9db0;letter-spacing:.7px;font-size:10px}.sidebar-group-label span{color:#7388a4}
.nav-link{border-radius:7px;color:#a7b6c8;font-size:12px;font-weight:520;min-height:46px}.nav-link:hover{color:#fff;background:#22354f}.nav-link.active{color:#fff;background:#2c4464;font-weight:650;border-color:#3d5676}.nav-icon{color:#b8cadf;font-size:18px}.nav-number{opacity:.5}
.status-card{border-color:#34485f}.status-head{color:#dee7ef}.status-card p,.status-tag{color:#9cafc5}.sidebar-footer{color:#71859d}
.topbar{height:72px;background:#fff;border-bottom:1px solid #e2e7ee}.top-left{letter-spacing:.25px;color:#7a879a;font-weight:500;font-size:12px}.top-left strong{color:#23344d;font-size:12px}.topbar-split{color:#c6ced7}
.timezone-chip{color:#78889b}.refresh-button{background:#fff;border:1px solid #dbe3eb;color:#53647b;border-radius:7px}.refresh-button:hover{background:#f2f5f9;color:#193a62}
.account-button{background:#fff;border:1px solid #dce4ec;border-radius:7px;color:#233550}.account-button:hover{border-color:#8ca7c5}.account-avatar{border-radius:6px;background:#e8eef6;color:#234a76}.account-info small,.account-chevron{color:#7b8ba0}
.main-content{max-width:1580px;padding-top:37px}.heading-block{margin-bottom:27px}.eyebrow{color:#718197;font-size:10px;letter-spacing:.75px;font-weight:650}.eyebrow.muted{color:#8590a0}.eyebrow-line{background:#8ea2bb;width:12px;height:1px}.eyebrow-separator{color:#b8c1cb}
h1{font-size:clamp(30px,3vw,44px);letter-spacing:-1.55px;line-height:1.17;margin:11px 0 8px;font-weight:680}h1 em{color:inherit;font-weight:680}.heading-sub{max-width:760px;color:#788699;font-size:12px;line-height:1.7}
.filter-label{font-size:10px;color:#6f7d91;font-weight:590;letter-spacing:.15px}.segmented,.stock-threshold{background:#eff3f7;border-color:#e1e7ee;border-radius:7px;padding:3px}.segmented button,.stock-threshold button{color:#738197;border-radius:5px;font-size:11px;font-weight:570}.segmented button.active,.stock-threshold button.active{background:#fff;color:#24486e;box-shadow:0 1px 4px #152b4120}.segmented button:hover:not(.active),.stock-threshold button:hover:not(.active){background:#e3eaf2;color:#23446b}
.notice{background:#fff9ee;color:#785824;border:1px solid #ead8b2;border-radius:7px}
.hero-row{grid-template-columns:minmax(0,1.42fr) minmax(320px,.96fr);gap:16px;margin-bottom:16px}.capital-card,.spotlight-card{min-height:285px;border-radius:9px;box-shadow:0 2px 8px #15263c05}
.capital-card{background:#fff;border:1px solid #dfe5ed;padding:26px 30px 22px;color:#14243a}.capital-card:before,.capital-card:after{display:none}.card-topline{color:#62758e;font-size:11px;letter-spacing:.35px;font-weight:630}.muted-separator{color:#b8c3d0}.capital-indicator{color:#7587a0;letter-spacing:.2px;font-size:10px}.capital-indicator span{background:#2c8067}.capital-number{font-size:clamp(40px,4vw,58px);letter-spacing:-2px;margin-top:19px;color:#17253a;font-weight:690}.capital-sublabel{color:#73839a;margin-bottom:15px}.capital-bottom{border-color:#e5e9ef;padding-top:19px}.capital-mini>span{color:#78899c;letter-spacing:.4px;font-size:10px;font-weight:590}.capital-mini strong{color:#253b59;font-size:16px}.capital-mini small{color:#7c8ba0}.capital-mini b{color:#276d5e}.capital-arrow{display:none}
.spotlight-card{border:1px solid #dfe5ed;background:#fff;padding:25px 27px;color:#17263b}.spotlight-head{color:#6b7e96;letter-spacing:.35px;font-weight:640;font-size:11px}.spotlight-ring{display:none}.spotlight-title h2{font-size:24px;line-height:1.17;letter-spacing:-.7px;font-weight:680;margin:14px 0 7px}.spotlight-title h2 span{display:none}.spotlight-title a{width:28px;height:28px;font-size:17px;border-radius:6px;background:#eff3f8;color:#345675}.spotlight-card>p{color:#77869a;font-size:11px;max-width:none}.spotlight-item{border-color:#e7ebf0;padding:10px 0}.spotlight-num{color:#90a0b3}.spotlight-company strong{color:#253853;font-size:12px;font-weight:680}.spotlight-company small{color:#8a96a5}.spotlight-win{color:#244a70}.spotlight-net{color:#23735c}.spotlight-bottom{border-color:#e9edf2;color:#8291a4;letter-spacing:0}.spotlight-bottom span:first-child{color:#334b66}
.kpi-grid{gap:16px;margin-bottom:16px}.kpi,.panel{border-radius:9px;background:#fff;border:1px solid #e0e6ed;box-shadow:0 2px 8px #15263c05}.kpi{min-height:155px;padding:19px 20px}.kpi-label{color:#718197;font-size:11px;font-weight:560}.kpi-index,.kpi-icon{color:#a2afbf}.kpi-value{color:#1b2d46;font-size:clamp(23px,2.3vw,33px);font-weight:675;letter-spacing:-.75px}.kpi-bottom{border-color:#e9edf2;color:#7d8da1;font-size:10px}.kpi-bottom b{color:#286f62}
.panel-header h2,.section-title h2{color:#1d304b;letter-spacing:-.6px;font-weight:680}.panel-header p,.section-title p{color:#7c8ba0;font-size:11px}.panel-footer{border-color:#e8edf2;color:#8b98aa}.legend{color:#697c96}.aside-accent{background:#fff;border-color:#e0e6ed}.stat-aside p,.stat-aside>span,.aside-pair{color:#79899f}.aside-line{background:#e7edf2}.aside-pair strong{color:#ac4955}.section-title{margin-top:42px}.section-title h2{font-size:25px}.title-dot{display:none}
.stock-panel-top{border-color:#e5ebf0}.stock-stamp{color:#8291a4;letter-spacing:.35px}.stock-tabs{background:#f2f5f9;border:1px solid #e3e9f0;border-radius:7px}.stock-tabs button{color:#79879b}.stock-tabs button.active{background:#fff;color:#264a73;box-shadow:0 1px 4px #1b30421a}
.stocks-table,.trades-table{font-size:12px}.stocks-table th,.trades-table th{background:#f7f9fb;color:#667991;font-size:10px;letter-spacing:.3px;font-weight:650;padding:14px 16px}.stocks-table td,.trades-table td{border-color:#e8edf1;color:#30435b;padding:14px 16px}.stocks-table tbody tr:hover,.trades-table tbody tr:hover{background:#f5f8fc}
.rolling-card,.forecast-stat,.stat-aside{background:#fff}.rolling-head,.forecast-stat-title,.aside-heading{color:#78889e}.rolling-card h3,.forecast-big,.aside-value{color:#21354f}.rolling-bottom,.forecast-copy{color:#8190a2}
.stock-panel-footer,.footer{color:#8392a5;border-color:#e8edf2}
/* Other inherited dark-theme surfaces inside forecast, table, and account panels */
input,select{color:#20334c;background:#fff;border-color:#d9e2eb}input:focus,select:focus{border-color:#7193b5;outline-color:#c9dbef}
@media(max-width:620px){.sidebar{background:#152237;border-top:1px solid #384d67}.nav-link.active{background:#2c4464;color:#fff}.main-content{padding-top:22px}.capital-card{min-height:245px;padding:21px}.spotlight-card{padding:20px;min-height:260px}.heading-block{gap:15px}h1{font-size:31px;letter-spacing:-1px}.kpi{min-height:135px}.kpi-value{font-size:23px}.stock-panel-top{padding:14px}}