/* node_region.css — the MISO region label that node_region.js renders.
 *
 * Written as one file for the same reason market_value_colors.css is one
 * file: the markup only says which KIND of answer it is (zone / hub /
 * interface / unknown) and this decides what that looks like.
 *
 * Deliberately colourless. On these pages hue is already spoken for twice
 * over — ink says LMP-vs-CC and ground says DA-vs-RT in the market columns,
 * red/green says sign in the P&L and CC columns — so a region that took a
 * third hue would be read as a value judgement about the region. It gets
 * weight and a neutral ground instead, and "no answer" gets less of both.
 *
 * TO RECOLOUR, EDIT ONLY THE TWO TOKEN BLOCKS. Same two grounds
 * market_value_colors.css names: the site theme for the ls-/ca-/ag- tables,
 * and unconditionally-slate for the node cards, which are slate in either
 * theme.
 */

:root {
    --nr-ink:        #334155;                  /* slate-700 on white */
    --nr-ink-muted:  #94a3b8;                  /* interface / unknown */
    --nr-bg:         rgba(100, 116, 139, 0.12);
}

/* .node-section (the cleared and node-detail day cards) and .filter-bar (the
   node picker on node-detail / node-average) are slate in EITHER theme —
   #1e293b unconditionally in node_common.css — hence listed here rather than
   under .dark-theme. The posted book's .lse-node-card is deliberately NOT in
   this list: it grounds on var(--si-gray-50), so it follows the site theme and
   takes the :root set above. */
html.dark-theme,
.node-section,
.filter-bar {
    --nr-ink:        #cbd5e1;
    --nr-ink-muted:  #7c8ba1;
    --nr-bg:         rgba(148, 163, 184, 0.15);
}

/* Chip form — node-card headers, beside the direction and weather tags. */
.node-region {
    background: var(--nr-bg);
    color: var(--nr-ink);
    padding: 0.1rem 0.4rem;
    border-radius: 4px;
    font-size: clamp(0.55rem, 1vw, 0.7rem);
    font-weight: 500;
    white-space: nowrap;
}

/* Text form — a Region column in a dense table, where a chip per row would
   outweigh the numbers it sits next to. */
.node-region-text {
    color: var(--nr-ink);
    white-space: nowrap;
}

/* An interface has no MISO region and an unknown zone has no answer at all.
   Both are real states, not missing data, so they render — quietly. A label
   that is only ever right by accident should not look as certain as one read
   off MISO's own file. */
.node-region-interface,
.node-region-unknown {
    color: var(--nr-ink-muted);
    font-weight: 400;
}

.node-region.node-region-unknown {
    background: none;
    padding-left: 0;
    padding-right: 0;
}

/* The picker's region line on node-detail / node-average. min-height so the
   filter bar does not resize the moment a node resolves. */
.node-region-line {
    margin-top: 0.35rem;
    min-height: 1.2em;
    line-height: 1.2;
}