/* Patient booking only; management and print retain their own layouts. */
@media screen {
body:not(.admin-mode){background:#f4f7f5;--blue:#267665;--pale:#edf5f0;--line:#dce6e0;--navy:#233f3c;--muted:#62766f}
body:not(.admin-mode) .head{max-width:1040px;padding:16px 24px}
body:not(.admin-mode) .brand{font-size:20px;letter-spacing:.04em}
body:not(.admin-mode) .demo{font-size:12px;padding:5px 16px;background:#faf1dc}
body:not(.admin-mode) .wrap{max-width:1040px;margin:20px auto}
body:not(.admin-mode) .view-tabs{margin-bottom:16px;background:#e7eee9;max-width:380px}
body:not(.admin-mode) .view-tabs button{padding:7px;font-size:12px}
body:not(.admin-mode) #patientTitle h1{font-size:26px;margin-bottom:16px}
body:not(.admin-mode) .eyebrow{font-size:11px;letter-spacing:.16em}
body:not(.admin-mode) .layout{grid-template-columns:minmax(0,1fr) 230px;gap:22px}
body:not(.admin-mode) #patientLayout>.panel{padding:26px;border-radius:18px;box-shadow:0 6px 28px #233f3c05}
body:not(.admin-mode) .side{border-top:3px solid #98b2a1}
body:not(.admin-mode) .side a{font-size:20px}
body:not(.admin-mode) #screen h2{font-size:23px;letter-spacing:.01em}
body:not(.admin-mode) .steps{margin-bottom:22px;gap:9px}
body:not(.admin-mode) .steps li{font-size:12px;padding-top:8px;border-top-width:2px}
body:not(.admin-mode) .steps .number{font-size:10px}
body:not(.admin-mode) #screen .services{gap:12px;margin-top:18px}
body:not(.admin-mode) #screen .choice{min-height:72px;border-radius:13px;padding:18px;transition:background .15s,border-color .15s;line-height:1.6}
body:not(.admin-mode) #screen .choice strong{font-size:18px}
body:not(.admin-mode) #screen .choice small{font-size:13px}
body:not(.admin-mode) #screen .choice .provider-label{font-size:17px;margin:4px 0;color:#286757}
body:not(.admin-mode) #screen .entry-mark{font-size:17px;font-weight:600;align-self:flex-start;color:#799087;padding-top:3px}
body:not(.admin-mode) #screen .entry-tag{font-size:10px;letter-spacing:.14em;color:#768d82;margin-bottom:3px}
body:not(.admin-mode) #screen .choice-arrow{margin-left:auto;flex:none;font-size:26px;color:#6b8c7c;font-weight:normal}
body:not(.admin-mode) #screen .quick-recall,body:not(.admin-mode) #screen .hygiene-card{background:#eff7f0;border-color:#a7c7b0}
body:not(.admin-mode) #screen .title-sub{display:inline-block;font-size:13px;font-weight:500;margin-left:9px}
body:not(.admin-mode) .entry-help,body:not(.admin-mode) .route-help{font-size:12px;color:#657b71;margin:14px 0 0}
body:not(.admin-mode) .actions{margin-top:20px;padding-top:17px}
body:not(.admin-mode) .primary{background:#286b57;border-radius:10px}
body:not(.admin-mode) .outline{min-height:44px;border-radius:9px}
body:not(.admin-mode) .field input,body:not(.admin-mode) .field textarea{border-color:#bfd0c5;border-radius:9px}
body:not(.admin-mode) .symptom-options{display:grid;grid-template-columns:1fr 1fr;gap:8px}
body:not(.admin-mode) .symptom-options>p{grid-column:1/-1;margin:6px 0}
body:not(.admin-mode) .symptom-choice{margin:0;padding:11px;font-size:14px;border-color:#d5e2d9;border-radius:9px;gap:9px}
body:not(.admin-mode) .symptom-choice:has(input:checked){background:#e8f3ec;border-color:#438366}
body:not(.admin-mode) .symptom-choice input{accent-color:#286b57}
body:not(.admin-mode) .summary th{width:32%}
body:not(.admin-mode) .calendar-nav{margin-top:16px}
body:not(.admin-mode) .slot{min-height:44px;border-color:#b7cec2;color:#285c49}
body:not(.admin-mode) .day.selected{background:#286b57;border-color:#286b57}
body:not(.admin-mode) .slot.selected{background:#286b57;color:white}
@media(max-width:800px){body:not(.admin-mode) .layout{grid-template-columns:1fr}body:not(.admin-mode) .side{display:none}body:not(.admin-mode) .wrap{margin:14px auto;padding:0 16px}body:not(.admin-mode) #patientLayout>.panel{padding:21px}}
@media(max-width:600px){body:not(.admin-mode) .head{padding:12px 16px}body:not(.admin-mode) .brand{font-size:17px}body:not(.admin-mode) .brand small{font-size:9px}body:not(.admin-mode) #patientTitle h1{font-size:23px;margin-bottom:12px}body:not(.admin-mode) #screen h2{font-size:20px}body:not(.admin-mode) #patientLayout>.panel{padding:18px}body:not(.admin-mode) #screen .choice{padding:14px;gap:11px}body:not(.admin-mode) #screen .choice strong{font-size:16px}body:not(.admin-mode) #screen .choice .provider-label{font-size:16px}body:not(.admin-mode) #screen .entry-mark{font-size:14px}body:not(.admin-mode) #screen .entry-tag{display:none}body:not(.admin-mode) #screen .choice small{font-size:12px}body:not(.admin-mode) #screen .title-sub{display:block;margin-left:0}body:not(.admin-mode) .symptom-options{grid-template-columns:1fr}body:not(.admin-mode) .two{gap:10px}body:not(.admin-mode) .steps li{font-size:11px}body:not(.admin-mode) .steps .number{display:block}body:not(.admin-mode) .entry-help{font-size:11px}body:not(.admin-mode) .view-tabs{margin-bottom:12px}body:not(.admin-mode) .summary{font-size:14px}}
}