/*
 * Segmented bars (core/static/js/segbar.js, core/segbar.py): the hover tip, and the segment under the
 * pointer (or focus) lifted while the rest of its bar dims. Segment colors stay with each bar's own
 * CSS (planning/palette.css for supply bars, fab/overview.css for the board overview).
 */
[data-seg] { cursor: default; transition: opacity .12s ease, filter .12s ease; }
.has-hot > [data-seg]:not(.is-hot), .has-hot > * > [data-seg]:not(.is-hot) { opacity: .45; }
[data-seg].is-hot { filter: brightness(1.08) saturate(1.15); }
[data-seg]:focus-visible { outline: 2px solid var(--bs-emphasis-color); outline-offset: 1px; position: relative; z-index: 1; }
/* A bar's own overflow:hidden would clip the focus ring: the ring is drawn inside instead. */
.segbar [data-seg]:focus-visible, .bf-bar [data-seg]:focus-visible, .ov-bar [data-seg]:focus-visible, .cov [data-seg]:focus-visible {
    outline-offset: -2px; }

.segbar-tip { position: fixed; z-index: 1080; pointer-events: none; max-width: 24rem; padding: .4rem .6rem; border-radius: .35rem;
    background: var(--bs-body-bg); color: var(--bs-body-color); border: 1px solid var(--bs-border-color);
    box-shadow: 0 .25rem .75rem rgba(0, 0, 0, .18); font-size: .78rem; line-height: 1.35; text-align: left; }
.segbar-tip[hidden] { display: none; }
.segbar-tip.is-plain { white-space: pre-line; }
.segbar-tip-bar { color: var(--bs-secondary-color); font-size: .72rem; margin-bottom: .1rem; }
.segbar-tip-head { display: flex; align-items: baseline; gap: .4rem; flex-wrap: wrap; }
.segbar-tip-key { display: inline-block; flex: none; width: .7rem; height: .7rem; border-radius: 2px; align-self: center; }
.segbar-tip-share { color: var(--bs-secondary-color); font-variant-numeric: tabular-nums; }
.segbar-tip-items { list-style: none; margin: .25rem 0 0; padding: 0; font-variant-numeric: tabular-nums; }
.segbar-tip-items li { padding-left: .8rem; text-indent: -.8rem; }
.segbar-tip-items li::before { content: "· "; color: var(--bs-secondary-color); }
.segbar-tip-more { color: var(--bs-secondary-color); }
.segbar-tip-note { color: var(--bs-secondary-color); margin-top: .25rem; font-size: .72rem; }
@media (prefers-reduced-motion: reduce) { [data-seg] { transition: none; } }