.hidden { display: none !important; }
.text-muted { color: var(--muted); }
.text-center { text-align: center; }
.mt-sm { margin-top: var(--space-sm); }
.mt-md { margin-top: var(--space-md); }
.mt-lg { margin-top: var(--space-lg); }

/* Offline / API error notice */
.offline-notice {
  background: #fff8e6;
  border: 1px solid #f0c050;
  border-left: 4px solid #c99a3b;
  border-radius: 10px;
  padding: 0.85rem 1rem;
  font-size: 0.88rem;
  color: #5a3e00;
  margin-bottom: 1rem;
  line-height: 1.5;
}

.offline-notice-wide {
  grid-column: 1 / -1;
  font-size: 0.95rem;
  padding: 1.1rem 1.2rem;
}