.phone-card h2{margin-top:8px}.phone-card li{margin:10px 0}.phone-actions{display:flex;gap:12px;flex-wrap:wrap;align-items:center}.phone-card p{max-width:65ch}#phone-status{font-weight:700;color:var(--deep)}
@media(max-width:700px){
  body{min-height:100dvh}aside{padding-top:max(10px,env(safe-area-inset-top));padding-left:max(18px,env(safe-area-inset-left));padding-right:max(18px,env(safe-area-inset-right))}
  main{padding-bottom:calc(100px + env(safe-area-inset-bottom));padding-left:max(16px,env(safe-area-inset-left));padding-right:max(16px,env(safe-area-inset-right))}
  nav{padding:6px 2px calc(6px + env(safe-area-inset-bottom));gap:1px}nav button{flex:1;max-width:none;min-width:0;min-height:52px;font-size:10px;padding:5px 2px;overflow-wrap:anywhere}
  button,.secondary,.primary,summary{min-height:44px}.icon{min-width:44px;min-height:44px}.logout{padding:10px}
  input:not([type=checkbox]),select,textarea{font-size:16px;min-width:0;max-width:100%}.primary{white-space:normal}.form-grid{grid-template-columns:1fr}
  .card-head,.finance-head{flex-wrap:wrap}.card-head>*,.pref-grid>*{min-width:0}.admin-toolbar label{max-width:100%}
  dialog.wide-dialog{max-width:calc(100vw - 16px);max-height:calc(100dvh - env(safe-area-inset-top) - env(safe-area-inset-bottom) - 24px);padding:16px;overscroll-behavior:contain}
  .dialog-head{position:sticky;top:-16px;background:white;z-index:1;padding:12px 0}.dialog-head h2{font-size:23px}
  .toast{bottom:calc(85px + env(safe-area-inset-bottom));width:max-content}.phone-actions{display:grid;grid-template-columns:1fr}.phone-card{padding:18px}.phone-card ol{padding-left:22px}
  .admin-stats{gap:10px}.stat{min-width:0}.admin-stats .value{font-size:24px}.stat .value span{display:block;margin-left:0}
  .table-wrap{max-width:100%;overscroll-behavior-x:contain}.review-notes,.notice,.error,footer{overflow-wrap:anywhere}
}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}}

.phone-shortcut{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:20px;font-size:13px;color:var(--deep)}

@media(max-width:700px){dialog{max-height:calc(100dvh - env(safe-area-inset-top) - env(safe-area-inset-bottom) - 24px);overscroll-behavior:contain}.mini-row{gap:10px}.mini-row .name{min-width:0;overflow-wrap:anywhere}.lesson-card h3{overflow-wrap:anywhere}.lesson-card .actions{flex-wrap:wrap}.lesson-card .pill{white-space:normal}.total{gap:10px;flex-wrap:wrap}.upload-box{overflow-wrap:anywhere}.login{margin-top:5vh}.phone-shortcut>button{width:100%}.card{min-width:0}.lesson-card{min-width:0}.lesson-card>div{min-width:0}.stat .value{overflow-wrap:anywhere}.stat:last-child{flex-wrap:wrap;gap:8px}}

@media(max-width:700px){.columns{grid-template-columns:minmax(0,1fr)}.columns>div{min-width:0}}