/* plddt-strip.css — shared confidence strip + band glyphs (foldcommons-hub ADR-024, axis 7: U04/U06/U13).
   The four band glyphs are FIXED: very high = solid, confident = diagonal, low = dots, very low = cross-hatch.
   Every band use pairs the colour with its glyph + a numeric label (the FLOOR — colour is never alone). */
.fc-strip { color: var(--ink); margin: 0.75rem 0 1rem; }
.fc-strip-label { font-size: 0.82rem; color: var(--muted); margin: 0 0 0.35rem; }
.fc-strip-track {
  position: relative; height: 18px; border-radius: 2px; cursor: crosshair; touch-action: none;
  outline-offset: 3px;
}
.fc-strip-track svg { display: block; width: 100%; height: 18px; }
.fc-strip-track:focus-visible { outline: 2px solid var(--primary, currentColor); }
.fc-strip-readout { font: 0.82rem ui-monospace, "SF Mono", Menlo, Consolas, monospace; color: var(--muted); margin: 0.35rem 0 0; min-height: 1.3em; }
/* Fetch phase: an indeterminate INK bar (never a coloured fill). */
.fc-strip--loading .fc-strip-track { box-shadow: inset 0 0 0 1px currentColor; overflow: hidden; }
.fc-strip-indet {
  position: absolute; top: 0; bottom: 0; left: 0; width: 30%; background: currentColor; opacity: 0.35;
  animation: fc-strip-indet 1.4s ease-in-out infinite;
}
@keyframes fc-strip-indet { from { transform: translateX(-100%); } to { transform: translateX(340%); } }
.fc-strip--still .fc-strip-indet,
.fc-strip--loading.fc-strip--still .fc-strip-indet { animation: none; left: 0; width: 100%; opacity: 0.15; }
@media (prefers-reduced-motion: reduce) { .fc-strip-indet { animation: none; width: 100%; opacity: 0.15; } }
.fc-strip--failed .fc-strip-track { display: none; }

/* Band glyph swatches (legend chips, census stripe, anywhere a band is named). */
.fc-sw { display: inline-block; margin-right: 0.35rem; vertical-align: -0.1em; width: 0.9rem; height: 0.9rem; border-radius: 2px; box-shadow: inset 0 0 0 1px var(--ink); flex: none; }
.fc-bg-0 { background: #0053D6; }
.fc-bg-1 { background: repeating-linear-gradient(45deg, rgba(10,22,38,0.6) 0 1px, transparent 1px 4px), #65CBF3; }
.fc-bg-2 { background: radial-gradient(circle, rgba(10,22,38,0.6) 0 1px, transparent 1.4px) 0 0 / 4px 4px, #FFDB13; }
.fc-bg-3 { background: repeating-linear-gradient(45deg, rgba(10,22,38,0.6) 0 1px, transparent 1px 4px), repeating-linear-gradient(-45deg, rgba(10,22,38,0.6) 0 1px, transparent 1px 4px), #FF7D45; }

/* The legend that answers (U06): chips are aria-pressed toggle buttons. */
.fc-legend-answers { display: flex; flex-wrap: wrap; gap: 0.4rem; margin: 0.5rem 0 0.25rem; }
.fc-band-btn {
  display: inline-flex; align-items: center; gap: 0.4rem; cursor: pointer;
  font: inherit; font-size: 0.88rem; color: var(--ink); background: transparent;
  border: 1px solid var(--hairline); border-radius: 999px; padding: 0.3rem 0.7rem;
}
.fc-band-btn[aria-pressed="true"] { border-color: var(--ink); box-shadow: inset 0 0 0 1px var(--ink); font-weight: 600; }
.fc-band-btn:disabled { cursor: default; opacity: 0.6; }
.fc-band-answer { font-size: 0.92rem; margin: 0.35rem 0 0.75rem; min-height: 1.4em; }
.fc-band-answer button { font: inherit; font-weight: 600; margin-left: 0.4rem; cursor: pointer; }

/* Census stripe (U03): proportional share-of-residues bar — widths are unordered shares, not chain order. */
.fc-census { margin: 0 0 0.6rem; color: var(--ink); }
.fc-census-bar { display: flex; height: 8px; border-radius: 2px; overflow: hidden; box-shadow: inset 0 0 0 1px currentColor; }
.fc-census-bar > span { display: block; height: 100%; }
.fc-census-cap { font-size: 0.75rem; color: var(--muted); margin: 0.3rem 0 0; display: flex; flex-wrap: wrap; gap: 0.2rem 0.6rem; align-items: center; }
.fc-census-cap .fc-sw { width: 0.7rem; height: 0.7rem; }
.fc-census-cap span { display: inline-flex; align-items: center; gap: 0.25rem; }

/* Reserve the strip's height before the controller mounts it (CLS 0). */
[data-fc-moment="U04"] { min-height: 4.4rem; }