/* 0DTE Indicators page (rev 14 §8) — dark board matching the option-chain idiom. */
.indicators-page { max-width: 1180px; margin: 0 auto; padding: 12px 16px 40px;
  font: 13px/1.45 -apple-system, "Segoe UI", Roboto, sans-serif; color: #d6dbe4; }
body { background: #0d1117; margin: 0; }

.selectors { display: flex; gap: 18px; flex-wrap: wrap; margin: 10px 0 14px; }
.selectors .group { display: flex; gap: 6px; flex-wrap: wrap; }
button.sel { background: #161c26; color: #aeb6c2; border: 1px solid #2a3342;
  border-radius: 6px; padding: 5px 12px; cursor: pointer; font-size: 12px; }
button.sel.selected { background: #24405f; color: #fff; border-color: #3b6ea5; }

.banner { border-radius: 6px; padding: 8px 12px; margin: 8px 0; font-weight: 600; }
.banner.transport { background: #4a2e05; color: #ffce7a; }
.banner.data { background: #4a1f1f; color: #ff9d9d; }
.banner.closed { background: #1d2633; color: #9fb3cd; font-weight: 400; }

.meta { color: #8b95a5; margin: 6px 0 12px; }

.confluence { display: grid; grid-template-columns: repeat(7, 1fr); gap: 6px;
  margin-bottom: 6px; }
.confluence-cell { border-radius: 6px; padding: 8px 6px; text-align: center;
  cursor: pointer; border: 1px solid transparent; }
.confluence-cell.selected { border-color: #e3ecf7; }
.confluence-cell .tf { font-size: 11px; }
.confluence-cell .v { font-weight: 700; font-size: 11px; margin-top: 2px; }
.c-bull { background: #0e3a24; color: #5fdd97; }
.c-bear { background: #43191d; color: #ff8f98; }
.c-neutral { background: #232a35; color: #aab3c0; }
.c-unreliable { background: #1a1d24; color: #6b7382; }
.aligned { margin: 4px 0 12px; color: #cfe3ff; }

.columns { display: grid; grid-template-columns: 280px 1fr; gap: 14px; }
@media (max-width: 820px) { .columns { grid-template-columns: 1fr; } }

.bias-card { border-radius: 8px; padding: 14px; }
.bias-bull { background: #0e3a24; }
.bias-bear { background: #43191d; }
.bias-neutral { background: #232a35; }
.bias-unreliable { background: #1a1d24; }
.bias-verdict { font-size: 20px; font-weight: 800; }
.bias-verdict .advisory { font-size: 10px; background: #00000055; padding: 2px 6px;
  border-radius: 4px; vertical-align: middle; }
.bias-score { margin-top: 4px; opacity: .9; }
.bias-reason { margin-top: 4px; color: #ffce7a; font-size: 12px; }
table.votes { width: 100%; margin-top: 10px; border-collapse: collapse; font-size: 11px; }
table.votes th, table.votes td { text-align: left; padding: 3px 4px;
  border-top: 1px solid #ffffff14; }
table.votes .vote { font-size: 13px; }

.panel { background: #131923; border: 1px solid #222b3a; border-radius: 8px;
  padding: 12px 14px; margin-bottom: 12px; }
.panel h3 { margin: 0 0 8px; font-size: 12px; color: #93a4bd;
  text-transform: uppercase; letter-spacing: .05em; }
.panel table { width: 100%; border-collapse: collapse; }
.panel td { padding: 4px 6px; border-top: 1px solid #ffffff0d; }
.panel td:first-child { color: #8b95a5; width: 42%; }
.panel .na { color: #6b7382; font-style: italic; }
.stub { font-size: 10px; background: #3a3305; color: #ffe27a; padding: 2px 6px;
  border-radius: 4px; }

.st-ready { color: #5fdd97; }
.st-warming { color: #ffce7a; }
.st-stale { color: #9aa3b2; }
.st-incomplete { color: #ff8f98; }
.st-absent { color: #5a6272; }
small { color: #9aa3b2; }

.disclaimer { margin-top: 24px; color: #566078; font-size: 10px;
  letter-spacing: .04em; }