/* V3.22 responsive overrides placeholder. Add mobile/tablet CSS here. */


/* --------------------------------------------------------------------------
   V3.26.1 Header Pagination UI Fix - Responsive
-------------------------------------------------------------------------- */
@media(max-width:1100px){
  .top.app-shell-header{flex-wrap:wrap!important;gap:10px!important}
  .nav{order:10;width:100%;overflow:auto;display:flex!important;padding-bottom:4px}
  .nav a{white-space:nowrap!important}
  .calling-titlebar{top:0!important}
  .attempts-summary-th,.attempts-summary-cell{min-width:360px!important}
  .control-grid,.control-grid.small-grid,.control-kpis{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(max-width:760px){
  .wrap{padding:10px 10px 92px!important}
  .calling-titlebar{display:grid!important;gap:10px!important;border-radius:16px!important}
  .calling-titlebar h1{font-size:20px!important}
  .modal{width:96vw!important;max-height:94vh!important;border-radius:18px!important}
  .modal-body{padding:10px!important}
  .call-hero{grid-template-columns:1fr!important}
  .modal-savebar{display:grid!important;gap:10px!important}
  .control-grid,.control-grid.small-grid,.control-kpis{grid-template-columns:1fr!important}
  .backup-grid{grid-template-columns:1fr!important}
  .table-scroll{border-radius:14px!important}
  .sheet-table.mockup-table th{font-size:10px!important}
}