.user-table-scroll {max-width:100%;overflow-x:auto;border-radius:0 0 var(--radius-lg) var(--radius-lg);}
#reports-table {min-width:850px;table-layout:fixed!important;}
#reports-table th,#reports-table td {font-size:var(--font-sm);white-space:normal;overflow-wrap:anywhere;vertical-align:middle;text-align:center;}
#reports-table th:nth-child(4),#reports-table th:nth-child(5) {width:160px;}
#reports-table .badge {display:inline-flex;max-width:100%;box-sizing:border-box;white-space:normal;line-height:1.4;}
#reports-table .user-received {white-space:nowrap;}
.user-received small {display:block;color:var(--clr-text-muted);margin-top:4px;font-size:var(--font-xs);}
#reports-table .row-clickable {cursor:pointer;}
#reports-table .row-clickable:focus-visible {outline:2px solid var(--clr-accent);outline-offset:-2px;}
#report-modal {display:flex;flex-direction:column;width:min(840px,calc(100vw - 32px));max-width:840px;height:88dvh;max-height:88dvh;overflow:hidden;}
#report-modal .modal-header,#report-modal .modal-footer {flex-shrink:0;padding:18px 24px;}
#report-modal .modal-footer {justify-content:space-between!important;gap:12px;flex-wrap:wrap;}
#report-modal .modal-body {flex:1;min-height:0;overflow-y:auto;padding:20px 24px;}
.user-report-section {border:1px solid var(--clr-border);border-radius:var(--radius-md);padding:18px;margin-bottom:16px;}
.user-report-section h3 {font-size:var(--font-base);margin:0 0 12px;}
.user-report-section h4 {font-size:var(--font-sm);margin:12px 0 8px;}
.user-report-section p,.user-report-section blockquote {font-size:var(--font-sm);line-height:1.65;white-space:pre-wrap;overflow-wrap:anywhere;margin:10px 0;}
.user-report-section small {font-size:var(--font-xs);color:var(--clr-text-muted);}
.user-report-section code {display:block;overflow-wrap:anywhere;user-select:all;margin:8px 0;font:inherit;font-size:var(--font-sm);}
.user-message {border-top:1px solid var(--clr-border);padding:10px 0;}
.user-message-preview {display:block;}
.user-message-preview[hidden] {display:none;}
.user-message summary {font-size:var(--font-sm);color:var(--clr-accent);cursor:pointer;}
.user-message blockquote {border-left:2px solid var(--clr-accent);padding-left:12px;}
.user-report-meta {padding:8px 24px 14px;border-bottom:1px solid var(--clr-border);flex-shrink:0;}
.user-report-reference,.user-report-state {display:flex;align-items:center;flex-wrap:wrap;gap:10px;}
.user-report-reference {font-size:var(--font-sm);color:var(--clr-text-secondary);overflow-wrap:anywhere;}
#modal-date {font-size:var(--font-xs);color:var(--clr-text-muted);}
.user-report-progress {font-size:var(--font-sm);line-height:1.65;margin:0 0 18px;color:var(--clr-text-secondary);}
.user-scan-checks>summary {cursor:pointer;font-weight:600;font-size:var(--font-sm);}
.user-scan-checks .user-report-section {border:0;border-top:1px solid var(--clr-border);margin:14px 0 0;padding:14px 0 0;}
@media(max-width:600px){#report-modal {width:calc(100vw - 16px);}#report-modal .modal-body {padding:12px;}.user-report-section {padding:14px;}#report-modal .modal-header,#report-modal .modal-footer {padding:14px;}}

/* Keep the complete label and percentage inside the same highlighted badge. */
#reports-table .badge--critical {color:var(--clr-critical,#ef4444);background:var(--clr-critical-bg,rgba(239,68,68,.12));border:1px solid rgba(239,68,68,.25);box-shadow:0 0 8px rgba(239,68,68,.12);}
#reports-table .badge--warning {color:var(--clr-warning,#f59e0b);background:var(--clr-warning-bg,rgba(245,158,11,.12));border:1px solid rgba(245,158,11,.25);}
.user-report-section>summary,.user-explanation-details>summary {cursor:pointer;font-size:var(--font-sm);font-weight:600;}
.user-report-section>summary:focus-visible,.user-explanation-details>summary:focus-visible {outline:2px solid var(--clr-accent);outline-offset:4px;}
#modal-expert-verdict-header[hidden] {display:none;}

.user-report-tabs {justify-content:flex-start;padding:0 16px;}
#user-filter-bar-active[hidden],#user-filter-bar-resolved[hidden] {display:none;}