/* ============================================================================
   VISIBILITY — lane V2's own rules
   ============================================================================
   New Visibility UI lives here, not in console.css (MASTER-PLAN §5). Tokens only:
   no literal colour, both themes through console.css's own token blocks.

   THE BASIS CONTROL (V2 rule 2). Wherever the Visibility Index shows, the word
   for how its weights were chosen shows beside it, and that word opens the
   weights and the three readings under them. It reads as a word first — the
   dotted underline the console already uses for "this term opens" — and never as
   a second button competing with the row it sits in.
   12px, not 11: the word travels into every dashboard block, which is new UI and takes
   the kit's type floor (coordinator, 2026-09-23; brand-kit.md). */

.v2-basis {
  display: inline; flex: none; padding: 0; margin: 0; background: none; border: 0;
  border-bottom: 1px dotted var(--edge-hover); border-radius: 0;
  font: inherit; font-size: var(--type-meta-size); font-family: var(--font-mono); color: var(--muted);
  cursor: pointer; white-space: nowrap; line-height: 1.2;
}

.v2-basis:hover, .v2-basis[aria-expanded="true"] { color: var(--ink); border-bottom-color: var(--ink); }

.v2-basis:focus-visible { outline: 2px solid var(--heat); outline-offset: 2px; }


/* A label that may truncate beside a control that may not. */
.v2-idx { display: inline-flex; align-items: baseline; gap: 6px; max-width: 100%; min-width: 0; vertical-align: baseline; }

.v2-idx-lb { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

/* One panel for every control on the page, placed under the one pressed. Above
   the modal it may be opened from (the goal dialog's peer note). */
.v2-basis-pop {
  position: absolute; z-index: 100001; width: min(340px, calc(100vw - 32px)); padding: 12px 14px;
  background: var(--surface); border: 1px solid var(--line); border-radius: var(--radius-sm, 8px);
  box-shadow: var(--shadow-float); color: var(--body); font-size: var(--type-meta-size);
}

.v2-basis-pop[hidden] { display: none; }

.v2-basis-h { font-weight: 600; color: var(--ink); margin-bottom: 8px; }

.v2-basis-t { width: 100%; border-collapse: collapse; font-variant-numeric: tabular-nums; }

.v2-basis-t th, .v2-basis-t td { padding: 4px 0; text-align: left; border-top: 1px solid var(--line-soft); font-weight: 400; }

.v2-basis-t thead th { border-top: 0; color: var(--faint); font-family: var(--font-mono); font-size: var(--type-meta-size); }

.v2-basis-t tbody th { color: var(--ink); }

.v2-basis-t td:nth-child(2) { width: 56px; }

.v2-basis-p { margin: 8px 0 0; color: var(--muted); line-height: 1.45; }


/* The field chart's reference lines (F2's benchmarks): dashed, quiet, never a brand colour;
   the key under the chart names each, says when one cannot draw, and archives it. */
.v2-ovf-refline polyline { fill: none; stroke: var(--muted); stroke-width: 1.4; stroke-dasharray: 5 4; }

.v2-ovf-refline.peer_median polyline { stroke-dasharray: 2 3; }

/* The rate dock's move split (POS P4): the dimension switch sits above the drawn block. */
.v2-mv-by { margin: 0 0 var(--space-1); }