/* Screen presentation only; original currency text is retained for print/exports. */
@media screen {
  .dashboard-overview { display:grid; grid-template-columns:minmax(0,3fr) minmax(280px,1fr); gap:16px; align-items:stretch; margin-bottom:16px; }
  .dashboard-overview>.card { display:flex; flex-direction:column; min-width:0; }
  .dashboard-overview .chart-box { flex:1; min-height:330px; height:auto!important; }
  .dashboard-overview>.dashboard-summary { display:grid; grid-template-columns:minmax(0,1fr)!important; grid-template-rows:repeat(5,minmax(78px,1fr)); gap:10px; margin:0; }
  .dashboard-summary>.kpi { display:flex; flex-direction:column; justify-content:center; padding:12px 16px; min-width:0; }
  .dashboard-summary .kpi-val { font-size:22px; overflow-wrap:anywhere; }
  .dashboard-summary .kpi-lbl { margin-bottom:4px; }
  .dashboard-summary .kpi-chg { margin-top:3px; }
  .dashboard-secondary { grid-template-columns:minmax(0,2fr) minmax(280px,1fr)!important; align-items:stretch; }
  .dashboard-secondary>.card { margin:0!important; min-width:0; }
  #appWrapper.top-navigation-layout .top-navigation-account .account-administration-panel { position:static; width:100%; max-height:0; padding:0; }
  #appWrapper.top-navigation-layout .top-navigation-account .account-administration-panel.open { max-height:500px; padding-bottom:8px; }
  .top-navigation-account #sbToggleAdministration { padding:10px; text-transform:none; letter-spacing:0; font-size:12.5px; color:var(--text-1); }
  .top-navigation-account .account-administration-panel .sb-item { padding:9px 10px; }
  :is(#appWrapper,#modalBody,#myAfsScreen) .screen-money-original { display:none; }
  :is(#appWrapper,#modalBody,#myAfsScreen) .screen-money-token[data-foreign="true"]::before { content:attr(data-currency) ' '; }
  :is(#appWrapper,#modalBody,#myAfsScreen) .screen-money-token[data-foreign="true"][data-position="after"]::before { content:' ' attr(data-currency); }
  @media(max-width:900px) {
    .dashboard-overview,.dashboard-secondary { grid-template-columns:minmax(0,1fr)!important; }
    .dashboard-overview>.dashboard-summary { grid-template-columns:repeat(2,minmax(0,1fr))!important; grid-template-rows:none; }
    .dashboard-summary>.kpi:last-child { grid-column:1/-1; }
    .dashboard-overview .chart-box { min-height:280px; height:280px!important; flex:0 0 280px; }
  }
  @media(max-width:450px) { .dashboard-summary .kpi-val { font-size:19px; } }
}

