/* [chess-trips] Save for a trip and "With no internet" (public/trips.js). */
.tr-screen { display: grid; gap: var(--space-4); }
.tr-meter { display: grid; gap: var(--space-2); }
.tr-meter-line { margin: 0; }
.tr-bar { height: 12px; border-radius: var(--radius-full); background: var(--surface-sunken); overflow: hidden; }
.tr-bar > span { display: block; height: 100%; background: var(--accent); border-radius: inherit; min-width: 2px; }
.tr-row-actions { display: inline-flex; gap: var(--space-2); align-items: center; }
.tr-total { margin: 0; }
.tr-warn { color: var(--danger-text); }
.tr-needs { margin: 0; padding-left: 1.2em; color: var(--ink-muted); }
.ui-banner--offline a { color: inherit; font-weight: var(--weight-strong); margin-left: var(--space-2); }
@media (max-width: 420px) {
  .tr-row-actions { flex-direction: column; align-items: stretch; }
}