/* Compact date selection without clipping content or disabling scrolling. */
body.date-step:not(.admin-mode) .head{padding:8px 24px}
body.date-step:not(.admin-mode) .brand{font-size:20px}
body.date-step:not(.admin-mode) .brand small{display:none}
body.date-step:not(.admin-mode) .wrap{margin:10px auto 12px}
body.date-step:not(.admin-mode) .view-tabs{margin-bottom:8px;padding:3px}
body.date-step:not(.admin-mode) .view-tabs button{padding:7px}
body.date-step:not(.admin-mode) #patientTitle .eyebrow{display:none}
body.date-step:not(.admin-mode) #patientTitle h1{font-size:23px;margin:0 0 8px}
body.date-step #patientLayout .panel{padding:18px}
body.date-step #patientLayout .steps{margin-bottom:12px}
body.date-step #patientLayout .steps li{padding-top:5px}
body.date-step #screen h2{font-size:21px;margin:0 0 4px}
body.date-step #screen>p{margin:0 0 8px}
body.date-step .calendar-nav{margin:10px 0 8px}
body.date-step .calendar-nav button{padding:6px 12px;min-height:40px}
body.date-step .day{padding:4px 0;min-height:70px;line-height:1.4}
body.date-step #slotArea{display:grid;grid-template-columns:1fr 1fr;gap:0 16px}
body.date-step #slotArea>h3,body.date-step #slotArea>.note{grid-column:1/-1;margin:10px 0 6px}
body.date-step .time-session{min-width:0}
body.date-step .time-session>p{margin:0 0 5px}
body.date-step .time-session .slots{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}
body.date-step .time-session .slot{min-height:44px;padding:6px 2px;font-size:15px}
body.date-step #screen .actions{position:static;margin-top:12px;padding:8px 0 0;box-shadow:none}
body.date-step #screen .actions button{padding:6px 18px;min-height:40px}
body.date-step #patientLayout .side hr{margin:14px 0}
body.date-step:not(.admin-mode)>footer{margin:8px auto;padding-bottom:10px;font-size:11px}
@media(max-width:600px){
 body.date-step:not(.admin-mode) .head{padding:6px 14px}
 body.date-step:not(.admin-mode) .wrap{margin:6px auto;padding:0 12px}
 body.date-step #patientLayout .panel{padding:0}
 body.date-step #patientTitle{display:none}
 body.date-step #screen h2{font-size:19px}
 body.date-step #screen>p{font-size:12px}
 body.date-step #slotArea{grid-template-columns:1fr;gap:0}
 body.date-step .time-session .slots{grid-template-columns:repeat(4,minmax(0,1fr));gap:5px}
 body.date-step .time-session>p{margin:5px 0 3px}
 body.date-step .day{min-height:62px}
 body.date-step .day strong{font-size:20px}
 body.date-step .day span,body.date-step .day small{font-size:11px}
 body.date-step .steps{margin-bottom:8px!important}
}