/* The existing clinical workspace, adapted to Safari touch and safe areas. */
:root{--web-blue:#183a63;--web-green:#18796d;--web-paper:#f3f7f9;--web-rule:#d7e2e8;--web-amber:#9c5b12}
html{-webkit-text-size-adjust:100%;scroll-padding-top:80px}
body{padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom);overscroll-behavior-y:none}
button,a,input,textarea,summary{touch-action:manipulation}
button,a{-webkit-tap-highlight-color:rgba(24,121,109,.14)}
[hidden]{display:none!important}
.web-guide{margin-top:22px;border-top:1px solid var(--web-rule);padding-top:14px;font-size:14px;color:#52677b;line-height:1.8}
.web-guide summary{cursor:pointer;color:var(--web-green);font-weight:600;padding:8px 0}
.web-guide a{color:var(--web-green)}
.web-identity{font-size:12px;color:#52677b;margin:20px 0 0}
.browser-workspace .workspace-note{padding-bottom:env(safe-area-inset-bottom)}
.browser-workspace video{max-height:55dvh}
.browser-workspace .sheet{max-height:92dvh;padding-bottom:max(20px,env(safe-area-inset-bottom))}
.browser-workspace .patient-management-page{min-height:100dvh}
@media(max-width:700px){
 .browser-workspace input,.browser-workspace textarea,.browser-workspace select{font-size:16px!important}
 .browser-workspace .login-page{padding:20px max(16px,env(safe-area-inset-left)) 30px;min-height:100dvh}
 .browser-workspace .login-card{width:100%;padding:24px 20px}
 .browser-workspace button{min-height:44px}
 .browser-workspace main{min-width:0}
 .browser-workspace .sheet-backdrop{padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right)}
 .browser-workspace .sheet textarea{max-width:100%}
 .browser-workspace .clinical-form-actions{flex-wrap:wrap}
 .browser-workspace .toast{bottom:max(20px,env(safe-area-inset-bottom));max-width:calc(100vw - 32px)}
}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}