.mining-toolbar {
  display: grid;
  grid-template-columns: auto minmax(180px, 1fr) auto;
  gap: 10px 14px;
  align-items: center;
  margin-top: 12px;
  padding-top: 12px;
  border-top: 1px solid var(--line, rgba(255,255,255,.09));
}
.mining-title { font-weight: 700; white-space: nowrap; }
.mining-overview { display: flex; align-items: center; gap: 10px; min-width: 0; flex-wrap: wrap; }
.mining-tool { display: inline-flex; align-items: baseline; gap: 6px; min-width: 108px; }
.mining-tool-level { font-size: 1rem; }
.mining-tool-exp, .mining-energy-cost, .mining-last-reward { color: var(--muted, #8d98aa); font-size: .78rem; }
.mining-energy { min-width: 180px; flex: 1 1 220px; }
.mining-energy-head { display: flex; justify-content: space-between; gap: 8px; font-size: .78rem; margin-bottom: 4px; }
.mining-energy-track { height: 7px; overflow: hidden; border-radius: 999px; background: rgba(148,163,184,.18); }
.mining-energy-fill { display: block; height: 100%; width: 0; border-radius: inherit; background: linear-gradient(90deg, #22c55e, #84cc16); transition: width .25s ease; }
.mining-actions { display: flex; gap: 7px; align-items: center; }
.mining-button { border: 0; border-radius: 9px; padding: 8px 12px; font: inherit; font-weight: 700; cursor: pointer; }
.mining-button.start { background: #c99031; color: #14100a; }
.mining-button.stop { background: rgba(239,68,68,.14); color: #fca5a5; border: 1px solid rgba(239,68,68,.3); }
.mining-button:disabled { opacity: .45; cursor: not-allowed; }
.mining-state { justify-self: start; font-size: .78rem; color: var(--muted, #8d98aa); }
.mining-state.active { color: #86efac; }
.mining-state.error, .mining-feedback.error { color: #fca5a5; }
.mining-last-reward { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.mining-feedback { grid-column: 2 / -1; min-height: 1em; font-size: .78rem; color: var(--muted, #8d98aa); }
@media (max-width: 720px) {
  .mining-toolbar { grid-template-columns: 1fr; align-items: stretch; }
  .mining-overview { display: grid; grid-template-columns: auto minmax(0,1fr); }
  .mining-energy { min-width: 0; }
  .mining-actions { justify-content: flex-start; }
  .mining-feedback { grid-column: 1; }
  .mining-last-reward { grid-column: 1 / -1; }
}
@media (prefers-reduced-motion: reduce) { .mining-energy-fill { transition: none; } }