/* Mobile polish for the private form studio and public response pages. */
@media screen and (max-width:800px) {
  .header-inner { flex-wrap:wrap; justify-content:space-between; min-width:0; }
  .topnav { order:3; width:100%; margin:0; justify-content:space-between; display:flex; gap:6px; }
  .topnav a { flex:1 1 0; min-height:44px; padding:12px 6px; text-align:center; border-radius:10px; white-space:nowrap; }
  .header-chip { display:none; }
  .studio-head,.studio-grid,.studio-work,.studio-sidebar,.design-columns,.question-card,.response-detail-fields { min-width:0; }
  .studio-head { gap:10px; }
  .studio-sidebar { overflow:visible; }
  .studio .btn,.work-tabs .tab { min-height:44px; }
  .work-tabs { display:flex; width:100%; overflow-x:auto; }
  .work-tabs .tab { flex:1 1 0; white-space:normal; }
  .save-bar>.btn { flex:1 1 150px; }
  .share-panel { min-width:0; }
  .share-row { min-width:0; }
  .share-row input { min-width:0; flex:1; }
  .responses-actions .btn { min-height:44px; }
  .global-status { bottom:max(13px,env(safe-area-inset-bottom)); right:12px; left:12px; max-width:none; }
}
@media screen and (max-width:520px) {
  .header-inner { padding:10px 13px; }
  .topnav a:nth-child(3) { display:flex; align-items:center; justify-content:center; }
  .brand { min-width:0; }
  .welcome,.login-panel,.studio,.studio-grid,.studio-work,.form-workspace { min-width:0; }
  .studio { padding:0 10px; }
  .studio-head { display:flex; flex-wrap:wrap; align-items:flex-start; padding-inline:3px; }
  .studio-head h1 { font-size:26px; }
  .studio-head>.btn { min-width:72px; margin-left:auto; }
  .studio-sidebar { padding:16px 14px; }
  .form-list { grid-template-columns:repeat(2,minmax(0,1fr)); gap:7px; }
  .design-columns,.editor-column,.preview-column { min-width:0; }
  .editor-column,.preview-column { padding:17px 13px; }
  .question-grid { grid-template-columns:minmax(0,1fr); }
  .q-head { flex-wrap:wrap; gap:7px; }
  .q-buttons { flex-wrap:wrap; }
  .q-buttons button { min-width:36px; min-height:40px; }
  .section-label.questions-label { gap:8px; flex-wrap:wrap; }
  .save-bar { gap:8px; }
  .save-bar>.btn { flex-basis:100%; }
  .form-preview { padding:15px 13px; }
  .share-row { display:grid; grid-template-columns:minmax(0,1fr) auto; }
  .share-row>.btn { min-height:44px; }
  .responses-view { padding:17px 12px; }
  .responses-actions { width:100%; display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:6px; }
  .responses-actions .btn { min-width:0; white-space:normal; padding:9px 6px; }
  .responses-actions .btn:last-child { grid-column:1 / -1; }
  .response-dialog-head { padding:15px 13px; }
  .response-detail-body { padding:13px; }
  .response-dialog-foot { padding:12px 13px; }
  .public-panel { padding:0 10px; margin:25px auto 50px; }
  .public-content { padding:20px 16px; }
  .public-form input,.public-form select,.public-form textarea,.login-row input { font-size:16px; }
}