/* Touch-sized controls and safe-area spacing for phone browsers. */
@media(max-width:600px){
 body{font-size:14px;-webkit-text-size-adjust:100%}
 .topbar{min-height:60px;height:auto;gap:8px;padding-top:8px;padding-bottom:8px}
 #breadcrumb{font-size:10px;line-height:1.7;max-width:135px}
 .topbar>div{gap:7px}.save-status{max-width:84px;font-size:9px;line-height:1.6}
 .icon-btn{min-width:36px;height:36px}
 .sidebar{height:calc(66px + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom)}
 .app{padding-bottom:calc(66px + env(safe-area-inset-bottom))}
 nav a{min-height:48px;position:relative;padding-bottom:15px}
 nav a:after{bottom:5px;font-size:8px;white-space:nowrap}
 .button{min-height:44px;font-size:12px;display:inline-flex;align-items:center;justify-content:center}
 .page-head{gap:9px}.page-head h1{font-size:22px;line-height:1.55}.subtitle{font-size:12px}
 .chip{min-height:38px;font-size:12px}.text-btn{min-height:40px;font-size:12px}
 .task{flex-wrap:wrap}.task-content{flex-basis:calc(100% - 49px)}
 .tick{height:28px;width:28px;margin-top:0;font-size:14px}
 .task-title{font-size:14px}.task-meta{font-size:11px;gap:7px}.task-notes{font-size:12px}
 .task-actions{max-width:none;width:100%;padding-left:37px;justify-content:flex-start;gap:10px}
 .task-actions button{min-height:36px;padding:6px 13px;font-size:12px}
 .task-actions .review-action{background:#f5f8f0}
 .task-actions button:last-child{margin-left:auto;min-width:38px}
 .review-grid{gap:14px}.review-field,.adjustment{font-size:14px}
 .review-card{padding:18px}.review-card-head{align-items:flex-start}
 .panel-head{flex-wrap:wrap}.panel-head>div:has(.search){width:100%;display:flex;align-items:center;gap:8px}
 .panel-head .search{min-width:0;max-width:none;width:100%;font-size:16px;flex:1}
 .small-text{font-size:12px}.stat-foot{font-size:11px}
 dialog{padding:22px 18px;max-height:calc(100dvh - 24px - env(safe-area-inset-top) - env(safe-area-inset-bottom));width:calc(100% - 20px);max-width:calc(100% - 20px);overscroll-behavior:contain}
 .modal-head h2{font-size:20px}.form-grid{grid-template-columns:1fr;gap:0}
 form label{font-size:13px;margin:13px 0}
 form input:not([type=checkbox]),form select,form textarea,.daily-note{font-size:16px;min-height:44px}
 form textarea{line-height:1.7}.checks{display:grid;grid-template-columns:1fr 1fr;gap:8px}
 .checks label{line-height:1.7}.checks small{font-size:10px;max-width:none}
 .modal-actions{gap:8px;flex-wrap:wrap}.modal-actions>.button{flex:1;white-space:normal;text-align:center}
 .date-navigation{gap:7px;flex-wrap:wrap}.date-navigation>span{order:-1;width:100%;font-size:13px}
 #toast{bottom:calc(83px + env(safe-area-inset-bottom));font-size:13px;width:max-content;max-width:90vw}
 .info-actions{flex-wrap:wrap}.info-actions .button{flex:1}
}
@media(max-width:360px){.save-status{display:none}.page-head h1{font-size:20px}.stat{padding:12px}.stat strong{font-size:24px}.panel-head{gap:12px}}