/* One shared, passive selection indicator. Existing controls own their behaviour. */
[data-lh-segments].lh-segments-ready {
  --lh-segment-track: #eeeae2;
  --lh-segment-rule: #0b1b3314;
  --lh-segment-ink: #526078;
  --lh-segment-focus: #0b1b33;
  --lh-segment-radius: 999px;
  --lh-segment-item-radius: 999px;
  position: relative;
  isolation: isolate;
  box-sizing: border-box;
  min-width: 0;
  padding: 5px !important;
  gap: 4px !important;
  border: 1px solid var(--lh-segment-rule) !important;
  border-radius: var(--lh-segment-radius) !important;
  background: var(--lh-segment-track) !important;
}
[data-lh-segments][data-lh-segments-theme="dark"].lh-segments-ready {
  --lh-segment-track: #ffffff08;
  --lh-segment-rule: #d3dceb26;
  --lh-segment-ink: #d4dce8;
  --lh-segment-focus: #f5f1e8;
}
[data-lh-segments][data-lh-segments-layout="stack"].lh-segments-ready,
[data-lh-segments][data-lh-segments-shape="stack"].lh-segments-ready,
[data-lh-segments][data-lh-segments-axis="vertical"].lh-segments-ready {
  --lh-segment-radius: 22px;
  --lh-segment-item-radius: 17px;
}
[data-lh-segments].lh-segments-ready::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: var(--lh-segment-width, 0px);
  height: var(--lh-segment-height, 0px);
  transform: translate3d(var(--lh-segment-x, 0px), var(--lh-segment-y, 0px), 0);
  border-radius: var(--lh-segment-item-radius);
  background: #c7ad7b;
  box-shadow: inset 0 0 0 1px #fff3, 0 2px 5px #0b1b330d;
  opacity: var(--lh-segment-visible, 0);
  pointer-events: none;
  z-index: 0;
  transition: transform 300ms cubic-bezier(.22, .8, .22, 1), width 300ms cubic-bezier(.22, .8, .22, 1), height 300ms cubic-bezier(.22, .8, .22, 1);
}
[data-lh-segments].lh-segments-ready [data-lh-segment] {
  position: relative;
  z-index: 1;
  min-height: 44px;
  min-width: 44px;
  box-sizing: border-box;
  border-color: transparent !important;
  border-radius: var(--lh-segment-item-radius) !important;
  background: transparent !important;
  box-shadow: none !important;
  color: var(--lh-segment-ink) !important;
  text-decoration: none;
  -webkit-tap-highlight-color: transparent;
  transition: color 150ms ease;
}
[data-lh-segments].lh-segments-ready [data-lh-segment]:hover {
  color: var(--lh-segment-focus) !important;
}
[data-lh-segments].lh-segments-ready [data-lh-segment][data-lh-segment-current],
[data-lh-segments].lh-segments-ready [data-lh-segment][data-lh-segment-current] :is(span, strong, small, b, svg) {
  color: #0b1b33 !important;
}
[data-lh-segments].lh-segments-ready [data-lh-segment]:focus-visible {
  outline: 2px solid var(--lh-segment-focus) !important;
  outline-offset: -3px !important;
}
[data-lh-segments].lh-segments-ready [data-lh-segment][data-lh-segment-current]:focus-visible {
  outline-color: #0b1b33 !important;
}
[data-lh-segments].lh-segments-ready [data-lh-segment]:disabled {
  opacity: .55;
  cursor: not-allowed;
}
/* Old individual selection markers would duplicate the shared indicator. */
[data-lh-segments].lh-segments-ready [data-lh-segment]::before,
[data-lh-segments].lh-segments-ready [data-lh-segment]::after {
  display: none !important;
}
[data-lh-segments].lh-segments-ready [data-lh-segment-current] .ep-option-indicator {
  fill: #0b1b33;
  stroke: #0b1b33;
}
/* The record tabs share the available track instead of leaving a blank tail. */
.workspace-tabs[data-lh-segments].lh-segments-ready [data-lh-segment] {
  flex: 1 1 0;
  min-width: 0;
  justify-content: center;
  white-space: normal;
}
/* Keep the communication control inset within its existing light card. */
.pro-risk-tabs[data-lh-segments].lh-segments-ready { margin: 18px 20px 0; }
/* Keep the longer library categories balanced when they cannot share one row. */
.vl-filters > [data-lh-segments].lh-segments-ready { width: fit-content; max-width: 100%; }
@media (max-width: 600px) {
  .pro-risk-tabs[data-lh-segments].lh-segments-ready { margin: 14px 12px 0; }
  .vl-filters > [data-lh-segments].lh-segments-ready {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    width: 100%;
  }
  .vl-filters > [data-lh-segments].lh-segments-ready [data-lh-segment] { white-space: normal; }
}
@media (max-width: 380px) {
  .lh-files .lf-toolbar:has(> [data-lh-segments].lh-segments-ready) { flex-wrap: wrap; }
  .lh-files .lf-toolbar:has(> [data-lh-segments].lh-segments-ready) .lf-location-title { order: -1; flex-basis: 100%; }
  .lh-files .lf-toolbar > [data-lh-segments].lh-segments-ready { margin-left: auto; flex-shrink: 0; }
}
@media (prefers-reduced-motion: reduce) {
  [data-lh-segments].lh-segments-ready::before,
  [data-lh-segments].lh-segments-ready [data-lh-segment] { transition: none !important; }
}
@media (forced-colors: active) {
  [data-lh-segments].lh-segments-ready { border-color: ButtonText !important; }
  [data-lh-segments].lh-segments-ready::before { display: none; }
  [data-lh-segments].lh-segments-ready [data-lh-segment] { color: ButtonText !important; }
  [data-lh-segments].lh-segments-ready [data-lh-segment][data-lh-segment-current] {
    background: Highlight !important;
    color: HighlightText !important;
  }
  [data-lh-segments].lh-segments-ready [data-lh-segment][data-lh-segment-current] :is(span, strong, small, b, svg) { color: HighlightText !important; }
}
