/* Phone layout: complete labels and controls, no changes to print or business logic. */
@media screen and (max-width:700px) {
 body > aside nav button[data-page] {height:auto!important;min-height:44px!important;max-height:none!important;white-space:normal!important;overflow-wrap:anywhere;line-height:1.4!important;flex-shrink:0}
 body > main[data-section] :is(h1,h2,h3),body > dialog :is(h1,h2,h3) {min-width:0;max-width:100%;overflow-wrap:anywhere}
 body > main[data-section] :is(.panel-head,.toolbar,.actions,.form-actions),body > dialog :is(.panel-head,.toolbar,.actions,.form-actions,.dialog-head) {flex-wrap:wrap;min-width:0;gap:8px}
 body > main[data-section] :is(.panel-head,.toolbar,.actions,.form-actions)>*,body > dialog :is(.panel-head,.toolbar,.actions,.form-actions)>* {min-width:0;max-width:100%}
 body > main[data-section] button,body > dialog button {white-space:normal;overflow-wrap:anywhere;max-width:100%;height:auto;min-height:44px;line-height:1.4}
 body > main[data-section] .daily-work-grid :is(#shiftNotesPanel,#dailyTasksPanel) > .panel {height:auto!important;max-height:none!important;overflow:visible!important}
 body > main[data-section] .daily-work-grid .panel {height:auto!important;max-height:none!important;overflow:visible!important}
 body > dialog {width:calc(100% - 24px)!important;max-width:calc(100vw - 24px)!important;max-height:calc(100dvh - 24px)!important;padding:18px!important;overflow:auto}
 body > dialog :is(.two,.catch-inputs) {grid-template-columns:minmax(0,1fr)}
 body > dialog :is(input,select,textarea) {min-width:0;max-width:100%;font-size:16px}
 body > main[data-section] .scroll {max-width:100%;overflow-x:auto}
}

.mobile-selected-label {display:none}
@media screen and (max-width:700px) {
 #dialog .mobile-selected-label:not([hidden]) {display:block;margin-top:6px;font-size:14px;line-height:1.45;white-space:normal;overflow-wrap:anywhere;color:#243449;font-weight:500}
 #dialog #fields label.check {min-height:44px;align-items:center;gap:10px;line-height:1.45}
 #dialog #fields label.check input[type="checkbox"] {width:24px;height:24px;min-height:24px;flex:0 0 24px;margin:0}
 #dialog .form-actions {display:flex;flex-direction:column;gap:10px}
 #dialog .form-actions button {width:100%;margin-top:0;flex:0 0 auto}
}