.bug-report-controls { display: grid; gap: .7rem; padding: 1.1rem; border: 1px solid color-mix(in srgb, currentColor 18%, transparent); border-radius: 1rem; }
.bug-report-controls h2 { margin: 0; font-size: 1.05rem; }
.bug-report-controls p { margin: 0; line-height: 1.5; opacity: .8; }
.bug-report-controls label { display: flex; align-items: center; gap: .55rem; }
.bug-report-controls input[type="checkbox"] { width: 1rem; height: 1rem; margin: 0; flex: none; }
.bug-report-controls button, .bug-report-entry { justify-self: start; min-height: 2.5rem; padding: .55rem .9rem; border: 1px solid color-mix(in srgb, currentColor 25%, transparent); border-radius: .7rem; background: transparent; color: inherit; font: inherit; cursor: pointer; }
.bug-report-dialog { width: min(28rem, calc(100vw - 2rem)); max-height: calc(100dvh - 2rem); overflow: auto; padding: clamp(1.2rem, 4vw, 1.7rem); border: 1px solid color-mix(in srgb, currentColor 18%, transparent); border-radius: 1.1rem; background: #fff; color: #18243a; box-shadow: 0 18px 70px #07142a55; }
.bug-report-dialog::backdrop { background: #07142a99; }
.bug-report-dialog h2 { margin: 0 0 .7rem; font-size: 1.35rem; }
.bug-report-dialog p { line-height: 1.5; }
.bug-report-dialog label { display: grid; gap: .5rem; font-weight: 650; }
.bug-report-dialog textarea { width: 100%; box-sizing: border-box; resize: vertical; padding: .7rem; border: 1px solid #aab7cb; border-radius: .6rem; font: inherit; }
/* Consent choices: sending is never the smaller or harder-to-find option. Both
 * buttons share one width; the send button is the filled, emphasised one and sits
 * on top when the choices stack on narrow screens. Declining stays fully visible. */
.bug-report-actions { display: grid; grid-template-columns: 1fr 1fr; gap: .65rem; margin-top: 1.1rem; }
.bug-report-actions button { min-height: 2.9rem; padding: .6rem .9rem; border: 1px solid #9aabc2; border-radius: .65rem; background: #f6f8fb; color: #172641; font: inherit; cursor: pointer; width: 100%; }
.bug-report-actions .bug-report-send, .bug-report-controls .bug-report-send { background: #183e73; border-color: #183e73; color: #fff; font-weight: 700; min-height: 3rem; }
.bug-report-actions .bug-report-send:hover, .bug-report-controls .bug-report-send:hover { background: #214c8c; border-color: #214c8c; }
.bug-report-controls .bug-report-send { padding: .65rem 1.2rem; }
@media (max-width: 420px) { .bug-report-actions { grid-template-columns: 1fr; } .bug-report-actions .bug-report-send { order: -1; } }
.bug-report-dialog :focus-visible, .bug-report-controls :focus-visible, .bug-report-entry:focus-visible { outline: 3px solid #f59c3d; outline-offset: 3px; }
@media (prefers-color-scheme: dark) { .bug-report-dialog { background: #17233b; color: #f5f7fb; } .bug-report-dialog textarea { background: #0e182c; border-color: #516384; color: inherit; } }