@media (max-width:700px){
  html,body{width:100%;min-width:0;overflow-x:hidden}
  .app-shell{display:block;min-height:100dvh}
  .sidebar{width:min(82vw,290px);left:calc(-1 * min(82vw,290px));height:100dvh;padding:20px 14px;box-shadow:12px 0 32px rgba(59,25,40,.18)}
  .sidebar.open{left:0}
  .brand{padding:0 7px 18px}.brand-logo{width:39px!important;height:39px!important}.brand b{font-size:17px}
  .module-label{padding:8px 10px}.nav-item{padding:10px 11px;font-size:13px}
  .topbar{height:68px;padding:0 14px;gap:10px}.topbar h1{font-size:17px;line-height:1.15}.eyebrow{font-size:8px}.menu-btn{width:36px;height:36px;flex:0 0 36px}.avatar{width:34px;height:34px}.top-actions{gap:7px}
  .content{padding:14px;max-width:none}.view.active{animation:none}
  .stats{gap:9px;margin:0 0 12px}.stat{padding:13px 11px;gap:9px;min-width:0}.stat-icon{width:34px;height:34px;flex:0 0 34px}.stat b{font-size:19px}.stat small{font-size:10px}
  .grid.two-one{gap:12px;margin-bottom:12px}.card{padding:16px;border-radius:14px}.card.flush{border-radius:14px}.card-head{gap:10px}.card h3{font-size:15px}
  .low-row{grid-template-columns:1fr 62px;gap:8px}.low-row .progress{display:none}.stock-low{font-size:11px}
  .qr-box{width:124px;height:124px;margin:13px auto 6px}.fake-qr img{display:block;max-width:112px;height:auto}
  .action-row{flex-direction:column;align-items:stretch;gap:9px}.search{min-width:0;width:100%}.action-row>.btn,.action-row>.standalone-select{width:100%;min-height:42px}
  .filter-row{overflow:auto;padding-bottom:3px;white-space:nowrap}.filter{flex:0 0 auto}
  .form-grid,.official-grid{grid-template-columns:1fr!important;gap:0}.split-form{grid-template-columns:1fr;gap:12px}.info-panel{padding:18px}.form-card h2{font-size:21px}
  .mode-tabs{overflow:auto;white-space:nowrap}.mode-tab{flex:0 0 auto}.upload-zone{padding:28px 16px}.import-footer{gap:12px}.import-footer .btn{white-space:normal}
  .public-view{margin:-14px;min-height:calc(100dvh - 68px);padding-bottom:20px}.public-top{height:58px;padding:0 14px}.secure-chip{font-size:9px;padding:6px 8px}.public-layout{display:block;padding:20px 14px}.public-intro{padding:0 4px 16px}.public-intro h2{font-size:23px}.public-intro .steps{display:none}.public-form{padding:18px}.signature-wrap{height:150px}
  .public-access-mode .content{padding:0}.public-access-mode .public-top{padding:0 14px}.public-access-mode .public-layout{padding:20px 14px}
  .opname-banner{padding:19px 17px;border-radius:14px 14px 0 0;display:block}.opname-banner h2{font-size:21px}.period{display:inline-block;margin-top:14px;text-align:left}.opname-footer{align-items:stretch;flex-direction:column;gap:12px}.opname-footer .btn{width:100%}
  .report-filters{grid-template-columns:1fr!important;gap:2px}.report-grid{gap:10px}.report-card{padding:16px}.print-preview{overflow:auto}
  .profile-layout{display:block}.teacher-actions{display:grid;grid-template-columns:1fr;gap:8px}.teacher-actions .btn{width:100%}.profile-note{margin-top:12px}
  .modal{padding:12px;align-items:end}.modal-card{padding:20px;border-radius:18px 18px 12px 12px}.modal-actions .btn{flex:1}
  .toast{right:14px;bottom:14px;left:14px;text-align:center}
  .table-wrap{-webkit-overflow-scrolling:touch;border-radius:inherit}.table-wrap table{min-width:620px}th,td{padding:11px 12px}
}