@media(max-width:920px){.app-grid{grid-template-columns:1fr}#side-panels{display:none;order:2}#side-panels.open{display:flex}.app-grid>.card{order:1}}@media(max-width:600px){.header{padding:10px 14px}.main-app{padding:14px}.landing{padding:42px 14px}.quote-card{flex-direction:column}.quote-actions{justify-content:flex-end}.app-grid td{height:48px}.day-modal{max-height:94vh;border-radius:20px 20px 0 0}.modal-overlay{align-items:flex-end;padding:0}.month-modal{max-height:94vh}.user-name{display:none}.header-brand .brand-name{font-size:.9rem}.auth-user-view{gap:7px}.auth-user-view .btn-sm{min-height:40px}.auth-user-view .header-settings{width:42px;height:42px;font-size:1.1rem}}
@media(max-width:600px),(pointer:coarse){.btn{min-height:44px}.btn-icon{width:44px;height:44px}.btn-quote{min-height:44px;padding:0 10px}.symptom-row{min-height:44px}}
@media(max-width:600px){.main-app{padding-left:max(14px,env(safe-area-inset-left));padding-right:max(14px,env(safe-area-inset-right))}.header{padding-left:max(14px,env(safe-area-inset-left));padding-right:max(14px,env(safe-area-inset-right))}.modal-footer{padding-bottom:max(16px,env(safe-area-inset-bottom))}.toast{bottom:max(24px,calc(env(safe-area-inset-bottom) + 12px));max-width:calc(100vw - 24px);text-align:center}.update-bar{flex-wrap:wrap;justify-content:center;text-align:center}.update-bar .btn{width:100%}}
@media(max-width:420px){.brand-icon{display:none}.header-brand .brand-name{font-size:.82rem}.header-brand .brand-date{display:none}.auth-user-view{gap:5px}.auth-user-view .btn-ghost{padding-left:10px;padding-right:10px}.quote-actions{flex-wrap:wrap}}