/* TempWatcher — App CSS */

/* ── Buttons ──────────────────────────────────────────────────────────────── */
.btn-primary {
  display: inline-flex;
  align-items: center;
  padding: 0.375rem 0.875rem;
  background-color: #1d4ed8;
  color: white;
  border-radius: 0.375rem;
  font-size: 0.875rem;
  font-weight: 500;
  text-decoration: none;
  border: 1px solid transparent;
  cursor: pointer;
  transition: background-color 0.15s;
  white-space: nowrap;
}
.btn-primary:hover { background-color: #1e40af; }

.btn-secondary {
  display: inline-flex;
  align-items: center;
  padding: 0.375rem 0.875rem;
  background-color: white;
  color: #374151;
  border-radius: 0.375rem;
  font-size: 0.875rem;
  font-weight: 500;
  text-decoration: none;
  border: 1px solid #d1d5db;
  cursor: pointer;
  transition: border-color 0.15s;
  white-space: nowrap;
}
.btn-secondary:hover { border-color: #6b7280; }

/* ── Mobile: Tabellen scrollbar ───────────────────────────────────────────── */
@media (max-width: 767px) {
  /* Tabellen-Container scrollbar machen */
  .table-wrap {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }

  /* Tabellen direkt scrollbar, falls kein Wrapper vorhanden */
  .overflow-hidden table,
  table.w-full {
    display: block;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    white-space: nowrap;
  }

  /* Seitenüberschriften auf mobil stapeln */
  .page-header {
    flex-direction: column;
    align-items: flex-start !important;
    gap: 0.75rem;
  }

  /* Aktions-Buttons in Kopfzeilen umbrechen */
  .page-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
  }
}

/* ── Nav-Link ─────────────────────────────────────────────────────────────── */
.nav-link {
  opacity: 0.85;
  transition: opacity 0.1s;
}
.nav-link:hover { opacity: 1; }