@media (max-width: 1024px) {
  .metrics-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .main-viewport { padding: 1.25rem; }
}
@media (max-width: 768px) {
  .top-header { padding-inline: .75rem; }
  .header-right { gap:.5rem; }
  .brand-emblem { width:40px;height:40px; }
  .brand-titles .system-name { font-size:.75rem; }
  .page-header,.screen-header,.section-heading { align-items:flex-start; flex-direction:column; }
  .page-actions { width:100%; flex-wrap:wrap; }
  .page-actions .btn { flex:1 1 auto; }
  .table-responsive,.table-container { border:0; overflow:visible; }
  .data-table { min-width:680px; }
  .table-responsive,.table-container { overflow-x:auto; overscroll-behavior-inline:contain; }
  .modal-content { max-height:calc(100vh - 1rem); border-radius:var(--radius-md); }
  .main-viewport { width:100%; }
  #screen-dashboard > div[style*="grid-template-columns"] { grid-template-columns:1fr!important; }
  #screen-candidate-profile [style*="grid-template-columns: repeat(4"] { grid-template-columns:1fr 1fr!important; }
}
@media (max-width: 560px) {
  :root { --header-height:64px; }
  .metrics-grid { grid-template-columns:1fr; }
  .card,.panel { padding:1rem; }
  .main-viewport { padding:.75rem; }
  .lang-btn { padding:.35rem .55rem; }
  .brand-titles .org-kh { font-size:.75rem; }
  .brand-titles .system-name { max-width:150px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
  .filter-bar,.filters { grid-template-columns:1fr!important; align-items:stretch; }
  .search-input-group { min-width:0; }
  .btn,.button { width:100%; }
  .exam-actions { display:grid!important; grid-template-columns:1fr 1fr; }
  .exam-actions > :last-child:nth-child(odd) { grid-column:1/-1; }
}