/* Five-segment horizon bars — shared doc + dark UI */
.hz-bar {
  display: inline-flex;
  gap: 2px;
  align-items: center;
  vertical-align: middle;
  flex: none;
}
.hz-seg {
  width: 7px;
  height: 5px;
  border-radius: 2px;
  flex: none;
  background: var(--hz-track, rgba(26, 28, 26, 0.1));
}
.hz-bar.hz-low .hz-seg.on:nth-child(1) { background: linear-gradient(135deg, #f5d4cc, #e8a898); }
.hz-bar.hz-low .hz-seg.on:nth-child(2) { background: linear-gradient(135deg, #eab0a0, #d87868); }
.hz-bar.hz-low .hz-seg.on:nth-child(3) { background: linear-gradient(135deg, #e09080, #cc6050); }
.hz-bar.hz-low .hz-seg.on:nth-child(4) { background: linear-gradient(135deg, #d87868, #b85040); }
.hz-bar.hz-low .hz-seg.on:nth-child(5) { background: linear-gradient(135deg, #cc6050, #a8462c); }
.hz-bar.hz-med .hz-seg.on:nth-child(1) { background: linear-gradient(135deg, #f5e8c8, #e8d090); }
.hz-bar.hz-med .hz-seg.on:nth-child(2) { background: linear-gradient(135deg, #ecd898, #d8b868); }
.hz-bar.hz-med .hz-seg.on:nth-child(3) { background: linear-gradient(135deg, #e0c070, #c8a040); }
.hz-bar.hz-med .hz-seg.on:nth-child(4) { background: linear-gradient(135deg, #d4a848, #b89030); }
.hz-bar.hz-med .hz-seg.on:nth-child(5) { background: linear-gradient(135deg, #c89830, #9a6a12); }
.hz-bar.hz-high .hz-seg.on:nth-child(1) { background: linear-gradient(135deg, #c8ead8, #90d4b8); }
.hz-bar.hz-high .hz-seg.on:nth-child(2) { background: linear-gradient(135deg, #a0dcc0, #68c8a0); }
.hz-bar.hz-high .hz-seg.on:nth-child(3) { background: linear-gradient(135deg, #78cc98, #48b078); }
.hz-bar.hz-high .hz-seg.on:nth-child(4) { background: linear-gradient(135deg, #50b870, #2a9860); }
.hz-bar.hz-high .hz-seg.on:nth-child(5) { background: linear-gradient(135deg, #38a060, #1f7a52); }

/* Dark UI (context, edit mode) */
.ctx-pane .hz-seg,
.app.mode-edit .center .hz-seg {
  background: var(--hz-track, rgba(255, 255, 255, 0.08));
}
.ctx-pane .hz-bar.hz-low .hz-seg.on:nth-child(1),
.app.mode-edit .center .hz-bar.hz-low .hz-seg.on:nth-child(1) { background: linear-gradient(135deg, #5a3830, #c07060); }
.ctx-pane .hz-bar.hz-low .hz-seg.on:nth-child(2),
.app.mode-edit .center .hz-bar.hz-low .hz-seg.on:nth-child(2) { background: linear-gradient(135deg, #6a4038, #d08070); }
.ctx-pane .hz-bar.hz-low .hz-seg.on:nth-child(3),
.app.mode-edit .center .hz-bar.hz-low .hz-seg.on:nth-child(3) { background: linear-gradient(135deg, #7a4840, #e09080); }
.ctx-pane .hz-bar.hz-low .hz-seg.on:nth-child(4),
.app.mode-edit .center .hz-bar.hz-low .hz-seg.on:nth-child(4) { background: linear-gradient(135deg, #8a5048, #f0a090); }
.ctx-pane .hz-bar.hz-low .hz-seg.on:nth-child(5),
.app.mode-edit .center .hz-bar.hz-low .hz-seg.on:nth-child(5) { background: linear-gradient(135deg, #9a5850, #ffb0a0); }
.ctx-pane .hz-bar.hz-med .hz-seg.on:nth-child(1),
.app.mode-edit .center .hz-bar.hz-med .hz-seg.on:nth-child(1) { background: linear-gradient(135deg, #5a4a28, #c8a848); }
.ctx-pane .hz-bar.hz-med .hz-seg.on:nth-child(2),
.app.mode-edit .center .hz-bar.hz-med .hz-seg.on:nth-child(2) { background: linear-gradient(135deg, #6a5530, #d8b858); }
.ctx-pane .hz-bar.hz-med .hz-seg.on:nth-child(3),
.app.mode-edit .center .hz-bar.hz-med .hz-seg.on:nth-child(3) { background: linear-gradient(135deg, #7a6038, #e8c868); }
.ctx-pane .hz-bar.hz-med .hz-seg.on:nth-child(4),
.app.mode-edit .center .hz-bar.hz-med .hz-seg.on:nth-child(4) { background: linear-gradient(135deg, #8a6b40, #f8d878); }
.ctx-pane .hz-bar.hz-med .hz-seg.on:nth-child(5),
.app.mode-edit .center .hz-bar.hz-med .hz-seg.on:nth-child(5) { background: linear-gradient(135deg, #9a7648, #ffe888); }
.ctx-pane .hz-bar.hz-high .hz-seg.on:nth-child(1),
.app.mode-edit .center .hz-bar.hz-high .hz-seg.on:nth-child(1) { background: linear-gradient(135deg, #1a4030, #48a878); }
.ctx-pane .hz-bar.hz-high .hz-seg.on:nth-child(2),
.app.mode-edit .center .hz-bar.hz-high .hz-seg.on:nth-child(2) { background: linear-gradient(135deg, #1f4a38, #58b888); }
.ctx-pane .hz-bar.hz-high .hz-seg.on:nth-child(3),
.app.mode-edit .center .hz-bar.hz-high .hz-seg.on:nth-child(3) { background: linear-gradient(135deg, #245440, #68c898); }
.ctx-pane .hz-bar.hz-high .hz-seg.on:nth-child(4),
.app.mode-edit .center .hz-bar.hz-high .hz-seg.on:nth-child(4) { background: linear-gradient(135deg, #295e48, #78d8a8); }
.ctx-pane .hz-bar.hz-high .hz-seg.on:nth-child(5),
.app.mode-edit .center .hz-bar.hz-high .hz-seg.on:nth-child(5) { background: linear-gradient(135deg, #2e6850, #88e8b8); }

.syn-cluster .hz-bar,
.doc .cl .hz-bar,
.ws-dash-cluster-head .hz-bar {
  margin-top: 4px;
}
.doc .hyp .hz-bar,
.ws-dash-hyp .hz-bar {
  flex: none;
  margin-top: 3px;
}

/* Confidence dots in badges, tiles, and inline contexts */
.ctx-tile-badges .hz-bar,
.ctx-ins-meta .hz-bar,
.ctx-ins-conf,
.ctx-exp-conf,
.tdy-item-head .hz-bar,
.tdy-foot .hz-bar,
.tdy-math-line .hz-bar,
.scn-conf,
.ws-scn-conf,
.ws-dash-meta .hz-bar,
.ws-dash-traj .hz-bar,
.ws-health-list .hz-bar {
  display: inline-flex;
  align-items: center;
  vertical-align: middle;
}
.ctx-ins-conf,
.ctx-exp-conf,
.scn-conf,
.ws-scn-conf {
  flex: none;
}
.ws-health-list li {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 6px;
}
.ws-health-list li strong { margin-right: 2px; }