/* Mining section — extends the oil-explainer stylesheet. */

:root {
  --g-exploration: #7f8f6a;
  --g-development: #8a6a3d;
  --g-drillBlast: #c04a2f;
  --g-loadHaul: #d08a2a;
  --g-underground: #7b6ca8;
  --g-comminution: #b06a35;
  --g-concentration: #3f8fa8;
  --g-hydromet: #4f9a70;
  --g-tailings: #6a7a86;
  --g-water: #3d918a;
  --g-energy: #9a9a5a;
  --g-services: #8f8577;
  --g-dispatch: #5f7ba8;
  --g-closure: #6f9a58;
}

.panel-head .chain { margin-top: 8px; }
.panel-head .chain a { color: var(--accent); text-decoration: none; border-bottom: 1px dotted #5a4520; }
.panel-head .chain a:hover { color: #f0c65a; }

.scene-label.group-exploration { border-left-color: var(--g-exploration); }
.scene-label.group-development { border-left-color: var(--g-development); }
.scene-label.group-drillBlast { border-left-color: var(--g-drillBlast); }
.scene-label.group-loadHaul { border-left-color: var(--g-loadHaul); }
.scene-label.group-underground { border-left-color: var(--g-underground); }
.scene-label.group-comminution { border-left-color: var(--g-comminution); }
.scene-label.group-concentration { border-left-color: var(--g-concentration); }
.scene-label.group-hydromet { border-left-color: var(--g-hydromet); }
.scene-label.group-tailings { border-left-color: var(--g-tailings); }
.scene-label.group-water { border-left-color: var(--g-water); }
.scene-label.group-energy { border-left-color: var(--g-energy); }
.scene-label.group-services { border-left-color: var(--g-services); }
.scene-label.group-dispatch { border-left-color: var(--g-dispatch); }
.scene-label.group-closure { border-left-color: var(--g-closure); }

/* ------------------------------------------------------ rock balance -- */
.rockflow { display: flex; flex-direction: column; gap: 7px; }
.rockflow-row { display: grid; grid-template-columns: 1fr auto; gap: 3px 10px; align-items: baseline; }
.rockflow-row .name { color: var(--ink); font-size: 10.5px; }
.rockflow-row .value { color: var(--accent); font-size: 10.5px; }
.rockflow-bar {
  grid-column: 1 / -1;
  height: 8px;
  background: var(--panel-2);
  border: 1px solid var(--line);
  position: relative;
  overflow: hidden;
}
.rockflow-bar span { position: absolute; inset: 0 auto 0 0; }
.rockflow-row .note {
  grid-column: 1 / -1;
  color: var(--ink-faint);
  font-size: 9px;
  margin: 0;
}

/* A single line reminding you what fraction of the rock is actually sold. */
.rockflow-headline {
  margin: 4px 0 10px;
  padding: 7px 8px;
  border: 1px solid var(--line);
  background: var(--panel-2);
  color: var(--ink-dim);
  font-size: 10px;
  line-height: 1.5;
}
.rockflow-headline b { color: var(--accent); }

/* Blast state is the one HUD item that changes character rather than value. */
#hudMine.blast-fired { color: #ff8a3c; font-weight: 700; }
#hudMine.blast-clearing { color: var(--accent); }