.dashboard-risk-legend-percentage { display: none; }
@layer desktop-screen-fit {
@media (min-width: 1101px) {
/* Keep the shared navigation unchanged outside the active dark dashboard. */
html:not([data-appearance="light"]) body:has(#dashboard-section.active) .navbar.banymay-header {
  --header-bg: #061720;
  --header-border: transparent;
  background: #061720 !important;
  border: 0 !important;
  box-shadow: none !important;
}
html:not([data-appearance="light"]) body:has(#dashboard-section.active) .banymay-header__inner {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}
html:not([data-appearance="light"]) body:has(#dashboard-section.active) .navbar.banymay-header::before,
html:not([data-appearance="light"]) body:has(#dashboard-section.active) .navbar.banymay-header::after {
  display: none !important;
}
html:not([data-appearance="light"]) body .container > #dashboard-section .dashboard-summary { box-sizing:border-box !important; height:78px !important; min-height:78px !important; overflow:hidden !important; }
html:not([data-appearance="light"]) body .container > #dashboard-section .dashboard-summary-item { display:grid !important; grid-template-columns:32px minmax(0,1fr) !important; grid-template-rows:auto auto !important; column-gap:12px !important; align-content:center !important; height:auto !important; padding:0 12px !important; }
html:not([data-appearance="light"]) body .container > #dashboard-section .dashboard-summary-icon { grid-column:1 !important; grid-row:1 / 3 !important; width:32px !important; height:36px !important; }
html:not([data-appearance="light"]) body .container > #dashboard-section .dashboard-summary-label { grid-column:2 !important; grid-row:1 !important; font-size:12px !important; white-space:normal !important; }
html:not([data-appearance="light"]) body .container > #dashboard-section .dashboard-summary-value { grid-column:2 !important; grid-row:2 !important; font-size:clamp(16px,1.15vw,22px) !important; line-height:1.25 !important; }
html:not([data-appearance="light"]) body .container > #dashboard-section :is(#dashboard-summary-balance,#dashboard-summary-profit,#dashboard-summary-money-invested) { font-size:clamp(16px,1.15vw,22px) !important; line-height:1.25 !important; white-space:nowrap !important; }
html:not([data-appearance="light"]) body .container > #dashboard-section .dashboard-summary-badge-row strong { font-size:clamp(16px,1.15vw,22px) !important; line-height:1.25 !important; }
html:not([data-appearance="light"]) body .container > #dashboard-section .dashboard-summary-rankscore { height:auto !important; padding:0 10px !important; gap:6px !important; }
html:not([data-appearance="light"]) body .container > #dashboard-section  { background:#061720 !important; }
html:not([data-appearance="light"]) body .container > #dashboard-section .dashboard-content { gap:2mm !important; }
html:not([data-appearance="light"]) body .container > #dashboard-section .dashboard-main-grid { zoom:1 !important; margin-top:0 !important; gap:2mm !important; grid-template-columns:minmax(0,1.4fr) minmax(0,.8fr) minmax(0,1fr) !important; }
html:not([data-appearance="light"]) body .container > #dashboard-section :is(.dashboard-panel,.dashboard-summary) { border:0 !important; border-radius:12px !important; background:linear-gradient(125deg,#0c3b47 0%,#092534 40%,#081d2c 100%) !important; box-shadow:none !important; }
html:not([data-appearance="light"]) body .container > #dashboard-section .dashboard-summary { width:100% !important; max-width:100% !important; margin:0 !important; left:auto !important; transform:none !important; padding:4px 20px !important; }
html:not([data-appearance="light"]) body .container > #dashboard-section .dashboard-summary-item { background:transparent !important; border-radius:0 !important; }
html:not([data-appearance="light"]) body .container > #dashboard-section .dashboard-summary-icon { display:flex !important; border-radius:12px !important; background:rgba(87,205,223,.07) !important; }
html:not([data-appearance="light"]) body .container > #dashboard-section .dashboard-summary-item::before { background:#24424f !important; }
html:not([data-appearance="light"]) body .container > #dashboard-section .dashboard-summary-value { color:#19e4be !important; }
html:not([data-appearance="light"]) body .container > #dashboard-section #dashboard-summary-balance { color:#22dfef !important; }
html:not([data-appearance="light"]) body .container > #dashboard-section #dashboard-summary-money-invested { color:#f0f6ff !important; }
html:not([data-appearance="light"]) body .container > #dashboard-section .dashboard-summary-value.negative { color:#ff6269 !important; }
html:not([data-appearance="light"]) body .container > #dashboard-section .dashboard-performance { padding:20px 24px !important; }
html:not([data-appearance="light"]) body .container > #dashboard-section .dashboard-chart-frame { height:clamp(210px,29vh,340px) !important; }
html:not([data-appearance="light"]) body .container > #dashboard-section .dashboard-risk { display:grid !important; grid-template-rows:auto minmax(0,1fr) auto !important; gap:16px !important; height:auto !important; min-height:0 !important; align-self:stretch !important; padding:20px 24px !important; }
html:not([data-appearance="light"]) body .container > #dashboard-section .dashboard-risk-chart-wrap { position:relative !important; width:100% !important; height:100% !important; min-height:210px !important; max-height:360px !important; align-self:center !important; margin:0 !important; }
html:not([data-appearance="light"]) body .container > #dashboard-section .dashboard-risk-chart-wrap::after { content:"Risk allocation"; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); width:85px; text-align:center; font-size:14px; line-height:1.4; color:#dceafa; pointer-events:none; }
html:not([data-appearance="light"]) body .container > #dashboard-section #balance-pie-chart { max-width:100% !important; max-height:100% !important; }
html:not([data-appearance="light"]) body .container > #dashboard-section .dashboard-risk-legend { display:flex !important; flex-direction:column !important; flex-wrap:nowrap !important; width:100% !important; gap:0 !important; padding:0 16px !important; margin:0 !important; box-sizing:border-box !important; }
html:not([data-appearance="light"]) body .container > #dashboard-section .dashboard-risk-legend-item { display:flex !important; align-items:center !important; gap:12px !important; width:100% !important; min-height:40px !important; border-top:1px solid #24404d !important; padding:7px 0 !important; box-sizing:border-box !important; }
html:not([data-appearance="light"]) body .container > #dashboard-section .dashboard-risk-legend-dot { width:17px !important; height:17px !important; flex:0 0 17px !important; border-radius:50% !important; }
html:not([data-appearance="light"]) body .container > #dashboard-section .dashboard-risk-legend-text { font-size:14px !important; color:#eaf3fc !important; font-weight:400 !important; }
html:not([data-appearance="light"]) body .container > #dashboard-section .dashboard-risk-legend-percentage { display:block !important; margin-left:auto !important; color:#eaf3fc !important; font-size:14px !important; font-variant-numeric:tabular-nums; }
html:not([data-appearance="light"]) body .container > #dashboard-section :is(.dashboard-breakdown,.dashboard-cash-flow) { padding:18px 24px !important; }
html:not([data-appearance="light"]) body .container > #dashboard-section .dashboard-advanced-metrics-panel { margin-top:0 !important; padding:18px 24px !important; }
html:not([data-appearance="light"]) body .container > #dashboard-section .dashboard-breakdown :is(table,thead,tbody,tr,th,td,.dashboard-breakdown-table-wrap) { background:transparent !important; box-shadow:none !important; }
html:not([data-appearance="light"]) body .container > #dashboard-section .dashboard-breakdown :is(th,td) { border-color:rgba(142,191,207,.14) !important; }
html:not([data-appearance="light"]) body .container > #dashboard-section :is(.dashboard-insight-card,.dashboard-advanced-metric-card,.metric-row) { background:transparent !important; box-shadow:none !important; }
html:not([data-appearance="light"]) body .container > #dashboard-section .dashboard-risk :is(.dashboard-risk-chart-wrap,.dashboard-risk-legend)[hidden] { display:none !important; }
}
@media (min-width:1101px) and (max-width:1380px) {
  html:not([data-appearance="light"]) body .container > #dashboard-section .dashboard-summary-icon { display:none !important; }
  html:not([data-appearance="light"]) body .container > #dashboard-section .dashboard-summary-item { grid-template-columns:minmax(0,1fr) !important; padding-inline:8px !important; }
  html:not([data-appearance="light"]) body .container > #dashboard-section .dashboard-summary-item :is(.dashboard-summary-label,.dashboard-summary-value) { grid-column:1 !important; }
}
}

