/* AlgoQC global responsive safety layer.
   Applied to every HTML page by VPS patch-runtime.sh. */
html,body{max-width:100%;min-width:0}
body{overflow-x:hidden}
*,*::before,*::after{min-width:0}
img,svg,video,canvas,iframe{max-width:100%;height:auto}
input,select,textarea,button{max-width:100%}
button,.btn,.ghost,.secondary,.danger,a.secondary,a.md-open-link{white-space:normal;overflow-wrap:anywhere;word-break:normal}
.wrap,main,.card,.grid,.tablecard,.table-wrap,.tablewrap,.toolbar,.filters,.action-buttons,.result-actions,.admin-workspace,.admin-workspace-main,.admin-workspace-pane,.workspace-source-card,.workspace-source-actions,.workspace-data-toolbar,.workspace-table-footer,.qc-report-toolbar,.snapshot-sync-head{min-width:0;max-width:100%}
.table-wrap,.tablewrap{overflow-x:auto;overflow-y:visible;-webkit-overflow-scrolling:touch;overscroll-behavior-inline:contain}
.table-wrap table,.tablewrap table{max-width:none}
.action-buttons,.result-actions,.workspace-source-actions,.toolbar,.filters{flex-wrap:wrap}

/* Admin Workspace: desktop remains compact, narrow windows stack actions. */
.admin-workspace-section-head{min-width:0}
.admin-workspace-section-head>div:first-child{min-width:0}
.admin-workspace-section-head .action-buttons{justify-content:flex-start}
.workspace-source-meta,.workspace-source-meta strong,.workspace-source-meta a{min-width:0;max-width:100%}
.workspace-source-meta strong,.workspace-source-meta a{overflow-wrap:anywhere;white-space:normal}
.workspace-source-actions>*{flex:0 1 auto}
.workspace-data-summary,.visitor-summary-grid,.qc-report-kpis{min-width:0}
.workspace-data-kpi,.visitor-summary-card,.qc-report-kpi{min-width:0}

@media(max-width:900px){
  .grid,.grid2{grid-template-columns:1fr!important}
  .admin-workspace-section-head{display:grid!important;grid-template-columns:1fr!important;gap:12px!important}
  .admin-workspace-section-head>.action-buttons,.admin-workspace-section-head>button{justify-self:start!important}
  .snapshot-sync-head{grid-template-columns:1fr!important}
  .snapshot-sync-button{justify-self:start!important}
  .workspace-source-card{grid-template-columns:1fr!important}
  .workspace-source-actions{justify-content:flex-start!important}
  .workspace-source-editor{grid-template-columns:1fr!important}
  .workspace-source-editor small{grid-column:auto!important}
  .workspace-user-form{grid-template-columns:1fr!important}
}

@media(max-width:700px){
  body.admin-workspace-mode>.wrap{width:100%!important;padding:0!important}
  .admin-workspace{border-radius:0!important;border-left:0!important;border-right:0!important;min-height:100svh}
  .admin-workspace-main{padding:14px!important;overflow:hidden}
  .admin-workspace-top{display:grid!important;grid-template-columns:minmax(0,1fr) auto;align-items:start}
  .admin-workspace-top h1{overflow-wrap:anywhere}
  .card{max-width:100%;overflow:hidden}
  .workspace-data-summary,.visitor-summary-grid,.qc-report-kpis{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .workspace-table-footer{align-items:flex-start!important;flex-direction:column!important}
  .workspace-pagination{width:100%;justify-content:space-between;gap:6px}
  .workspace-pagination button{min-width:0!important;flex:1 1 0}
  .workspace-page-number{min-width:0!important;flex:0 0 auto}
  .topin{flex-wrap:wrap}
  .filters{width:100%}
  .filteritem{flex:1 1 150px}
  .control{max-width:100%!important}
}

@media(max-width:520px){
  .admin-workspace-main{padding:10px!important}
  .admin-workspace-top{grid-template-columns:1fr!important;gap:8px!important}
  .admin-workspace-version{justify-self:start}
  .admin-workspace-section-head>.action-buttons,
  .workspace-source-actions,
  .result-actions,
  .toolbar,
  .filters{display:grid!important;grid-template-columns:1fr!important;width:100%!important;gap:8px!important}
  .admin-workspace-section-head>.action-buttons>*,
  .workspace-source-actions>*,
  .result-actions>*,
  .toolbar>button,
  .toolbar>a,
  .filters>button{width:100%!important;max-width:100%!important;margin-left:0!important;margin-right:0!important}
  .workspace-data-summary,.visitor-summary-grid,.qc-report-kpis{grid-template-columns:1fr!important}
  .workspace-source-card{padding:11px!important}
  .workspace-data-toolbar{display:grid!important;grid-template-columns:1fr!important}
  .workspace-data-toolbar label{min-width:0!important;width:100%!important}
  .snapshot-sync-button{width:100%!important;min-width:0!important}
  .card{padding:14px!important}
  .hero{padding:18px!important}
  h1{font-size:clamp(23px,9vw,30px)!important}
  h2{font-size:clamp(19px,7vw,24px)!important}
}