/* Shared HUD chrome, including the embedded Profile and Health pages. */
:root {
  --scroll-accent: #26bfff;
  --scroll-track: #dceaf5;
  --scroll-edge: #a8cde5;
}
:root[data-theme="dark"] {
  --scroll-track: #17263a;
  --scroll-edge: #35516b;
}
* { scrollbar-width:thin; scrollbar-color:var(--scroll-accent) var(--scroll-track); }
@supports selector(::-webkit-scrollbar) {
  * { scrollbar-width:auto; scrollbar-color:auto; }
  ::-webkit-scrollbar { width:9px; height:9px; }
  ::-webkit-scrollbar-track {
    background:var(--scroll-track);
    border:1px solid var(--scroll-edge);
    border-radius:12px;
  }
  ::-webkit-scrollbar-thumb {
    min-height:28px;
    border:2px solid var(--scroll-track);
    border-radius:12px;
    background:linear-gradient(90deg,color-mix(in srgb,var(--scroll-accent) 55%,white),var(--scroll-accent));
    box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--scroll-accent) 75%,white);
  }
  ::-webkit-scrollbar-thumb:hover { background:var(--scroll-accent); }
  ::-webkit-scrollbar-thumb:active { background:color-mix(in srgb,var(--scroll-accent) 70%,white); }
  ::-webkit-scrollbar-button { display:none; width:0; height:0; }
  ::-webkit-scrollbar-corner { background:transparent; }
}
.health-main:has(.health-rollout.cycle:not([hidden])) { --scroll-accent:#f05ca4; }
.health-main:has(.health-rollout.pregnancy:not([hidden])) { --scroll-accent:#a46aff; }
.health-main:has(.health-rollout.self-care:not([hidden])) { --scroll-accent:#00bda1; }
.health-main:has(.health-rollout.birth-control:not([hidden])) { --scroll-accent:#319ce9; }
.health-main:has(.health-rollout.plan-b:not([hidden])) { --scroll-accent:#e9a12c; }
.health-main:has(.health-rollout.records:not([hidden])) { --scroll-accent:#6987ef; }
@media (forced-colors:active) {
  * { scrollbar-color:auto; }
  ::-webkit-scrollbar-thumb { background:ButtonText; }
  ::-webkit-scrollbar-track { background:Canvas; }
}