/* Status and delivery are different facts, shared across all dashboard widths. */
.global-quote-status { display: flex; flex-wrap: wrap; align-items: center; gap: .5rem .625rem; min-width: 0; }
.global-state {
  display: inline-flex; align-items: center; gap: .375rem; min-width: 0;
  color: var(--ui-muted); font-size: .6875rem; line-height: 1.35;
  font-style: normal; font-weight: 500; letter-spacing: normal;
}
.global-state::before { content: ""; width: .3125rem; height: .3125rem; border-radius: 50%; background: currentColor; flex: 0 0 auto; opacity: .75; }
.global-update-mode { color: var(--ui-muted); font-size: .6875rem; line-height: 1.35; font-weight: 400; letter-spacing: normal; }
.global-quote-status > .global-update-mode { border-left: 1px solid var(--ui-line); padding-left: .625rem; }
.global-quote-summary { min-width: 0; }
.global-quote-time { color: var(--ui-muted); font-size: .6875rem; line-height: 1.4; font-variant-numeric: tabular-nums; overflow-wrap: anywhere; }
.global-state.state-live { color: var(--ui-accent); }
.global-state.state-stale, .global-state.state-missing { color: var(--ui-warning); }
.global-quote-summary[hidden] { display: none; }
/* One header slot for every market; individual facts remain available on demand. */
.global-group-status { min-width: 0; max-width: 100%; margin-left: auto; }
.global-group-summary { position: relative; justify-content: flex-end; list-style: none; cursor: pointer; border-radius: .25rem; }
.global-group-summary::-webkit-details-marker { display: none; }
.global-group-summary::marker { content: ""; }
.global-group-summary > * { overflow-wrap: anywhere; }
.global-group-summary:focus-visible { outline: 2px solid var(--ui-focus-border); outline-offset: .3125rem; }
.global-group-summary.is-mixed [data-global-group-state] { text-decoration: underline dotted; text-underline-offset: .25rem; }
.global-update-mode.mode-warning { color: var(--ui-warning); }
.global-panel.has-open-status { z-index: 6; }
.global-group-detail {
  position: absolute; right: 0; top: calc(100% + .25rem); z-index: 8;
  width: 20rem; max-width: 100%; margin: 0; padding: .25rem .875rem; list-style: none;
  border: 1px solid var(--ui-line-solid); border-radius: var(--ui-radius-md);
  background: var(--ui-surface); box-shadow: var(--ui-shadow-hover);
  max-height: min(26rem, 65vh); overflow-y: auto;
}
.global-group-detail > li { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: .375rem .75rem; padding: .625rem 0; border-bottom: 1px solid var(--ui-line); }
.global-group-detail > li:last-child { border-bottom: 0; }
.global-group-detail > li > strong { min-width: 0; font-size: .75rem; line-height: 1.4; font-weight: 600; overflow-wrap: anywhere; }
.global-group-detail .global-quote-status { margin-left: auto; justify-content: flex-end; }
.global-status-note { flex: 1 1 100%; min-width: 0; margin: 0; color: var(--ui-muted); font-size: .6875rem; line-height: 1.5; overflow-wrap: anywhere; }
.global-status-note[hidden] { display: none; }
@media (pointer: coarse) {
  .global-group-summary::after { content: ""; position: absolute; left: 0; right: 0; top: 50%; height: max(100%, var(--ui-control-height)); transform: translateY(-50%); }
}
