/* The auction pages (Input, Result, the builder): only what panel.css does not have. */

/* the one action on the page */
button.run{background:var(--acc);color:var(--panel);border-color:var(--acc);font-weight:600}
button.run:hover{background:var(--ink);border-color:var(--ink)}
button.run:disabled{background:var(--panel-sunk);color:var(--ink-3);border-color:var(--rule)}

/* a fuel is a shade: its legend swatch is a filled box, not a line */
.panel-head .legend .lg i.sw{height:10px;width:14px;border:1px solid var(--rule)}

/* a subtotal row closes each fuel group */
table.rows tr.sub td{background:var(--panel-sunk);color:var(--ink);font-weight:500;
  border-bottom:1px solid var(--rule)}
table.rows tr.sub td:first-child{text-transform:lowercase;color:var(--ink-2)}
table.rows th[data-k]{cursor:pointer}
table.rows th[aria-sort="ascending"]::after{content:" ▲";font-size:.6rem}
table.rows th[aria-sort="descending"]::after{content:" ▼";font-size:.6rem}
table.rows td.l, table.rows th.l{text-align:left}
table.rows td.dim{color:var(--ink-3)}

/* key-value blocks side by side (System tab) */
.kv-grid{display:grid;grid-template-columns:repeat(auto-fit, minmax(min(300px, 100%), 1fr));gap:var(--u4);align-items:start}
.kv-grid .zone{margin:0}

/* the bands of one unit, inline; the long ones fold */
.bands-in{font-family:var(--mono);white-space:normal;text-align:left}
.bands-in button{padding:0 4px;font-size:.72rem;margin-left:var(--u1)}

/* two boxes side by side never push the page sideways: a wide table scrolls in its box */
.pair > *{min-width:0}

/* a link in a table reads like every other link on the panel: ink over a hairline */
table.rows td a{color:var(--ink);text-decoration:none;border-bottom:1px solid var(--bus)}
table.rows td a:hover{border-bottom-color:var(--ink)}