/* DATUM bindings + HydraPool-derived donations/workers/map overlays. */
html, body { height: auto; min-height: 100%; }

.brand { display: flex; align-items: center; gap: 20px; color: inherit; text-decoration: none; min-width: 0; }

.instructions { grid-column: 1 / -1; }

.copyLabel { font-family: var(--mono); color: var(--muted); font-size: 12px; margin: 14px 0 6px; }

.copyField {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 12px;
  border: 1px solid var(--accent-dim);
  border-radius: 10px;
  font-family: var(--mono);
  overflow-wrap: anywhere;
}
.copyField span { min-width: 0; }

.copyBtn { background: transparent; color: var(--accent); border: 0; cursor: pointer; padding: 0; font-size: inherit; }

.note, .workerDetail { color: var(--muted); font-size: 12px; line-height: 1.6; overflow-wrap: anywhere; }
.workerDetail { padding: 0 12px 10px; font-family: var(--mono); }

.workerLeft { min-width: 0; }

/* Badge shows available measured rate, not an idle/awaiting placeholder. */
.workerRight .lastBadge { display: inline-flex; }

.lastBadge.aged { opacity: 0.65; }
.lastBadge.observed { color: var(--good); }

@media (max-width: 600px) {
  .brand { gap: 12px; }
  .copyField { font-size: 11px; }
}