/* Match the homepage header independently of this page's body theme. */
/* The shared bar itself carries bg-brand-navy; descendant rules cannot match it. */
html body aside[data-shared-chrome="header"].bg-brand-navy{background-color:#0a192f!important;color:#fff}
html body header[data-shared-chrome="header"]{background-color:rgba(255,255,255,.95);color:#1e293b}

[data-shared-chrome="header"]{font-family:Inter,sans-serif;font-size:16px;font-weight:400;line-height:1.5;color:#1e293b}
aside[data-shared-chrome="header"]{font-size:12px;line-height:16px;color:#fff}
[data-shared-chrome="header"] .font-heading{font-family:"Plus Jakarta Sans",sans-serif}
[data-shared-chrome="header"] .icon-svg{display:inline-block;width:1em;height:1em;vertical-align:middle;flex-shrink:0;color:currentColor}
[data-shared-chrome="header"] .text-brand-teal{color:#00796b}
[data-shared-chrome="header"] .bg-brand-teal{background-color:#00796b}
[data-shared-chrome="header"] .hover\:text-brand-teal:hover,
[data-shared-chrome="header"] .group:hover .group-hover\:text-brand-teal,
[data-shared-chrome="header"] .group\/srv:hover .group-hover\/srv\:text-brand-teal{color:#00796b}
html body [data-shared-chrome="header"] .hover\:bg-brand-teal-dark:hover{background-color:#004d40!important}
[data-shared-chrome="header"] .group\/srv:hover .group-hover\/srv\:bg-brand-teal{background-color:#00796b}
[data-shared-chrome="header"] .after\:bg-brand-teal::after{background-color:#00796b}
[data-shared-chrome="header"] .btn-shimmer{position:relative;overflow:hidden}
[data-shared-chrome="header"] .btn-shimmer::after{content:'';position:absolute;top:0;left:0;width:45%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.22),transparent);transform:translateX(-150%);pointer-events:none}
[data-shared-chrome="header"] .btn-shimmer:hover::after{animation:header-shimmer 1.2s ease-in-out infinite}
@keyframes header-shimmer{0%{transform:translateX(-100%)}100%{transform:translateX(200%)}}
/* Firebase account controls share the existing header typography. */
.docmedicano-account-menu { position: relative; }
.docmedicano-account-menu > summary { list-style: none; }
.docmedicano-account-menu > summary::-webkit-details-marker { display: none; }
.docmedicano-signout { display: inline-flex; align-items: center; margin-left: 12px; padding: 6px 14px; border: 1px solid #00685f; border-radius: 999px; background: #fff; color: #00685f; font-weight: 600; font-size: 14px; line-height: 1.2; font-family: inherit; cursor: pointer; vertical-align: middle; white-space: nowrap; transition: background .15s, color .15s; }
.docmedicano-signout:hover, .docmedicano-signout:focus-visible { background: #00685f; color: #fff; outline: 2px solid #00b4d8; outline-offset: 2px; }
.docmedicano-signout:disabled { opacity: .6; cursor: not-allowed; }
.docmedicano-account-name { display: inline-block; max-width: 150px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; vertical-align: middle; }
.docmedicano-account-panel { position: absolute; right: 0; top: calc(100% + 6px); min-width: 180px; padding: 8px; background: #fff; color: #1e293b; border: 1px solid #e2e8f0; border-radius: 12px; box-shadow: 0 12px 28px #0a192f26; z-index: 60; }
.docmedicano-account-panel > a,.docmedicano-account-panel > button { display: block; width: 100%; text-align: left; padding: 10px 12px; border-radius: 8px; font: inherit; color: #1e293b !important; }
.docmedicano-account-panel > a:hover,.docmedicano-account-panel > button:hover { background: #f3f8fc; }
.docmedicano-account-menu summary:focus-visible { outline: 2px solid #00796b; outline-offset: 3px; }

/* One shared, edge-aligned header; collapse before labels need to wrap. */
header[data-shared-chrome="header"] > div:first-child {
  width: 100%; max-width: none; padding-inline: clamp(16px, 2vw, 32px);
}
header[data-shared-chrome="header"] > div:first-child > div {
  display: flex; align-items: center; flex-wrap: nowrap; gap: 20px;
}
header[data-shared-chrome="header"] nav[aria-label="Main Navigation"] {
  margin-left: auto; flex: 0 0 auto; gap: 16px;
}
header[data-shared-chrome="header"] nav[aria-label="Main Navigation"] > *,
header[data-shared-chrome="header"] nav[aria-label="Main Navigation"] > div > button {
  flex-shrink: 0; white-space: nowrap;
}
header[data-shared-chrome="header"] nav[aria-label="Main Navigation"] + div {
  margin-left: 0; flex: 0 0 auto; gap: 12px; white-space: nowrap;
}
header[data-shared-chrome="header"] nav[aria-label="Main Navigation"] + div > * {
  flex-shrink: 0; white-space: nowrap;
}
header[data-shared-chrome="header"] nav[aria-label="Main Navigation"] + div > button {
  margin-left: 0;
}
header[data-shared-chrome="header"] nav[aria-label="Main Navigation"] > div > div {
  white-space: normal;
}
/* Right-side flyouts stay inside the viewport after aligning the menu right. */
header[data-shared-chrome="header"] nav[aria-label="Main Navigation"] > div > div.left-0 {
  left: auto; right: 0;
}
@media (min-width: 1440px) {
  header[data-shared-chrome="header"] nav[aria-label="Main Navigation"],
  header[data-shared-chrome="header"] nav[aria-label="Main Navigation"] + div { display: flex; }
  header[data-shared-chrome="header"] > div:first-child > div > div:last-child,
  header[data-shared-chrome="header"] #mobile-menu-drawer { display: none !important; }
}
@media (max-width: 1439px) {
  header[data-shared-chrome="header"] nav[aria-label="Main Navigation"],
  header[data-shared-chrome="header"] nav[aria-label="Main Navigation"] + div { display: none; }
  header[data-shared-chrome="header"] > div:first-child > div > div:last-child {
    display: flex; margin-left: auto;
  }
  header[data-shared-chrome="header"] #mobile-menu-drawer:not(.hidden) { display: block; }
  header[data-shared-chrome="header"] #mobile-menu-drawer a { white-space: nowrap; }
}