/* Small screens: keep actions visible and let wide data scroll within its panel. */
@media screen and (max-width: 900px) {
  .cols2, .cols2.home-top, .dv-split, .rpt-2col, .rpt-modelgrid {
    grid-template-columns: minmax(0, 1fr) !important;
  }
  .cols2 > *, .rpt-2col > *, .rpt-modelgrid > * { min-width: 0; }
  .panel-head, .subtabs, .page-head > .row, .top { flex-wrap: wrap !important; }
  .subtabs { gap: 4px; }
  .subtabs > * { flex-shrink: 0; }
  .panel-head > .spacer, .subtabs > .spacer { display: none; }
  .content .row { flex-wrap: wrap; }
  .content .ssel { max-width: 100%; }
  .dv-split > .dv-right { position: static; max-height: none; }
  .top { height: auto; min-height: 48px; }
  .top .crumb { min-width: 0; white-space: normal; overflow-wrap: anywhere; }
  .rpt-table { display: block; max-width: 100%; overflow-x: auto; }
  .panel:has(.mrow) { overflow-x: auto; }
  .mrow.m-month { min-width: 440px; }
  .mrow.m-pareto { min-width: 340px; }
  .panel-head > * { min-width: 0; }
  .ph-controls { flex-wrap: wrap; max-width: 100%; }
}
@media screen and (max-width: 520px) {
  .kpis6 { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
  .kpis6 > .kpi { min-width: 0; }
  .kpis6 .kpi .sub { white-space: normal; overflow-wrap: anywhere; }
}