/* BMSDock UI 1.8.12 — Unified Tabs Component */
:root{
  --tabs-height:56px;
  --tabs-bg:#f1f5f9;
  --tabs-active-bg:#fff;
  --tabs-text:#64748b;
  --tabs-active-text:#111827;
  --tabs-border:#e2e8f0;
  --tabs-font-size:14px;
  --tabs-font-weight:700;
}
.graph-tabs{
  display:flex!important;
  width:100%!important;
  min-width:0!important;
  height:var(--tabs-height)!important;
  gap:0!important;
  padding:0!important;
  margin:0!important;
  overflow:hidden!important;
  background:var(--tabs-bg)!important;
  border-top:1px solid var(--tabs-border)!important;
  box-sizing:border-box!important;
}
.graph-tabs>.graph-tab{
  flex:1 1 0!important;
  min-width:0!important;
  width:auto!important;
  max-width:none!important;
  height:100%!important;
  margin:0!important;
  padding:0 8px!important;
  border:0!important;
  border-right:1px solid var(--tabs-border)!important;
  border-radius:0!important;
  background:var(--tabs-bg)!important;
  color:var(--tabs-text)!important;
  font-size:var(--tabs-font-size)!important;
  font-weight:var(--tabs-font-weight)!important;
  line-height:1.2!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  box-shadow:none!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  box-sizing:border-box!important;
}
.graph-tabs>.graph-tab:last-child{border-right:0!important}
.graph-tabs>.graph-tab.active,
.graph-tabs>.graph-tab[aria-selected="true"]{
  background:var(--tabs-active-bg)!important;
  color:var(--tabs-active-text)!important;
}
@media (hover:hover){
  .graph-tabs>.graph-tab:not(.active):not([aria-selected="true"]):hover{
    background:#e9eef5!important;
    color:#475569!important;
  }
}
.graph-tabs>.graph-tab:focus-visible{
  outline:none!important;
  box-shadow:inset 0 0 0 2px rgba(148,163,184,.45)!important;
}
@media(max-width:768px){
  :root{--tabs-height:54px}
  .graph-tabs>.graph-tab{padding-left:5px!important;padding-right:5px!important}
}
/* Future opt-in for 5+ tabs. */
.graph-tabs.graph-tabs--scrollable{
  overflow-x:auto!important;
  overflow-y:hidden!important;
  -webkit-overflow-scrolling:touch;
}
.graph-tabs.graph-tabs--scrollable>.graph-tab{
  flex:0 0 120px!important;
}

/* UI 1.8.12 — Support tab is onboarding-only. */
.trip-chart-card:not(.onboarding-mode) .graph-tabs > .support-graph-tab {
  display: none !important;
}

/* UI 1.9.7 — playback-safe tab hit targets.
   No visual changes: keep the tab strip above graph interaction layers and
   explicitly preserve pointer/touch interaction. */
.trip-chart-card:not(.onboarding-mode) .graph-tabs {
  position: relative !important;
  z-index: 60 !important;
  isolation: isolate;
  pointer-events: auto !important;
}
.trip-chart-card:not(.onboarding-mode) .graph-tabs > .graph-tab {
  position: relative;
  z-index: 1;
  pointer-events: auto !important;
  touch-action: manipulation;
}