/* Approved mobile Sign in / Quick actions Home. Desktop retains its existing layout. */
.bemo-mobile-quick,.bemo-mobile-links{display:none}
.bemo-mobile-forgot,.bemo-mobile-create{display:none}
.bemo-password-wrap{position:relative}
.bemo-password-toggle{display:none;position:absolute;right:4px;top:50%;transform:translateY(-50%);min-height:44px;padding:6px 12px;border:0;background:transparent;color:#2855ae;font:inherit;cursor:pointer}
@media(max-width:680px){
 .bemo-password-wrap input{padding-right:76px!important}
 .bemo-password-toggle{display:block}
 body[data-page=login]:has(#accountPassword[autocomplete=current-password]) .mode-switch{display:none}
 body[data-page=login]:has(#accountPassword[autocomplete=current-password]) .bemo-mobile-forgot,body[data-page=login]:has(#accountPassword[autocomplete=current-password]) .bemo-mobile-create{display:block;min-height:44px;padding:8px 0;background:transparent;border:0;color:#2855ae;font:inherit;text-align:left}
 body[data-page=login] .helpers .bemo-original-forgot{display:none}
 body[data-page=login]{background:#fff;color:#17213b}
 body[data-page=login] .bar{background:#fff;border-bottom:0}
 body[data-page=login] .bar-inner{padding:18px 22px;gap:16px}
 body[data-page=login] .brand img{max-width:170px;height:auto;filter:brightness(0) saturate(100%) invert(29%) sepia(57%) saturate(1288%) hue-rotate(186deg) brightness(89%) contrast(91%)}
 body[data-page=login] .back{font-size:13px;min-height:44px;display:flex;align-items:center}
 body[data-page=login] .login{padding:12px 22px 28px;max-width:440px;width:100%}
 body[data-page=login] #accountPanel{padding:0;margin:0;border:0;border-radius:0;box-shadow:none;background:#fff;max-width:none}
 body[data-page=login] #accountTitle{font-size:28px;line-height:1.2;margin:8px 0 10px;color:#17213b}
 body[data-page=login] #accountIntro{font-size:16px;color:#526175;margin:0 0 24px}
 body[data-page=login] .eyebrow{display:none}
 body[data-page=login] .field{margin-top:18px;min-width:0}
 body[data-page=login] label{font-size:16px;line-height:1.5;color:#17213b}
 body[data-page=login] input:not([type=checkbox]):not([type=hidden]),body[data-page=login] select{width:100%;min-width:0;min-height:52px;border:1px solid #a6b2c1;border-radius:10px;background:#fff;color:#17213b;font-size:16px;padding:12px}
 body[data-page=login] #accountPassword[autocomplete=current-password]~#accountPasswordHint{display:none}
 body[data-page=login] #accountForm:has(#accountPassword[autocomplete=current-password]) #accountPasswordHint{display:none}
 body[data-page=login] #accountSubmit{width:100%;min-height:52px;font-size:16px;background:#2855ae;color:#fff;border-radius:11px;margin-top:22px}
 body[data-page=login] .helpers{padding-top:18px;margin-top:20px;border-top:1px solid #e1e7ef;display:flex;flex-wrap:wrap;gap:8px 16px}
 body[data-page=login] .helpers button,body[data-page=login] .helpers a{min-height:44px;font-size:14px;display:inline-flex;align-items:center}
 body[data-page=login] .account-hint,body[data-page=login] .foot{font-size:13px;line-height:1.5}
 body[data-page=login] .account-message{overflow-wrap:anywhere}
 body[data-page=login] #accountStayField{margin-top:18px}
 #dashboardPanel .dx-head{margin-bottom:16px}
 #dashboardPanel .dx-head h1{font-size:26px;line-height:1.25}
 #dashboardPanel .dx-head-actions{display:none}
 #dashboardPanel .bemo-mobile-quick{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:0 0 20px}
 #dashboardPanel .bemo-mobile-quick button{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:9px;min-height:88px;min-width:0;margin:0;padding:14px;border:1px solid #d7e0eb;border-radius:12px;background:#fff;color:#2855ae;text-align:left;font:600 15px/1.4 Arial,sans-serif;white-space:normal}
 #dashboardPanel .bemo-mobile-quick svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8;flex:none}
 #dashboardPanel .dx-sheet{gap:16px}
 #dashboardPanel .dx-sec,#dashboardPanel .dx-side{padding:16px}
 #dashboardPanel .dx-sec h2,#dashboardPanel .dx-side h2{font-size:18px;line-height:1.3}
 #dashboardPanel #dashboardToday>.dx-visit{grid-template-columns:1fr auto;gap:10px;padding:16px 0}
 #dashboardPanel #dashboardToday>.dx-visit .dx-when{grid-column:1;grid-row:1}
 #dashboardPanel #dashboardToday>.dx-visit .dx-who{grid-column:1;grid-row:2}
 #dashboardPanel #dashboardToday>.dx-visit .dx-pill{grid-column:1;grid-row:3}
 #dashboardPanel #dashboardToday>.dx-visit .btn{grid-column:2;grid-row:1/4;min-height:44px;padding:10px 12px;font-size:14px}
 #dashboardPanel .dx-who strong{font-size:16px;overflow-wrap:anywhere}
 #dashboardPanel .dx-who small,#dashboardPanel .dx-when small,#dashboardPanel .dx-alert-text small{font-size:13px;line-height:1.5}
 #dashboardPanel .dx-alert-text strong{font-size:15px}
 #dashboardPanel .dx-refresh,#dashboardPanel .text-button{min-height:44px;font-size:14px}
 #dashboardPanel .bemo-mobile-links{display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px;margin:0 0 12px}
 #dashboardPanel .bemo-mobile-links button{min-height:44px;background:transparent;border:0;color:#2855ae;font:inherit;text-decoration:underline;padding:8px}
 #dashboardPanel .dx-kpi small,#dashboardPanel .dx-kpi span{font-size:13px}
 #bottomBar a span,#bottomBar button span{white-space:nowrap;overflow-wrap:normal;word-break:normal}
}

/* Restore a complete, single-column mobile appointment layout, including inherited named areas. */
@media(max-width:680px){
 #dashboardPanel.workspace-page #dashboardToday .dx-visit{display:grid;grid-template-columns:minmax(0,1fr);grid-template-areas:"when" "who" "pill" "open";gap:10px;align-items:start}
 #dashboardPanel.workspace-page #dashboardToday .dx-visit>.dx-when{grid-area:when;min-width:0}
 #dashboardPanel.workspace-page #dashboardToday .dx-visit>.dx-who{grid-area:who;min-width:0;width:100%}
 #dashboardPanel.workspace-page #dashboardToday .dx-visit>.dx-pill{grid-area:pill;justify-self:start;max-width:100%}
 #dashboardPanel.workspace-page #dashboardToday .dx-visit>.btn{grid-area:open;justify-self:stretch;min-width:0;width:100%;min-height:44px;margin:4px 0 0;font-size:14px}
 #dashboardPanel.workspace-page #dashboardToday .dx-when strong,#dashboardPanel.workspace-page #dashboardToday .dx-when small,#dashboardPanel.workspace-page #dashboardToday .dx-who strong,#dashboardPanel.workspace-page #dashboardToday .dx-who small{white-space:normal;word-break:normal;overflow-wrap:break-word;max-width:100%}
}