/* Approved option 1, scoped to the overview; other modules keep their layouts. */
.ink-brand,.ink-nav-icon{display:none}
.app.app-ready.ink-shell{--ink-sidebar:clamp(202px,14.7vw,282px);background:#fafafa!important;color:#131313!important}
.app.app-ready.ink-shell>.sidebar{background:#141615 url('./assets/overview/ink-sidebar.png') center/cover no-repeat!important;border:0!important;border-radius:0!important;box-shadow:none!important;backdrop-filter:blur(0)!important}
.app.app-ready.ink-shell>.sidebar:before{display:none!important}
.app.app-ready.ink-shell>.sidebar .brand{background:transparent!important;border:0!important;box-shadow:none!important}
.app.app-ready.ink-shell .cn-electric-logo{display:none!important}
.app.app-ready.ink-shell .ink-brand{display:block;width:200px;height:126px;background:url('./assets/overview/brand-reference.png') -25px 0/1672px 941px no-repeat}
.app.app-ready.ink-shell>.sidebar .nav button{color:#f2f1ed!important;background:transparent!important;border:0!important;box-shadow:none!important;font-weight:500!important;letter-spacing:0!important}
.app.app-ready.ink-shell>.sidebar .nav button i{background:none!important;border:0!important;color:inherit!important}
.app.app-ready.ink-shell>.sidebar .nav button i svg{display:none!important}
.app.app-ready.ink-shell .ink-nav-icon{display:block;width:24px;height:24px;filter:brightness(0) invert(1)}
.app.app-ready.ink-shell>.sidebar .nav button.active{background:#d7bc7c!important;box-shadow:inset 3px 0 #fff0bf!important;color:#141411!important;border-radius:7px!important}
.app.app-ready.ink-shell>.sidebar .nav button.active .ink-nav-icon{filter:brightness(0)}
.app.app-ready.ink-shell>.sidebar .nav button:hover:not(.active){background:#33332c!important}
.app.app-ready.ink-shell>.sidebar .nav button:focus-visible{outline:2px solid #f1d18a!important;outline-offset:-3px}
.app.app-ready.ink-overview #overview{width:100%!important;max-width:none!important;padding:0!important;overflow:visible!important;display:block!important}
.app.app-ready.ink-shell>.sidebar #logoutBtn{color:#f2f1ed!important;background:transparent!important;border:0!important;box-shadow:none!important}
.app.app-ready.ink-overview #overview .overview-titlebar{position:relative!important;display:block!important;background:#fff url('./assets/overview/ink-header.png') right 42%/87% auto no-repeat!important;border:0!important;border-radius:0!important;box-shadow:none!important;overflow:hidden!important;margin:0!important;padding:28px 50px!important;height:calc(var(--workspace-frame-height, 100dvh)*0.198)!important;min-height:140px!important}
.app.app-ready.ink-overview #overview .overview-titlebar:after{display:none!important}
.app.app-ready.ink-overview #overview .eyebrow{color:#73521d!important;letter-spacing:.28em!important;font:600 12px/1.3 var(--cn-font)!important}
.app.app-ready.ink-overview #overview .overview-title-row{display:block!important;margin:9px 0 0!important}
.app.app-ready.ink-overview #overview .page-title{font-family:'Noto Serif CJK SC','Songti SC',SimSun,serif!important;font-size:clamp(31px,3.15vw,58px)!important;line-height:1.3!important;font-weight:800!important;letter-spacing:.015em!important;white-space:normal!important}
.app.app-ready.ink-overview #overview .ink-title-gold{color:#966818!important}
.app.app-ready.ink-overview #overview .overview-title-divider{display:none!important}
.app.app-ready.ink-overview #overview .overview-summary-inline{display:block!important;font-size:14px!important;font-weight:400!important;color:#5d6269!important;margin-top:9px!important;white-space:normal!important;line-height:1.5!important}
.app.app-ready.ink-overview #overview .overview-header-actions{position:absolute!important;right:28px!important;bottom:14px!important;top:auto!important;transform:none!important;display:flex!important;gap:10px!important;margin:0!important;flex-wrap:nowrap!important}
.app.app-ready.ink-overview #overview .overview-header-actions .btn{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:9px!important;border-radius:8px!important;height:42px!important;min-height:42px!important;padding:0 16px!important;font-size:14px!important;line-height:1.2!important;box-shadow:none!important;transform:none!important}
.app.app-ready.ink-overview #overview .overview-header-actions .btn.primary{background:#9b6b13!important;color:#fff!important;border:1px solid #9b6b13!important;box-shadow:inset 0 1px 0 #d5b477!important}
.app.app-ready.ink-overview #overview .overview-header-actions .btn.primary:hover{background:#7e5510!important}
.app.app-ready.ink-overview #overview .overview-header-actions .btn.ghost{background:#fff!important;border:1px solid #dcd7cb!important;color:#171717!important}
.ink-action-icon{width:18px;height:18px;display:block}
.app.app-ready.ink-overview #quickAdd .ink-action-icon{filter:brightness(0) invert(1)}
.ink-overview-date{position:absolute;right:28px;top:19px;color:#525b65;font-size:14px}
.app.app-ready.ink-overview #overview .dashboard{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:0!important;margin:0 20px 16px!important;background:#fff!important;border:1px solid #e6e6e3!important;border-radius:12px!important;overflow:hidden!important;box-shadow:none!important;height:auto!important;min-height:0!important;grid-template-rows:repeat(2,minmax(0,1fr))!important}
.app.app-ready.ink-overview #overview .metric{position:relative!important;display:flex!important;align-items:center!important;gap:21px!important;background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important;padding:22px 27px!important;height:calc(var(--workspace-frame-height, 100dvh)*0.102)!important;min-height:70px!important;overflow:hidden!important;transform:none!important;transition:background .15s!important}
.app.app-ready.ink-overview #overview .metric:nth-child(n+5){border-top:1px solid #ececea!important}
.app.app-ready.ink-overview #overview .metric:not(:nth-child(4n)):after{content:'';position:absolute;right:0;top:24px;bottom:24px;border-right:1px solid #ececea}
.app.app-ready.ink-overview #overview .metric:hover{background:#fcf8ee!important;transform:none!important;box-shadow:none!important}
.app.app-ready.ink-overview #overview .metric:focus-visible{outline:2px solid #9b6b13;outline-offset:-3px}
.app.app-ready.ink-overview #overview .overview-metric-icon{position:static!important;flex:0 0 51px!important;width:51px!important;height:51px!important;background:#f8ecd0!important;transform:none!important;display:grid!important;place-items:center!important;color:#191b19!important;border-radius:50%!important}
.app.app-ready.ink-overview #overview .overview-metric-icon.muted-icon{background:#eceeec!important}
.ink-metric-image{width:24px;height:24px;display:block}
.app.app-ready.ink-overview #overview .overview-metric-content{display:grid!important;grid-template-columns:auto minmax(0,1fr)!important;gap:5px 12px!important;align-items:center!important;min-width:0!important}
.app.app-ready.ink-overview #overview .metric strong{grid-column:1;grid-row:1;font-size:28px!important;line-height:1.1!important;margin:0!important;color:#111!important;font-weight:750!important}
.app.app-ready.ink-overview #overview .metric .label{grid-column:2;grid-row:1;font-size:14px!important;color:#343c44!important;font-weight:400!important;line-height:1.3!important;margin:0!important}
.app.app-ready.ink-overview #overview .metric .trend{grid-column:1/-1;grid-row:2;font-size:13px!important;color:#5d6d75!important;font-weight:400!important;line-height:1.3!important}
.app.app-ready.ink-overview #overview .overview-metric-arrow{display:none!important}
.app.app-ready.ink-overview #overview>.grid{display:grid!important;grid-template-columns:minmax(0,1.9fr) minmax(0,1fr)!important;gap:14px!important;height:calc(var(--workspace-frame-height, 100dvh)*0.322)!important;min-height:220px!important;margin:0 20px!important}
.app.app-ready.ink-overview #overview>.grid>.panel{height:100%!important;min-height:0!important;padding:18px 20px!important;background:#fff!important;border:1px solid #e6e6e3!important;border-radius:12px!important;box-shadow:none!important;overflow:auto!important;transform:none!important}
.app.app-ready.ink-overview #overview .panel-head{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:10px!important;min-height:30px!important;margin:0 0 15px!important}
.app.app-ready.ink-overview #overview .panel-head h2{display:flex!important;align-items:center!important;gap:10px!important;color:#171917!important;font-family:'Noto Serif CJK SC','Songti SC',SimSun,serif!important;font-size:clamp(16px,1.2vw,22px)!important;font-weight:750!important;line-height:1.4!important}
.app.app-ready.ink-overview #overview .panel-head h2:before{display:none!important}
.ink-section-icon{width:15px;height:15px;filter:invert(58%) sepia(72%) saturate(500%) hue-rotate(2deg) brightness(85%)}
.app.app-ready.ink-overview #overview .panel-head .link-btn{color:#475c72!important;background:none!important;font-size:13px!important;font-weight:600!important;white-space:nowrap!important;padding:6px 0!important}
.app.app-ready.ink-overview #overview .overview-events-table{display:block!important;border:0!important;width:100%!important}
.app.app-ready.ink-overview #overview .overview-event-head,.app.app-ready.ink-overview #overview .overview-event-row{display:grid!important;grid-template-columns:105px 195px minmax(0,1fr) 95px!important;gap:14px!important;align-items:center!important;padding:10px 12px!important;min-height:43px!important;width:100%!important;text-align:left!important;font-size:14px!important;line-height:1.4!important}
.app.app-ready.ink-overview #overview .overview-event-head{background:#f5f5f5!important;color:#58616c!important;border:1px solid #ececeb!important}
.app.app-ready.ink-overview #overview .overview-event-row{background:transparent!important;border:0!important;border-bottom:1px solid #eee!important;color:#46515b!important;min-height:56px!important;cursor:pointer}
.app.app-ready.ink-overview #overview .overview-event-row:hover{background:#fcf8ef!important}
.app.app-ready.ink-overview #overview .overview-event-row:focus-visible{outline:2px solid #9b6b13;outline-offset:-2px}
.app.app-ready.ink-overview #overview .event-person{display:flex!important;align-items:center!important;gap:8px!important;min-width:0!important}
.app.app-ready.ink-overview #overview .event-person i{flex:0 0 27px;width:27px;height:27px;background:#f6eacd!important;color:#896317!important;border-radius:50%;display:grid;place-items:center;font-style:normal;font-size:13px}
.app.app-ready.ink-overview #overview .event-person b{color:#1d2428!important;font-size:14px!important;font-weight:650!important}
.app.app-ready.ink-overview #overview .event-type-chip{justify-self:start!important;font-size:13px!important;color:#8d5e12!important;background:#faf0d8!important;padding:4px 9px!important;border-radius:6px!important;white-space:nowrap}
.app.app-ready.ink-overview #overview #groupOverview{display:block!important;width:100%!important;grid-template-columns:none!important}
.app.app-ready.ink-overview #overview #groupOverview>div{display:flex!important;justify-content:space-between!important;align-items:center!important;height:calc((calc(var(--workspace-frame-height, 100dvh)*0.322) - 82px)/7)!important;min-height:20px!important;padding:3px 0!important;border:0!important;border-bottom:1px solid #e9ecef!important;font-size:14px!important;color:#202826!important}
.app.app-ready.ink-overview #overview #groupOverview>div:last-child{border-bottom:0!important}
.app.app-ready.ink-overview #overview #groupOverview b{font-weight:500!important;color:#303c46!important}
.app.app-ready.ink-overview #overview #tradeOverview{display:grid!important;grid-template-columns:minmax(0,1.65fr) minmax(0,1fr)!important;gap:14px!important;margin:14px 20px 16px!important;height:calc(var(--workspace-frame-height, 100dvh)*0.21)!important;min-height:144px!important}
.app.app-ready.ink-overview #overview #tradeOverview .overview-bottom-panel{height:100%!important;min-height:0!important;padding:18px 20px!important;border:1px solid #e6e6e3!important;background:#fff!important;border-radius:12px!important;box-shadow:none!important;overflow:auto!important;transform:none!important}
.app.app-ready.ink-overview #overview .hold-chart-row{display:grid!important;grid-template-columns:165px minmax(0,1fr) 46px!important;gap:15px!important;align-items:center!important;min-height:32px!important;font-size:14px!important}
.app.app-ready.ink-overview #overview .hold-chart-label{display:flex!important;align-items:center!important;gap:10px!important;min-width:0!important}
.app.app-ready.ink-overview #overview .hold-chart-label b{font-size:14px!important;color:#171717!important}
.app.app-ready.ink-overview #overview .hold-chart-label small{font-size:13px!important;color:#637079!important}
.app.app-ready.ink-overview #overview .hold-chart-track{height:8px!important;background:#f5eee0!important;border-radius:8px!important}
.app.app-ready.ink-overview #overview .hold-chart-fill{background:#b8821c!important;border-radius:8px!important;height:8px!important}
.app.app-ready.ink-overview #overview .hold-chart-count{font-size:15px!important;color:#151b19!important;text-align:right!important}
.app.app-ready.ink-overview #overview .empty{font-size:14px!important;line-height:1.5!important;min-height:100px!important;padding:22px 8px!important;color:#5b6870!important;background:none!important}
.app.app-ready.ink-overview #overview .cn-empty-icon{display:grid!important;place-items:center!important;width:46px!important;height:46px!important;border-radius:50%!important;background:#eff1ef!important;margin-bottom:8px!important}
.ink-empty-image{display:block;width:24px;height:24px;opacity:.65}
.app.app-ready.ink-overview #overview .cn-empty-title{display:none!important}
.app.app-ready.ink-overview #overview .cn-empty-desc{font-size:14px!important;color:#4f5c63!important}
@media(min-width:901px){
 .app.app-ready.ink-shell{height:calc(var(--workspace-frame-height, 100dvh)*1.0)!important;min-height:0!important;overflow:hidden!important}
 .app.app-ready.ink-shell>.sidebar{position:fixed!important;inset:0 auto 0 0!important;width:var(--ink-sidebar)!important;height:calc(var(--workspace-frame-height, 100dvh)*1.0)!important;padding:0 12px 18px!important;overflow:hidden!important}
 .app.app-ready.ink-shell>.sidebar .brand{height:calc(var(--workspace-frame-height, 100dvh)*0.14300000000000002)!important;min-height:126px!important;margin:0!important;display:grid!important;place-items:center!important}
 .app.app-ready.ink-shell>.sidebar .nav{display:flex!important;flex-direction:column!important;justify-content:flex-start!important;gap:5px!important;height:calc(100% - max(calc(var(--workspace-frame-height, 100dvh)*0.14300000000000002),126px))!important;overflow-y:auto!important;scrollbar-width:thin}
 .app.app-ready.ink-shell>.sidebar .nav button{width:100%!important;flex:0 0 calc(var(--workspace-frame-height, 100dvh)*0.055)!important;height:calc(var(--workspace-frame-height, 100dvh)*0.055)!important;min-height:44px!important;padding:0 20px!important;display:grid!important;grid-template-columns:28px minmax(0,1fr)!important;gap:17px!important}
 .app.app-ready.ink-shell>.sidebar .nav button i{width:24px!important;height:24px!important}
 .app.app-ready.ink-shell>.sidebar .nav button span{display:block!important;font-size:clamp(14px,1.05vw,19px)!important;line-height:1.3!important}
 .app.app-ready.ink-shell>.sidebar #logoutBtn{margin-top:auto!important;padding-top:0!important;height:48px!important;min-height:48px!important;flex:0 0 48px!important}
 .app.app-ready.ink-shell>.main{margin-left:var(--ink-sidebar)!important;width:calc(100% - var(--ink-sidebar))!important;height:calc(var(--workspace-frame-height, 100dvh)*1.0)!important;min-height:0!important;padding:0!important;overflow-y:auto!important;background:#fafafa!important}
 .app.app-ready.ink-overview>.main>#overview.active{height:auto!important;max-height:none!important;overflow:visible!important}
}
@media(min-width:901px) and (max-width:0px){
 .app.app-ready.ink-overview #overview .overview-event-head,.app.app-ready.ink-overview #overview .overview-event-row{grid-template-columns:86px 150px minmax(0,1fr) 79px!important;gap:9px!important;font-size:13px!important;padding:10px 8px!important}
 .app.app-ready.ink-overview #overview .metric{padding:16px 20px!important;gap:13px!important}
 .app.app-ready.ink-overview #overview .metric strong{font-size:26px!important}
 .app.app-ready.ink-overview #overview .metric .label{font-size:13px!important}
 .app.app-ready.ink-overview #overview .overview-metric-content{gap:5px 8px!important}
 .app.app-ready.ink-overview #overview .overview-metric-icon{width:43px!important;height:43px!important;flex-basis:43px!important}
 .app.app-ready.ink-overview #overview .event-person b{font-size:13px!important}
 .app.app-ready.ink-overview #overview .hold-chart-row{grid-template-columns:150px minmax(0,1fr) 36px!important;gap:10px!important}
}
@media(max-width:0px){
 .app.app-ready.ink-shell>.sidebar{background:#171916!important}
 .app.app-ready.ink-shell .ink-brand{width:60px;height:46px;background-size:602px 339px;background-position:-9px 0}
 .app.app-ready.ink-shell>.sidebar .nav button span{color:inherit!important}
 .app.app-ready.ink-shell .ink-nav-icon{width:21px;height:21px}
 .app.app-ready.ink-shell>.main{padding:0 0 98px!important;background:#fafafa!important}
 .app.app-ready.ink-overview #overview .overview-titlebar{height:auto!important;min-height:240px!important;padding:24px 20px 80px!important;background:#fff!important}
 .app.app-ready.ink-overview #overview .eyebrow{font-size:11px!important;margin-top:14px!important}
 .app.app-ready.ink-overview #overview .page-title{font-size:28px!important;line-height:1.5!important}
 .app.app-ready.ink-overview #overview .overview-summary-inline{font-size:13px!important;max-width:270px!important;margin-top:6px!important}
 .app.app-ready.ink-overview #overview .overview-header-actions{left:20px!important;right:20px!important;bottom:18px!important;display:flex!important;gap:8px!important;width:auto!important;max-width:calc(100% - 40px)!important}
 .app.app-ready.ink-overview #overview .overview-header-actions .btn{flex:1!important;min-width:0!important;width:auto!important;padding:0 10px!important;font-size:13px!important;height:43px!important;min-height:43px!important}
 .ink-overview-date{right:20px;top:12px;font-size:12px}
 .app.app-ready.ink-overview #overview .dashboard{grid-template-columns:repeat(2,minmax(0,1fr))!important;margin:0 12px 12px!important}
 .app.app-ready.ink-overview #overview .metric{height:91px!important;min-height:91px!important;padding:14px 12px!important;gap:10px!important}
 .app.app-ready.ink-overview #overview .metric:nth-child(n+3){border-top:1px solid #ececea!important}
 .app.app-ready.ink-overview #overview .metric:nth-child(2n):after{display:none}
 .app.app-ready.ink-overview #overview .overview-metric-icon{width:34px!important;height:34px!important;flex-basis:34px!important}
 .ink-metric-image{width:19px;height:19px}
 .app.app-ready.ink-overview #overview .overview-metric-content{gap:5px 6px!important}
 .app.app-ready.ink-overview #overview .metric strong{font-size:23px!important}
 .app.app-ready.ink-overview #overview .metric .label{font-size:12px!important;line-height:1.3!important}
 .app.app-ready.ink-overview #overview .metric .trend{font-size:12px!important;line-height:1.3!important}
 .app.app-ready.ink-overview #overview>.grid,.app.app-ready.ink-overview #overview #tradeOverview{display:grid!important;grid-template-columns:minmax(0,1fr)!important;height:auto!important;min-height:0!important;gap:12px!important;margin:0 12px 12px!important}
 .app.app-ready.ink-overview #overview>.grid>.panel,.app.app-ready.ink-overview #overview #tradeOverview .overview-bottom-panel{height:auto!important;min-height:210px!important;padding:16px!important;overflow:hidden!important}
 .app.app-ready.ink-overview #overview .panel-head h2{font-size:16px!important;gap:7px!important}
 .app.app-ready.ink-overview #overview .panel-head .link-btn{font-size:12px!important}
 .app.app-ready.ink-overview #overview .overview-event-head{display:none!important}
 .app.app-ready.ink-overview #overview .overview-event-row{grid-template-columns:minmax(0,1fr) auto!important;gap:10px!important;padding:12px 0!important;font-size:13px!important}
 .app.app-ready.ink-overview #overview .event-time{grid-column:2;grid-row:1;font-size:12px}
 .app.app-ready.ink-overview #overview .event-person{grid-column:1;grid-row:1}
 .app.app-ready.ink-overview #overview .event-person b{font-size:13px!important}
 .app.app-ready.ink-overview #overview .event-summary{grid-column:1/-1;grid-row:2;white-space:normal!important;line-height:1.65!important}
 .app.app-ready.ink-overview #overview .event-type-chip{grid-column:1/-1;grid-row:3;font-size:12px!important}
 .app.app-ready.ink-overview #overview #groupOverview>div{height:38px!important;font-size:14px!important}
 .app.app-ready.ink-overview #overview .hold-chart-row{grid-template-columns:130px minmax(0,1fr) 34px!important;gap:8px!important}
 .app.app-ready.ink-overview #overview .hold-chart-label{gap:6px!important}
 .app.app-ready.ink-overview #overview .hold-chart-label small{font-size:12px!important}
}
@media(prefers-reduced-motion:reduce){.app.ink-overview *{transition:none!important;animation:none!important}}

@media(min-width:901px) and (max-height:800px){
 .app.app-ready.ink-overview #overview .overview-header-actions{bottom:2px!important}
 .app.app-ready.ink-overview #overview .overview-header-actions .btn{height:38px!important;min-height:38px!important;font-size:13px!important}
 .app.app-ready.ink-overview #overview #tradeOverview .overview-empty{display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:center!important;gap:10px!important;min-height:0!important;padding:10px 8px!important}
 .app.app-ready.ink-overview #overview #tradeOverview .cn-empty-icon{width:32px!important;height:32px!important;margin:0!important;flex:0 0 32px!important}
}

.app.app-ready.ink-overview #overview #tradeOverview .panel-head h2{font-size:clamp(16px,1.2vw,22px)!important;font-family:'Noto Serif CJK SC','Songti SC',SimSun,serif!important}

@media(max-width:0px){.app.app-ready.ink-overview #overview .overview-titlebar:before{content:'';position:absolute;right:0;top:0;width:130px;height:105px;background:url('./assets/overview/ink-header.png') right top/315px 105px no-repeat;opacity:.22;pointer-events:none}}
