/* Mobile dark dashboard only. Keep live metric nodes and all chart controls intact. */
/* Reference Cash Flow / Insights cards; desktop and light theme stay unchanged. */
@layer dashboard-mobile-reference {
@media (max-width:760px) {
html:not([data-appearance="light"]) body #dashboard-section#dashboard-section#dashboard-section#dashboard-section#dashboard-section#dashboard-section .dashboard-mobile-insights { padding:0!important;background:transparent!important;border:0!important;box-shadow:none!important; }
html:not([data-appearance="light"]) body #dashboard-section#dashboard-section#dashboard-section#dashboard-section#dashboard-section#dashboard-section :is(.dashboard-cash-flow,.dashboard-mobile-metric-group) { box-sizing:border-box!important;width:100%!important;padding:16px 18px 10px!important;border:0!important;border-radius:14px!important;background:linear-gradient(135deg,#153443 0%,#0b1d2b 90%)!important;box-shadow:none!important; }
html:not([data-appearance="light"]) body #dashboard-section#dashboard-section#dashboard-section#dashboard-section#dashboard-section#dashboard-section .dashboard-mobile-insights-content { gap:10px!important; }
html:not([data-appearance="light"]) body #dashboard-section#dashboard-section#dashboard-section#dashboard-section#dashboard-section#dashboard-section :is(.dashboard-cash-flow-list,.dashboard-mobile-metric-rows) { padding:0!important;margin:0!important;border:0!important;border-radius:0!important;background:transparent!important; }
html:not([data-appearance="light"]) body #dashboard-section#dashboard-section#dashboard-section#dashboard-section#dashboard-section#dashboard-section :is(.dashboard-cash-flow .dashboard-panel-title,.dashboard-mobile-metric-heading h3) { font-size:18px!important;font-weight:600!important;line-height:1.3!important;color:#f2f7fc!important;margin:0!important;letter-spacing:0!important;text-transform:none!important; }
html:not([data-appearance="light"]) body #dashboard-section#dashboard-section#dashboard-section#dashboard-section#dashboard-section#dashboard-section .dashboard-mobile-metric-heading { margin-bottom:4px!important; }
html:not([data-appearance="light"]) body #dashboard-section#dashboard-section#dashboard-section#dashboard-section#dashboard-section#dashboard-section .dashboard-cash-flow > .dashboard-panel-title { margin-bottom:4px!important; }
html:not([data-appearance="light"]) body #dashboard-section#dashboard-section#dashboard-section#dashboard-section#dashboard-section#dashboard-section :is(.dashboard-cash-flow-list > .metric-row,.dashboard-cash-flow-list > .dashboard-insight-card,.dashboard-mobile-metric-rows > .dashboard-insight-card) { display:grid!important;grid-template-columns:30px minmax(0,1fr) auto!important;column-gap:12px!important;row-gap:3px!important;min-height:54px!important;padding:12px 0!important;margin:0!important;border:0!important;border-bottom:1px solid rgba(111,177,205,.15)!important;border-radius:0!important;background:transparent!important;box-shadow:none!important; }
html:not([data-appearance="light"]) body #dashboard-section#dashboard-section#dashboard-section#dashboard-section#dashboard-section#dashboard-section :is(.dashboard-cash-flow-list,.dashboard-mobile-metric-rows) > :last-child { border-bottom:0!important; }
html:not([data-appearance="light"]) body #dashboard-section#dashboard-section#dashboard-section#dashboard-section#dashboard-section#dashboard-section :is(.dashboard-cash-flow-list,.dashboard-mobile-metric-rows) .dashboard-card-icon { width:26px!important;height:26px!important;background:transparent!important;border:0!important;box-shadow:none!important;color:#82b4ef!important; }
html:not([data-appearance="light"]) body #dashboard-section#dashboard-section#dashboard-section#dashboard-section#dashboard-section#dashboard-section .dashboard-cash-flow-list .dashboard-card-icon { color:#abc9e9!important; }
html:not([data-appearance="light"]) body #dashboard-section#dashboard-section#dashboard-section#dashboard-section#dashboard-section#dashboard-section :is(.dashboard-cash-flow-list,.dashboard-mobile-metric-rows) .dashboard-ui-icon { width:26px!important;height:26px!important; }
html:not([data-appearance="light"]) body #dashboard-section#dashboard-section#dashboard-section#dashboard-section#dashboard-section#dashboard-section .dashboard-mobile-metric-rows .dashboard-icon--amber { color:#e4cc92!important; }
html:not([data-appearance="light"]) body #dashboard-section#dashboard-section#dashboard-section#dashboard-section#dashboard-section#dashboard-section :is(.dashboard-cash-flow-list,.dashboard-mobile-metric-rows) :is(.metric-label,.dashboard-mobile-metric-label) { font-size:15px!important;line-height:1.3!important;font-weight:400!important;color:#f2f7fc!important; }
html:not([data-appearance="light"]) body #dashboard-section#dashboard-section#dashboard-section#dashboard-section#dashboard-section#dashboard-section :is(.dashboard-cash-flow-list,.dashboard-mobile-metric-rows) .dashboard-mobile-metric-meta { font-size:11px!important;line-height:1.35!important;color:#a3bfdb!important;white-space:normal!important;overflow:visible!important;text-overflow:clip!important;overflow-wrap:anywhere!important; }
html:not([data-appearance="light"]) body #dashboard-section#dashboard-section#dashboard-section#dashboard-section#dashboard-section#dashboard-section :is(.dashboard-cash-flow-list,.dashboard-mobile-metric-rows) :is(.metric-value,.dashboard-advanced-metric-value) { font-size:18px!important;line-height:1.25!important;font-weight:600!important;text-align:right!important; }
html:not([data-appearance="light"]) body #dashboard-section#dashboard-section#dashboard-section#dashboard-section#dashboard-section#dashboard-section .dashboard-mobile-metric-rows .dashboard-advanced-metric-value { color:#00dfc5!important; }
html:not([data-appearance="light"]) body #dashboard-section#dashboard-section#dashboard-section#dashboard-section#dashboard-section#dashboard-section .dashboard-mobile-metric-rows #metric-maximum-drawdown { color:#ff626d!important; }
html:not([data-appearance="light"]) body #dashboard-section#dashboard-section#dashboard-section#dashboard-section#dashboard-section#dashboard-section .dashboard-mobile-metric-rows .dashboard-mobile-metric-unavailable { color:#b6cfee!important; }
html:not([data-appearance="light"]) body #dashboard-section#dashboard-section#dashboard-section#dashboard-section#dashboard-section#dashboard-section .dashboard-mobile-metric-progress { display:none!important; }
html:not([data-appearance="light"]) body #dashboard-section#dashboard-section#dashboard-section#dashboard-section#dashboard-section#dashboard-section .dashboard-mobile-metric-heading button { color:#abc9e9!important;font-size:24px!important; }
}
}
@media (max-width: 760px) {
  html:not([data-appearance="light"]) body #dashboard-section#dashboard-section#dashboard-section#dashboard-section { padding: 10px !important; background: #061720 !important; color: #e9f1fa; }
  html:not([data-appearance="light"]) body #dashboard-section#dashboard-section#dashboard-section#dashboard-section .dashboard-content { display: block !important; padding: 0 !important; width: 100% !important; }
  html:not([data-appearance="light"]) body #dashboard-section#dashboard-section#dashboard-section#dashboard-section .dashboard-summary.dashboard-panel { display: grid !important; grid-template-columns: repeat(2,minmax(0,1fr)) !important; gap: 8px !important; padding: 0 !important; margin: 0 0 10px !important; background: transparent !important; border: 0 !important; box-shadow: none !important; }
  html:not([data-appearance="light"]) body #dashboard-section#dashboard-section#dashboard-section#dashboard-section :is(.dashboard-panel,.dashboard-summary-item,.dashboard-summary-rankscore) { border-radius: 11px !important; border: 0 !important; background: linear-gradient(135deg,#153443 0%,#0b1d2b 90%) !important; box-shadow: none !important; }
  html:not([data-appearance="light"]) body #dashboard-section#dashboard-section#dashboard-section#dashboard-section .dashboard-summary-item { display:grid !important; grid-template-columns:32px minmax(0,1fr) !important; grid-template-rows:auto auto !important; align-content:center !important; height:68px !important; min-height:68px !important; padding:10px !important; gap:3px 10px !important; }
  html:not([data-appearance="light"]) body #dashboard-section#dashboard-section#dashboard-section#dashboard-section .dashboard-summary-item::before { display:none !important; }
  html:not([data-appearance="light"]) body #dashboard-section#dashboard-section#dashboard-section#dashboard-section .dashboard-summary-icon { grid-column:1 !important; grid-row:1 / 3 !important; width:32px !important; height:32px !important; border-radius:11px !important; background:rgba(80,202,220,.06) !important; color:#acc7e3 !important; }
  html:not([data-appearance="light"]) body #dashboard-section#dashboard-section#dashboard-section#dashboard-section .dashboard-summary-icon svg { width:22px !important; height:22px !important; }
  html:not([data-appearance="light"]) body #dashboard-section#dashboard-section#dashboard-section#dashboard-section .dashboard-summary-item > .dashboard-summary-label { grid-column:2 !important; font-size:clamp(9px,2.65vw,13px) !important; line-height:1.3 !important; letter-spacing:0 !important; text-transform:none !important; color:#9dbbd5 !important; overflow-wrap:normal !important; }
  html:not([data-appearance="light"]) body #dashboard-section#dashboard-section#dashboard-section#dashboard-section .dashboard-summary-item > .dashboard-summary-value { grid-column:2 !important; font-size:clamp(19px,5.3vw,29px) !important; line-height:1.12 !important; font-weight:700 !important; color:#eaf2fd !important; }
  html:not([data-appearance="light"]) body #dashboard-section#dashboard-section#dashboard-section#dashboard-section .dashboard-summary-item:nth-child(1) { grid-area:1 / 1 / 2 / -1 !important; height:104px !important; padding:17px 14px 35px !important; grid-template-columns:34px minmax(0,1fr) !important; background:linear-gradient(120deg,#10505a,#102c3c 55%,#0b1c2c) !important; }
  html:not([data-appearance="light"]) body #dashboard-section#dashboard-section#dashboard-section#dashboard-section .dashboard-summary-item:nth-child(1) > .dashboard-summary-label { font-size:12px !important; }
  html:not([data-appearance="light"]) body #dashboard-section#dashboard-section#dashboard-section#dashboard-section .dashboard-summary-item:nth-child(1) > .dashboard-summary-value { font-size:32px !important; color:#69eff7 !important; }
  html:not([data-appearance="light"]) body #dashboard-section#dashboard-section#dashboard-section#dashboard-section .dashboard-summary-item:nth-child(3) { grid-area:1 / 1 / 2 / -1 !important; align-self:end !important; justify-self:start !important; display:flex !important; align-items:center !important; height:29px !important; min-height:0 !important; margin:0 0 10px 58px !important; padding:0 !important; gap:7px !important; background:transparent !important; }
  html:not([data-appearance="light"]) body #dashboard-section#dashboard-section#dashboard-section#dashboard-section .dashboard-summary-item:nth-child(3) .dashboard-summary-icon { display:none !important; }
  html:not([data-appearance="light"]) body #dashboard-section#dashboard-section#dashboard-section#dashboard-section .dashboard-summary-item:nth-child(3) > :is(.dashboard-summary-label,.dashboard-summary-value) { font-size:12px !important; line-height:1.3 !important; }
  html:not([data-appearance="light"]) body #dashboard-section#dashboard-section#dashboard-section#dashboard-section .dashboard-summary-item:nth-child(2) { grid-area:2 / 1 !important; }
  html:not([data-appearance="light"]) body #dashboard-section#dashboard-section#dashboard-section#dashboard-section .dashboard-summary-item:nth-child(4) { grid-area:2 / 2 !important; }
  html:not([data-appearance="light"]) body #dashboard-section#dashboard-section#dashboard-section#dashboard-section .dashboard-summary-item:nth-child(5) { grid-area:3 / 1 !important; }
  html:not([data-appearance="light"]) body #dashboard-section#dashboard-section#dashboard-section#dashboard-section .dashboard-summary-item:nth-child(6) { grid-area:3 / 2 !important; }
  html:not([data-appearance="light"]) body #dashboard-section#dashboard-section#dashboard-section#dashboard-section :is(.dashboard-summary-item:nth-child(2),.dashboard-summary-item:nth-child(4)) > :is(.dashboard-summary-value,.dashboard-summary-icon) { color:#34edb0 !important; }
  html:not([data-appearance="light"]) body #dashboard-section#dashboard-section#dashboard-section#dashboard-section .dashboard-summary-item > .dashboard-summary-value.negative { color:#ff5c66 !important; }
  html:not([data-appearance="light"]) body #dashboard-section#dashboard-section#dashboard-section#dashboard-section .dashboard-summary-rankscore { grid-area:4 / 1 / 5 / -1 !important; display:flex !important; height:45px !important; min-height:45px !important; padding:10px 18px !important; gap:12px !important; }
  html:not([data-appearance="light"]) body #dashboard-section#dashboard-section#dashboard-section#dashboard-section .dashboard-summary-badge-row { display:flex !important; align-items:center !important; justify-content:flex-start !important; flex:1 !important; gap:12px !important; color:#9dbbd5 !important; font-size:12px !important; }
  html:not([data-appearance="light"]) body #dashboard-section#dashboard-section#dashboard-section#dashboard-section .dashboard-summary-badge-row--score { border-left:1px solid #284252 !important; padding-left:18px !important; }
  html:not([data-appearance="light"]) body #dashboard-section#dashboard-section#dashboard-section#dashboard-section .dashboard-summary-badge-row strong { font-size:17px !important; transform:none !important; margin:0 !important; color:#eff4fc !important; }
  html:not([data-appearance="light"]) body #dashboard-section#dashboard-section#dashboard-section#dashboard-section #dashboard-investor-score { color:#60edf5 !important; }
  html:not([data-appearance="light"]) body #dashboard-section#dashboard-section#dashboard-section#dashboard-section .dashboard-main-grid { display:flex !important; flex-direction:column !important; gap:10px !important; margin:0 !important; width:100% !important; }
  html:not([data-appearance="light"]) body #dashboard-section#dashboard-section#dashboard-section#dashboard-section :is(.dashboard-performance,.dashboard-risk,.dashboard-breakdown,.dashboard-cash-flow,.dashboard-advanced-metrics-panel) { padding:16px !important; margin:0 !important; min-width:0 !important; }
  html:not([data-appearance="light"]) body #dashboard-section#dashboard-section#dashboard-section#dashboard-section .dashboard-performance { height:auto !important; max-height:none !important; display:flex !important; flex-direction:column !important; }
  html:not([data-appearance="light"]) body #dashboard-section#dashboard-section#dashboard-section#dashboard-section .dashboard-performance-header { display:flex !important; flex-direction:column !important; align-items:flex-start !important; gap:14px !important; }
  html:not([data-appearance="light"]) body #dashboard-section#dashboard-section#dashboard-section#dashboard-section .dashboard-panel-title { font-size:17px !important; line-height:1.3 !important; text-transform:none !important; letter-spacing:0 !important; }
  html:not([data-appearance="light"]) body #dashboard-section#dashboard-section#dashboard-section#dashboard-section .perf-title-wrap { display:flex !important; flex-direction:column !important; align-items:flex-start !important; gap:5px !important; }
  html:not([data-appearance="light"]) body #dashboard-section#dashboard-section#dashboard-section#dashboard-section #performance-return { font-size:16px !important; line-height:1.4 !important; margin:0 !important; }
  html:not([data-appearance="light"]) body #dashboard-section#dashboard-section#dashboard-section#dashboard-section .dashboard-performance-legend { display:flex !important; gap:20px !important; margin:0 !important; font-size:12px !important; }
  html:not([data-appearance="light"]) body #dashboard-section#dashboard-section#dashboard-section#dashboard-section .legend-label { font-size:12px !important; color:#eaf2fa !important; }
  html:not([data-appearance="light"]) body #dashboard-section#dashboard-section#dashboard-section#dashboard-section .legend-color { width:10px !important; height:10px !important; border-radius:50% !important; }
  html:not([data-appearance="light"]) body #dashboard-section#dashboard-section#dashboard-section#dashboard-section .dashboard-period-selector { display:flex !important; gap:6px !important; margin:14px 0 !important; padding:0 !important; flex-wrap:nowrap !important; }
  html:not([data-appearance="light"]) body #dashboard-section#dashboard-section#dashboard-section#dashboard-section .dashboard-period-selector .time-btn { flex:1 1 0 !important; min-width:0 !important; padding:7px 0 !important; border-radius:7px !important; font-size:10px !important; height:27px !important; background:#102634 !important; border:1px solid #183645 !important; color:#eef6ff !important; }
  html:not([data-appearance="light"]) body #dashboard-section#dashboard-section#dashboard-section#dashboard-section .dashboard-period-selector .time-btn.active { background:linear-gradient(120deg,#18bbc6,#00969f) !important; border-color:#23d2d8 !important; }
  html:not([data-appearance="light"]) body #dashboard-section#dashboard-section#dashboard-section#dashboard-section .dashboard-chart-frame { position:relative !important; box-sizing:border-box !important; height:200px !important; min-height:200px !important; max-height:none !important; width:calc(100% + 32px) !important; margin:0 -16px !important; }
  html:not([data-appearance="light"]) body #dashboard-section#dashboard-section#dashboard-section#dashboard-section #performance-chart { width:100% !important; height:100% !important; }
  html:not([data-appearance="light"]) body #dashboard-section#dashboard-section#dashboard-section#dashboard-section .dashboard-risk { height:340px !important; min-height:340px !important; }
  html:not([data-appearance="light"]) body #dashboard-section#dashboard-section#dashboard-section#dashboard-section .dashboard-risk-chart-wrap { min-height:0 !important; }
  html:not([data-appearance="light"]) body #dashboard-section#dashboard-section#dashboard-section#dashboard-section .dashboard-risk.is-line .dashboard-risk-history { inset:65px 16px 16px !important; }
  html:not([data-appearance="light"]) body #dashboard-section#dashboard-section#dashboard-section#dashboard-section :is(.dashboard-breakdown-table-wrap,.dashboard-mobile-metric-rows,.dashboard-advanced-metric-card,.dashboard-cash-flow-list,.metric-row) { background:transparent !important; box-shadow:none !important; }
  html:not([data-appearance="light"]) body #dashboard-section#dashboard-section#dashboard-section#dashboard-section .dashboard-advanced-metrics-panel { margin-top:10px !important; }
  html:not([data-appearance="light"]) body #dashboard-section#dashboard-section#dashboard-section#dashboard-section .dashboard-mobile-metric-heading { font-size:16px !important; text-transform:none !important; letter-spacing:0 !important; }
  html:not([data-appearance="light"]) body #dashboard-section#dashboard-section#dashboard-section#dashboard-section :is(.dashboard-advanced-metric-card,.dashboard-cash-flow .metric-row) { border-bottom:1px solid #203847 !important; padding-block:10px !important; border-radius:0 !important; }
  html:not([data-appearance="light"]) body #dashboard-section#dashboard-section#dashboard-section#dashboard-section .dashboard-summary-item:nth-child(3) { flex-direction: row !important; width: auto !important; }
  html:not([data-appearance="light"]) body #dashboard-section#dashboard-section#dashboard-section#dashboard-section .dashboard-summary-label { font-weight: 400 !important; }
  html:not([data-appearance="light"]) body #dashboard-section#dashboard-section#dashboard-section#dashboard-section .dashboard-summary-badge-row > span { text-transform: none !important; letter-spacing: 0 !important; font-size: 12px !important; font-weight: 400 !important; }
  html:not([data-appearance="light"]) body #dashboard-section#dashboard-section#dashboard-section#dashboard-section .perf-title-wrap > [data-i18n] { font-size: 17px !important; text-transform: none !important; letter-spacing: 0 !important; }
  html:not([data-appearance="light"]) body #dashboard-section#dashboard-section#dashboard-section#dashboard-section .legend-label { font-weight: 400 !important; }
  html:not([data-appearance="light"]) body #dashboard-section#dashboard-section#dashboard-section#dashboard-section .dashboard-performance { min-height: 0 !important; gap: 0 !important; }
}