/* "Fehler melden": button on every page and its dialog (bug.js) */
.bug-btn {
  position: fixed; z-index: 60; left: 16px; bottom: 44px;
  display: inline-flex; align-items: center; gap: 7px; height: 36px; padding: 0 14px 0 11px;
  border: 0; border-radius: 999px; background: #b54e35; color: #fff;
  box-shadow: 0 6px 16px rgb(30 24 20 / 0.28);
  font: 600 13px/1 inherit; font-family: inherit; cursor: pointer;
}
.bug-btn:hover, .bug-btn:focus-visible { background: #9c4029; }
.bug-btn svg { width: 18px; height: 18px; fill: none; stroke: currentColor; stroke-width: 1.6; stroke-linecap: round; stroke-linejoin: round; }
/* phones: just the icon, above the action bar */
@media (max-width: 760px) {
  .bug-btn { left: 12px; bottom: 84px; width: 40px; height: 40px; padding: 0; justify-content: center; }
  .bug-btn span { display: none; }
}

.bug-back { position: fixed; inset: 0; z-index: 80; display: grid; place-items: center; padding: 16px; background: rgb(30 24 20 / 0.6); }
.bug-dlg {
  display: grid; gap: 12px; width: min(520px, 100%); max-height: calc(100vh - 32px); overflow: auto; margin: 0;
  padding: 20px; border-radius: 14px; background: #fffdf9; color: #332820; box-shadow: 0 20px 50px rgb(0 0 0 / 0.35);
}
.bug-dlg h2 { margin: 0; font-size: 19px; }
.bug-sub, .bug-note { margin: 0; font-size: 13.5px; color: #6f6259; }
.bug-note a { color: inherit; }
.bug-field { display: grid; gap: 6px; font-size: 13.5px; font-weight: 600; }
.bug-field textarea, .bug-field input {
  width: 100%; box-sizing: border-box; padding: 9px 10px; border: 1px solid #ddd3c6; border-radius: 8px;
  background: #fff; font: inherit; font-weight: 400; color: inherit; resize: vertical;
}
.bug-field textarea:focus, .bug-field input:focus { outline: 2px solid #b54e35; outline-offset: 1px; }
.bug-check { display: flex; gap: 8px; align-items: flex-start; font-size: 13px; }
.bug-check input { margin-top: 2px; accent-color: #b54e35; }
.bug-msg { margin: 0; min-height: 1em; font-size: 13px; color: #6f6259; }
.bug-msg.error { color: #b3261e; }
.bug-btns { display: flex; justify-content: flex-end; gap: 8px; flex-wrap: wrap; }
.bug-cancel, .bug-send { height: 36px; padding: 0 16px; border-radius: 8px; font: 600 14px/1 inherit; font-family: inherit; cursor: pointer; }
.bug-cancel { border: 1px solid #ddd3c6; background: #fff; color: #332820; }
.bug-send { border: 0; background: #b54e35; color: #fff; justify-self: end; }
.bug-send:disabled { opacity: 0.6; cursor: wait; }