/* Visitor contact actions; the private intake workspace has no blue-dimension class. */
.blue-dimension .mobile-contact-bar {display:contents}
.blue-dimension .mobile-contact-bar>:is(.mobile-contact-call,.mobile-contact-request) {display:none}

@media screen and (max-width:920px) {
 .blue-dimension .mobile-nav {
  max-height:calc(100vh - 140px);
  max-height:calc(100dvh - 140px);
  overflow-y:auto;
  overscroll-behavior-y:contain;
  -webkit-overflow-scrolling:touch;
 }
 .blue-dimension .top-inner {gap:10px}
 .blue-dimension .top-inner>span {min-width:0;overflow-wrap:break-word}
 .blue-dimension .top-inner>div {gap:4px}
 .blue-dimension .top-inner a[lang] {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:44px;
  min-height:44px;
  padding:8px;
 }
}

@media screen and (max-width:680px) {
 body.blue-dimension {padding-bottom:calc(80px + env(safe-area-inset-bottom,0px))}
 .blue-dimension .mobile-contact-bar {
  position:fixed;
  inset:auto 0 0;
  z-index:70;
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(0,1.35fr);
  align-items:stretch;
  gap:8px;
  padding:8px max(12px,env(safe-area-inset-right,0px)) calc(8px + env(safe-area-inset-bottom,0px)) max(12px,env(safe-area-inset-left,0px));
  border-top:1px solid #d8e5f7;
  background:#fff;
  box-shadow:0 -4px 18px #164d9910;
 }
 .blue-dimension .mobile-contact-bar[data-guide-ready="true"] {grid-template-columns:minmax(0,1fr) minmax(0,1.35fr) 48px}
 .blue-dimension .mobile-contact-bar>:is(.mobile-contact-call,.mobile-contact-request) {
  display:flex;
  align-items:center;
  justify-content:center;
  gap:7px;
  min-width:0;
  min-height:48px;
  padding:8px;
  border:1px solid #c9dcf7;
  border-radius:9px;
  color:#174f9c;
  font-size:13px;
  font-weight:600;
  line-height:1.3;
  text-align:center;
  overflow-wrap:break-word;
 }
 .blue-dimension .mobile-contact-bar .mobile-contact-request {background:#1356ee;border-color:#1356ee;color:#fff}
 .blue-dimension .mobile-contact-bar .mobile-contact-call:hover {background:#edf4ff}
 .blue-dimension .mobile-contact-bar .mobile-contact-request:hover {background:#1049cd}
 .blue-dimension .mobile-contact-bar>a .icon {width:18px;height:18px}
 .blue-dimension .mobile-contact-bar>a>span {min-width:0}
 .blue-dimension #contact-request {scroll-margin-top:96px;scroll-margin-bottom:calc(96px + env(safe-area-inset-bottom,0px))}
 .blue-dimension :is(a,button,input,select,textarea,[tabindex]) {scroll-margin-bottom:calc(96px + env(safe-area-inset-bottom,0px))}
 .blue-dimension .mobile-contact-bar .guide-launch {
  position:static;
  inset:auto;
  display:grid;
  place-items:center;
  width:48px;
  height:100%;
  min-width:48px;
  min-height:48px;
  padding:0;
  border:1px solid #c9dcf7;
  border-radius:9px;
  background:#f1f6ff;
  color:#174f9c;
  box-shadow:none;
 }
 .blue-dimension .mobile-contact-bar .guide-launch:hover {background:#e5efff}
 .blue-dimension .mobile-contact-bar .guide-launch>span {display:none}
 .blue-dimension .mobile-contact-bar .guide-launch .icon {width:21px;height:21px}
 .blue-dimension .mobile-contact-bar>:is(a,button):focus-visible {outline:3px solid #0b3b8b;outline-offset:2px}
 .blue-dimension .care-guide {
  right:max(12px,env(safe-area-inset-right,0px));
  bottom:calc(80px + env(safe-area-inset-bottom,0px));
  max-width:calc(100vw - 24px - env(safe-area-inset-left,0px) - env(safe-area-inset-right,0px));
  max-height:calc(100vh - 170px - env(safe-area-inset-bottom,0px));
  max-height:calc(100dvh - 170px - env(safe-area-inset-bottom,0px));
  overscroll-behavior-y:contain;
 }
 .blue-dimension .mobile-nav {
  max-height:calc(100vh - 208px - env(safe-area-inset-bottom,0px));
  max-height:calc(100dvh - 208px - env(safe-area-inset-bottom,0px));
 }
 body.blue-dimension:has(:is(input,select,textarea):focus) .mobile-contact-bar,
 body.blue-dimension:has([contenteditable]:focus-within) .mobile-contact-bar {display:none}
}

@media screen and (max-width:480px) {
 .blue-dimension .top-inner>span {display:none}
 .blue-dimension .top-inner {justify-content:flex-end}
}

@media screen and (max-width:360px) {
 .blue-dimension .mobile-contact-bar {gap:6px}
 .blue-dimension .mobile-contact-bar>:is(.mobile-contact-call,.mobile-contact-request) {font-size:12px;padding-inline:6px;gap:5px}
 .blue-dimension .mobile-contact-bar>a .icon {width:16px;height:16px}
}

@media print {
 .blue-dimension .mobile-contact-bar,
 .blue-dimension .care-guide {display:none!important}
 body.blue-dimension {padding-bottom:0}
}