#scr-bugs .bug-body { max-width: 720px; margin: 0 auto; padding-bottom: 110px; }
.bug-intro { color: var(--muted, #526176); line-height: 1.7; }
.bug-panel, .bug-item { background: var(--card, #fff); border: 1px solid var(--line, #dce3ed); border-radius: 20px; padding: 20px; margin: 16px 0; min-width: 0; }
#scr-bugs h2 { font-size: 1.2rem; margin: 0 0 12px; }
#scr-bugs h3 { font-size: 1rem; margin: 0; }
#scr-bugs h4 { margin: 14px 0 4px; }
#bugForm label, .bug-reply label { display: grid; gap: 7px; margin: 16px 0; font-weight: 600; }
#bugForm input, #bugForm textarea, #bugForm select, .bug-reply textarea { width: 100%; box-sizing: border-box; min-height: 46px; padding: 11px 12px; border: 1px solid var(--line, #c7d1df); border-radius: 12px; background: var(--card2, #f7faff); color: var(--ink, inherit); font: inherit; }
#bugForm textarea, .bug-reply textarea { resize: vertical; line-height: 1.6; }
#bugForm .bug-consent { display: flex; align-items: flex-start; font-weight: 400; line-height: 1.6; }
#bugForm .bug-consent input { width: 22px; min-height: 22px; flex-shrink: 0; margin-top: 2px; }
.bug-button { min-height: 44px; padding: 10px 16px; border: 1px solid var(--line, #c7d1df); border-radius: 12px; background: var(--card, #fff); color: inherit; font: inherit; cursor: pointer; }
.bug-button.bug-primary { background: var(--fill, #3862d6); color: var(--on-fill, white); border-color: transparent; width: 100%; font-weight: 700; }
.bug-button:disabled { opacity: .5; cursor: default; }
.bug-heading, .bug-item-head, .bug-pagination { display: flex; align-items: center; justify-content: space-between; gap: 12px; flex-wrap: wrap; }
.bug-item-head { align-items: flex-start; }
.bug-item h3 { flex: 1; min-width: 120px; overflow-wrap: anywhere; }
.bug-status { font-size: .8rem; padding: 5px 10px; border-radius: 20px; background: var(--card2, #edf2ff); white-space: nowrap; }
.bug-meta, .bug-history time { font-size: .82rem; color: var(--muted, #526176); }
.bug-text { white-space: pre-wrap; overflow-wrap: anywhere; line-height: 1.7; }
.bug-history { padding-left: 22px; }
.bug-history li { margin: 14px 0; }
.bug-history time { display: block; margin-top: 4px; }
#scr-bugs details summary { cursor: pointer; min-height: 44px; padding-top: 12px; }
#bugMessage { min-height: 24px; line-height: 1.6; }
.bug-error { color: var(--ink, #b42318); border-inline-start: 3px solid #d92d20; padding-inline-start: 10px; }
#scr-bugs :focus-visible { outline: 3px solid var(--blue, #3862d6); outline-offset: 3px; }
@media (max-width: 420px) { .bug-panel, .bug-item { padding: 16px; border-radius: 16px; } }
