/* bug-report.css -- goes wherever the site's other component styles live (core.css or similar).
   Kept minimal and namespaced under .bug-report-* so it can't collide with existing classes. */

.bug-report-overlay {
    position: fixed; inset: 0; background: rgba(0,0,0,0.5);
    display: flex; align-items: center; justify-content: center; z-index: 2000;
}
.bug-report-modal {
    background: #fff; border-radius: 8px; padding: 24px; width: 90%; max-width: 440px;
    position: relative; box-shadow: 0 8px 30px rgba(0,0,0,0.3);
}
.bug-report-close {
    position: absolute; top: 8px; right: 12px; background: none; border: none;
    font-size: 22px; cursor: pointer; line-height: 1;
}
.bug-report-type-toggle { margin: 10px 0; display: flex; gap: 16px; }
.bug-report-modal textarea {
    width: 100%; box-sizing: border-box; padding: 8px; font: inherit; resize: vertical;
}
.bug-report-consent-row { display: flex; align-items: flex-start; gap: 8px; margin: 10px 0; font-size: 0.9em; }
.bug-report-meta { font-size: 0.8em; color: #666; margin: 8px 0; word-break: break-all; }
.bug-report-actions { display: flex; justify-content: flex-end; gap: 8px; margin-top: 12px; }
.bug-report-status { margin-top: 8px; font-size: 0.9em; min-height: 1.2em; }

/* 2026-10-16 (JOB 238): the Translation fields, and the button in the app's top bar */
#bug-report-translation label { display: block; font-size: 0.9rem; margin: 8px 0 4px; }
#bug-report-translation textarea { width: 100%; box-sizing: border-box; font: inherit; padding: 8px; }
.app-bug-slot { margin-left: auto; display: inline-flex; align-items: center; }
.app-bug-slot .nav-item-btn { background: none; border: 0; font-size: 1.25rem; cursor: pointer; padding: 6px 8px; line-height: 1; }