/* Minimal internal-tool styling; intentionally no CSS framework. */
body {
  font-family: ui-sans-serif, system-ui, sans-serif;
  margin: 0 auto;
  max-width: 76rem;
  padding: 1rem 2rem;
  color: #1f2937;
}

header {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  border-bottom: 1px solid #e5e7eb;
}

header h1 {
  font-size: 1.4rem;
}

header .session {
  font-size: 0.85rem;
  color: #6b7280;
}

section {
  margin-bottom: 2rem;
}

table {
  border-collapse: collapse;
  width: 100%;
  font-size: 0.85rem;
}

th,
td {
  border-bottom: 1px solid #e5e7eb;
  padding: 0.4rem 0.6rem;
  text-align: left;
  vertical-align: middle;
}

.badge {
  border-radius: 0.75rem;
  font-size: 0.75rem;
  padding: 0.1rem 0.6rem;
}

.badge.running {
  background: #d1fae5;
  color: #065f46;
}

.badge.stopped {
  background: #f3f4f6;
  color: #4b5563;
}

.flash.notice {
  background: #d1fae5;
  padding: 0.5rem 1rem;
}

.flash.alert {
  background: #fee2e2;
  padding: 0.5rem 1rem;
}

form.inline,
.actions form {
  display: inline-block;
}

input.num {
  width: 4.5rem;
}