/* R25.1 final UI convergence — tokens only. */
.modal-card{background:var(--surface-card);opacity:1;background-image:none;isolation:isolate}
.modal-card #modalBody,.modal-card .modal-actions,.modal-card #modalActions{background:var(--surface-card);opacity:1}
.modal-card h2{color:var(--olympus-navy)}
.modal-actions{align-items:center;flex-wrap:wrap}
.report-toolbar,.head-actions{flex-wrap:wrap}
.data-table-wrap,.schedule-wrap{max-width:100%;overflow-x:auto}

@media(max-width:420px){
  html,body,.app,main,.page{max-width:100%;min-width:0}
  .page.r25-page-shell{width:100%;padding:var(--space-3)}
  .modal{padding:var(--space-2)}
  .modal-card{width:100%;max-width:100%;max-height:calc(100dvh - var(--space-4));padding:var(--space-4)}
  .modal-card #modalBody{padding-right:0}
  .modal-actions,.modal-card #modalActions{display:grid;grid-template-columns:1fr;width:100%;gap:var(--space-2)}
  .modal-actions button,.modal-card #modalActions button{width:100%;margin:0}
  .report-toolbar{position:static;display:grid;grid-template-columns:1fr;width:100%;gap:var(--space-2)}
  .report-toolbar>*,.report-toolbar select,.report-toolbar button{width:100%;min-width:0}
  .head-actions{justify-content:flex-end;gap:var(--space-1)}
  .head-actions button{min-width:0;padding:var(--space-2)}
  .data-table-wrap,.schedule-wrap{width:100%;max-width:100%;overflow-x:auto;overscroll-behavior-inline:contain}
}