.login-help {
  max-width: 780px;
  margin: 14px 0;
  padding: 13px 15px;
  border-left: 3px solid var(--accent);
  background: #0c151e;
  color: #c9d7e7;
  border-radius: 5px;
}

.login-help code {
  color: #9ff0d5;
  overflow-wrap: anywhere;
}

select {
  color: var(--text);
  background: #0c131e;
  border: 1px solid #35465d;
  border-radius: 7px;
  padding: 11px;
  font: inherit;
}

/* Fixed, so a refusal is visible wherever the page is scrolled. */
#error:empty {
  display: none;
}

#error {
  position: fixed;
  left: 262px;
  right: 24px;
  bottom: 18px;
  z-index: 10;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding: 14px 18px;
  color: #ffd9d0;
  background: #3a1712;
  border: 1px solid #b4533f;
  border-radius: 9px;
  white-space: pre-wrap;
}

@media (max-width: 1000px) {
  #error { left: 16px; }
}

.status {
  flex-basis: 100%;
  margin: 14px 0 0;
  padding: 12px 15px;
  border-radius: 7px;
  border: 1px solid var(--line);
  background: #0c151e;
  overflow-wrap: anywhere;
}

.status.busy { border-color: #6f8fb8; color: #cfe0f5; }
.status.ask { border-color: #c8a94a; color: #f1e2ad; }
.status.good { border-color: var(--accent); color: #b9f3df; }
.status.bad { border-color: #b4533f; color: #ffd9d0; background: #2a1512; }
.job-failed strong, .job-interrupted strong { color: #ff9c88; }
.job-complete strong { color: var(--accent); }