/* Patient phones: fit the viewport without freezing vertical scroll or zoom. */
@media screen and (max-width:760px){
 html[data-portal-area="patient"]{width:100%;max-width:100%;overflow-x:hidden;overflow-x:clip;overscroll-behavior-x:none}
 body[data-portal-area="patient"]{width:100%;max-width:100%;min-width:0;margin-inline:0;overflow-x:hidden;overflow-x:clip;overscroll-behavior-x:none}
 body[data-portal-area="patient"] *,body[data-portal-area="patient"] *::before,body[data-portal-area="patient"] *::after{box-sizing:border-box}
 body[data-portal-area="patient"]>header,body[data-portal-area="patient"]>main,body[data-portal-area="patient"]>footer{width:100%;max-width:100%;min-width:0;margin-inline:0}
 body[data-portal-area="patient"]>header{flex-wrap:wrap;gap:8px;padding-inline:12px}
 body[data-portal-area="patient"]>header>*{min-width:0;max-width:100%}
 body[data-portal-area="patient"]>header :where(.portal-brand,.portal-brand-compact){white-space:normal;overflow-wrap:anywhere}
 body[data-portal-area="patient"]>main{padding-inline:12px}
 body[data-portal-area="patient"] #app,body[data-portal-area="patient"] #app :where(section,article,form,fieldset,label,.panel,.card,.row,.grid,.actions,.directory-list-column,.directory-map-box){min-width:0;max-width:100%}
 body[data-portal-area="patient"] #app :where(.grid,.doctor-grid,.directory-filters,.doctor-facts){grid-template-columns:minmax(0,1fr)}
 body[data-portal-area="patient"] #app :where(.row,.actions,.request-page-heading,.request-card-heading,.request-filter,.doctor-contact-actions,.map-tools){flex-wrap:wrap}
 body[data-portal-area="patient"] :where(#app,dialog,#case-chat-panel) :where(input:not([type=checkbox]):not([type=radio]),select,textarea){min-width:0;max-width:100%;width:100%;font-size:16px}
 body[data-portal-area="patient"] #app :where(input[type=checkbox],input[type=radio]){flex-shrink:0}
 body[data-portal-area="patient"] :where(#app,dialog,#case-chat-panel) :where(button,a.button){min-width:0;max-width:100%;white-space:normal;overflow-wrap:anywhere}
 body[data-portal-area="patient"] :where(#app,dialog,#case-chat-panel) :where(p,pre,dd,a,h1,h2,h3,label,.pill){overflow-wrap:anywhere}
 body[data-portal-area="patient"] :where(#app,dialog) pre{white-space:pre-wrap}
 body[data-portal-area="patient"] #app img:not(.leaflet-tile){max-width:100%;height:auto}
 body[data-portal-area="patient"] :where(#patient-actions,#workspace-toolbar,#workspace-sidebar,#patient-account,#patient-account-menu,#case-chat-panel){min-width:0;max-width:100%}
 body[data-portal-area="patient"] #patient-account-menu{max-width:calc(100vw - 24px)}
 body[data-portal-area="patient"] #workspace-toolbar .workspace-trail{flex-wrap:wrap;min-width:0}
 body[data-portal-area="patient"] #workspace-toolbar .workspace-trail nav{min-width:0;max-width:100%;flex-wrap:wrap}
 body[data-portal-area="patient"] dialog{min-width:0;width:calc(100% - 24px);max-width:calc(100% - 24px);max-height:calc(100dvh - 24px);overflow-y:auto}
 body[data-portal-area="patient"] #app .request-feedback-select{min-width:0;max-width:100%;flex-shrink:1}
 body[data-portal-area="patient"] #app .request-card-heading>div{min-width:0;flex:1 1 140px}
 body[data-portal-area="patient"] #app .request-filter{width:100%}
 body[data-portal-area="patient"] #app .request-filter button{flex:1 1 120px}
 body[data-portal-area="patient"] #case-chat-panel{max-width:100%;width:100%}
}
@media screen and (max-width:400px){
 body[data-portal-area="patient"] #app .request-card-heading .request-feedback-select{width:100%;max-width:100%;flex-basis:100%}
 body[data-portal-area="patient"] #app .request-page-actions{width:100%;margin-inline:0}
}