/* Élő üzemhez tartozó kiegészítések (login, felhasználó, lapozás, admin szerkesztő) */

.user-box {
  display: flex;
  align-items: center;
  gap: var(--space-2);
  margin: 0;
}
.user-name {
  font-size: var(--text-xs);
  color: var(--color-text-muted);
  white-space: nowrap;
}
.btn-logout {
  padding: var(--space-1) var(--space-3);
}

.schedule-slots-inner {
  display: contents;
}
.slot-chip.failed {
  background: var(--color-danger-bg);
  border-color: var(--color-danger-border);
  color: var(--color-danger);
}

.table-more {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: var(--space-4);
  padding: var(--space-4);
  color: var(--color-text-muted);
  font-size: var(--text-sm);
  border-top: 1px solid var(--color-divider);
}

.sample-tag {
  display: inline-block;
  padding: 0 var(--space-2);
  border-radius: var(--radius-full);
  background: var(--color-surface-offset);
  color: var(--color-text-faint);
  font-size: var(--text-xs);
}
.prod-checked,
.decided-by {
  font-size: var(--text-xs);
  color: var(--color-text-faint);
  margin-top: var(--space-1);
}

.tier1-editor {
  flex-direction: column;
  gap: var(--space-2);
  margin-top: var(--space-4);
}
.tier1-textarea {
  width: 100%;
  font-family: 'JetBrains Mono', monospace;
  font-size: var(--text-sm);
  padding: var(--space-2);
  border: 1px solid var(--color-border);
  border-radius: var(--radius-md);
  background: var(--color-surface-2);
  color: var(--color-text);
}
.tier1-editor .btn {
  align-self: flex-start;
}

/* ---- Login oldal ---- */
.login-body {
  min-height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: var(--space-4);
  background: var(--color-bg);
}
.login-card {
  width: 100%;
  max-width: 380px;
  background: var(--color-surface);
  border: 1px solid var(--color-border);
  border-radius: var(--radius-xl);
  padding: var(--space-8);
  display: flex;
  flex-direction: column;
  gap: var(--space-4);
}
.login-card h1 {
  font-size: var(--text-lg);
  margin: 0;
}
.login-card p {
  margin: 0;
  color: var(--color-text-muted);
  font-size: var(--text-sm);
}
.login-card label {
  display: flex;
  flex-direction: column;
  gap: var(--space-1);
  font-size: var(--text-sm);
  font-weight: 600;
}
.login-card input {
  padding: var(--space-3);
  border: 1px solid var(--color-border);
  border-radius: var(--radius-md);
  background: var(--color-surface-2);
  color: var(--color-text);
  font-size: var(--text-base);
}
.login-card .btn {
  justify-content: center;
}
.login-error {
  padding: var(--space-2) var(--space-3);
  border-radius: var(--radius-md);
  background: var(--color-danger-bg);
  color: var(--color-danger);
  border: 1px solid var(--color-danger-border);
  font-size: var(--text-sm);
}