/* Named layout classes only; skin is Tachyons atomics (the vendored
   Tachyons link sits before this file so these win any conflict). */
.app-col { max-width: 40rem; margin: 0 auto; }
.top-bar {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
}
.tb-back { min-height: 2.75rem; display: inline-flex;
  align-items: center; }
.run-line {
  display: grid;
  grid-template-columns: 2.5rem minmax(0, 1fr) 1.5rem;
  align-items: center; gap: .5rem;
}
.edit-line {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center; gap: .5rem;
}
.footer-bar {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: .5rem; align-items: end;
}
.sync-idle    { color: #19a974; }
.sync-pending { color: #ffb700; }
.sync-syncing { color: #357edd; }
.sync-offline { color: #999999; }
.sync-error   { color: #e7040f; }