/* --- What kontor reaches outside itself (#471) --- */

/* A tab says its group has failed without being opened. Only *gescheitert*
   earns the mark: nothing set up yet is a decision and never reached is a
   to-do, but a failure is the machine telling somebody now. */
.tab__label {
  display: inline-flex;
  align-items: center;
  gap: 0.35rem;
}

.tab__dot {
  width: 0.4rem;
  height: 0.4rem;
  border-radius: 999px;
  background: var(--neg);
}

/* A missing setting is named, so it is set in the typeface the reader will type
   it in. Monospace here is not decoration: `KONTOR_BVED_TOKEN_URL` is a string
   somebody copies into a file on another machine. */
.sn__missing {
  font-family: var(--mono, ui-monospace, "SFMono-Regular", Menlo, monospace);
  font-size: 0.8rem;
  color: var(--text-dim);
  white-space: normal;
}

.sn__evidence {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  white-space: normal;
}

.sn__action {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 0.5rem;
}

.sn__action .btn {
  padding: 0.28rem 0.62rem;
  font-size: 0.85rem;
}

.sn__error {
  color: var(--neg);
  font-size: 0.82rem;
}

/* One line per Mandant, and the line is the form: a name, the folder, and the
   one button that writes it. */
.sn-path {
  display: grid;
  grid-template-columns: minmax(9rem, 16rem) 1fr auto;
  align-items: center;
  gap: 0.6rem;
  padding: 0.45rem 0;
  border-top: 1px solid var(--line);
}

.sn-path:first-of-type {
  border-top: 0;
}

.sn-path__name {
  font-weight: 550;
}

.sn-path__field {
  font: inherit;
  font-size: 0.88rem;
  padding: 0.4rem 0.6rem;
  border: 1px solid var(--line-strong);
  border-radius: var(--r-sm);
  background: var(--surface);
  color: var(--text);
  min-width: 0;
}

.sn-path .signin__error {
  grid-column: 1 / -1;
  margin: 0;
}

/* The report preview keeps its columns rather than reflowing them.

   The plain body is laid out for a mail client with the label in one column and
   the figure in the next, and the global `pre` sets `white-space: pre-wrap`,
   which is right for a stack trace and wrong here: in the detail sheet's width
   every figure's window wrapped onto its own line and the warnings table became
   one value per row. `pre` already carries `overflow-x: auto`; it simply never
   engages while the text is allowed to wrap. */
.report-preview {
  white-space: pre;
  overflow-wrap: normal;
}