/* Кнопка и окно «Сообщить о баге»: общие для кабинета и страницы кандидата. Цвета берутся из
   переменных темы страницы (--surface, --line, --text, --muted, --accent, --on-accent). */
.bug-button {
  background: none; border: 0; padding: 0; margin: 0; cursor: pointer;
  color: inherit; font: inherit; font-size: 13px; text-decoration: underline;
}
.bug-button[hidden] { display: none; }
.bug-dialog {
  width: min(480px, calc(100vw - 32px)); padding: 20px; border: 1px solid var(--line);
  border-radius: 14px; background: var(--surface); color: var(--text);
  box-shadow: 0 20px 60px rgb(0 0 0 / 0.25);
}
.bug-dialog::backdrop { background: rgb(10 20 20 / 0.45); }
.bug-dialog h2 { margin: 0 0 6px; font-size: 18px; }
.bug-dialog p { margin: 0 0 10px; font-size: 14px; color: var(--muted); }
.bug-dialog form { display: flex; flex-direction: column; gap: 10px; }
.bug-dialog textarea {
  width: 100%; min-height: 140px; resize: vertical; padding: 10px; font: inherit; font-size: 15px;
  color: var(--text); background: var(--surface); border: 1px solid var(--line); border-radius: 8px;
}
.bug-dialog .bug-actions { display: flex; gap: 8px; justify-content: flex-end; }
.bug-dialog .bug-actions button { width: auto; }
.bug-dialog .bug-status { min-height: 20px; margin: 0; font-size: 14px; }
.bug-dialog .bug-status.is-error { color: var(--err, #b3261e); }
.bug-dialog .bug-status.is-ok { color: var(--ok, #14804a); }