.ui-issues-page { max-width:1440px; margin:0 auto; padding:120px 24px 32px; color:var(--ui-color-text); }
.ui-issues-page h1,.ui-issues-page p { margin:0 0 16px; overflow-wrap:anywhere; }
.ui-issues-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(min(100%,200px),1fr)); gap:16px; align-items:end; margin:16px 0; }
.ui-issues-grid label,.ui-issue-report label,#ui-issues-import label { display:flex; flex-direction:column; gap:8px; min-width:0; }
.ui-issues-grid input,.ui-issues-grid select,.ui-issues-grid textarea,.ui-issue-report textarea,#ui-issues-import textarea { box-sizing:border-box; width:100%; min-width:0; min-height:44px; padding:8px 12px; border:1px solid var(--ui-color-border-strong); border-radius:8px; background:var(--ui-color-on-primary); color:var(--ui-color-text); font:inherit; }
.ui-issues-wide { grid-column:1/-1; }
.ui-issues-page textarea,.ui-issue-report textarea { min-height:96px; resize:vertical; }
.ui-issue-actions { display:flex; flex-wrap:wrap; gap:8px; align-items:center; margin:16px 0; }
.ui-issues-page table { width:100%; border-collapse:collapse; }
.ui-issues-page th,.ui-issues-page td { padding:12px; border-bottom:1px solid var(--ui-color-border); text-align:left; overflow-wrap:anywhere; }
/* 320px 에서 표 머리 '화면'·'종류'와 '상세' 버튼이 글자 중간에서 끊겼다. 표는 가로 스크롤 영역 안에 있으므로 최소 폭을 두고, 머리·버튼은 어절을 지킨다. */
.ui-issues-page .ui-table-scroll > table { min-width:720px; }
.ui-issues-page th { word-break:keep-all; overflow-wrap:normal; }
.ui-issues-page td .ui-btn { white-space:nowrap; }
.ui-issues-page dialog,.ui-issue-report { box-sizing:border-box; width:min(960px,calc(100% - 32px)); max-height:calc(100dvh - 32px); overflow:auto; padding:24px; border:1px solid var(--ui-color-border-strong); border-radius:12px; color:var(--ui-color-text); background:var(--ui-color-on-primary); }
.ui-issues-page pre { white-space:pre-wrap; overflow-wrap:anywhere; max-width:100%; font-size:12px; }
.ui-issues-page summary { min-height:44px; padding:8px; cursor:pointer; }
.ui-issue-report { width:min(640px,calc(100% - 32px)); }
.ui-issue-report label { margin:16px 0; }
/* 공통 .ui-btn 은 색만 정한다. 신고·작업 버튼은 터치 대상 44px 과 안쪽 여백을 직접 갖는다. */
html body .ui-issue-report-open.ui-btn, html body .ui-issue-actions .ui-btn, html body .ui-issues-page .ui-btn { min-height:44px; padding:8px 16px; border-radius:8px; font:inherit; line-height:1.4; cursor:pointer; }
/* 공통 html body .ui-btn.ui-btn[class*="ui-btn--"] 의 inline-flex 를 이겨야 가운데 정렬된다. */
html body .ui-btn.ui-btn.ui-issue-report-open[class*="ui-btn--"] { display:flex; width:fit-content; max-width:calc(100% - 32px); margin:16px auto; }
@media(max-width:480px) { .ui-issues-page { padding:24px 16px; } .ui-issues-page dialog,.ui-issue-report { padding:16px; } }