#modal.registration-fullscreen[open]{inset:0;margin:0;width:100vw;max-width:none;height:100dvh;max-height:none;border:0;border-radius:0;display:flex;flex-direction:column;box-shadow:none;background:#fff}
#modal.registration-fullscreen .modal-head{padding:22px clamp(24px,4vw,64px);flex-shrink:0;background:#f8fbf8}
#modal.registration-fullscreen .modal-head h2{font-size:23px}
#modal.registration-fullscreen .modal-body{flex:1;min-height:0;max-height:none;padding:24px clamp(24px,4vw,64px) 40px;overflow:auto;overscroll-behavior:contain}
#modal.registration-fullscreen .modal-footer{flex-shrink:0;padding:18px clamp(24px,4vw,64px);background:white}
#modal.registration-fullscreen .modal-footer button{min-width:120px;min-height:44px}
#modal.registration-fullscreen[data-registration-step="Patient information"] .modal-body{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px 28px;align-content:start}
#modal.registration-fullscreen[data-registration-step="Patient information"] .modal-body>h3,#modal.registration-fullscreen[data-registration-step="Patient information"] .modal-body>p{grid-column:1/-1;margin:12px 0 0}
#modal.registration-fullscreen[data-registration-step="Patient information"] .modal-body>button{grid-column:1/-1;justify-self:start}
#modal.registration-fullscreen .field{margin:0;min-width:0}
#modal.registration-fullscreen .field input,#modal.registration-fullscreen .field select{min-height:44px;width:100%;box-sizing:border-box}
#modal.registration-fullscreen .patient-picker{width:100%;min-height:60px;text-align:left}
#modal.registration-fullscreen .register-choices{display:flex;gap:16px}
#modal.registration-fullscreen[data-registration-step="Visit information"] .modal-body{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;align-content:start}
#modal.registration-fullscreen[data-registration-step="Visit information"] .modal-body>.patient{grid-column:1/-1}
@media(max-width:900px){#modal.registration-fullscreen[data-registration-step="Patient information"] .modal-body{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){#modal.registration-fullscreen .modal-head{padding:18px 20px}#modal.registration-fullscreen .modal-body{padding:20px}#modal.registration-fullscreen .modal-footer{padding:14px 20px}#modal.registration-fullscreen[data-registration-step="Patient information"] .modal-body,#modal.registration-fullscreen[data-registration-step="Visit information"] .modal-body{grid-template-columns:1fr}#modal.registration-fullscreen .register-choices{flex-direction:column}}