/* Additions for the live page. app.css is the prototype's stylesheet, copied unchanged;
   everything the live data needs on top of it lives here so the two can be diffed. */

[hidden] { display: none !important; }

/* Loading, bad link, no snapshot yet. */
.state { padding: 28px 6px; font-size: 15px; color: var(--ink-2); max-width: 60ch; }

/* The stamp warns when the newest snapshot is more than a few hours old. */
.stamp.stale { color: var(--warn-t); }

/* An answer the server refused (secret-looking text, the step changed, too many today). */
.ans-err { margin: 6px 0 0; font-size: 13px; color: var(--stop-t); }

/* Clients without Field Ops: no effective rate or crew hours, so the gauge and the
   12-month strip share the pod instead of leaving an empty column. */
@container (min-width: 640px) {
  .road-body.solo { grid-template-columns: minmax(0, 1fr); }
  .road-body.solo .road-main { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); align-items: center; gap: 22px; }
}