.wr-panel { display:grid; gap:18px; min-width:0; }
.wr-panel [hidden] { display:none !important; }
.wr-views { display:flex; align-items:center; gap:10px; flex-wrap:wrap; padding-bottom:14px; border-bottom:1px solid var(--ui-line); }
.desktop-interface .wr-views [aria-pressed=true] { color:var(--ui-accent-strong); background:var(--ui-accent-bg); border-color:var(--ui-accent); font-weight:650; }
.wr-views button:hover { text-decoration:underline; text-underline-offset:4px; }
.wr-views [data-wr-view=history] { margin-left:auto; }
.wr-audit-basis { color:var(--ui-muted); font-size:12px; line-height:1.7; max-width:90ch; }
.wr-audit-counts { display:flex; flex-wrap:wrap; gap:20px 40px; padding:18px 0; border-block:1px solid var(--ui-line); font-variant-numeric:tabular-nums; }
.wr-audit-counts > div { display:flex; align-items:baseline; gap:12px; }
.wr-audit-counts span { color:var(--ui-muted); font-size:13px; }
.wr-count { min-width:28px; min-height:28px; font:inherit; font-weight:650; text-decoration:underline; text-underline-offset:4px; }
.wr-audit-counts .wr-count { font-size:22px; }
.wr-status-label { display:flex; align-items:center; gap:10px; margin-left:auto; color:var(--ui-muted); font-size:12px; }
.wr-status-label select { min-height:36px; }
.wr-audit-status { font-weight:600; }
.wr-audit-status[data-status=approved] { color:var(--ui-success,#137547); }
.wr-audit-status[data-status=rejected] { color:var(--ui-danger,#b42318); }
.wr-audit-status[data-status=unknown],.wr-audit-status[data-status=pending] { color:var(--ui-warning,#805300); }
.wr-toolbar { display:flex; align-items:end; flex-wrap:wrap; gap:14px; }
.wr-toolbar label { display:grid; gap:6px; color:var(--ui-muted); font-size:12px; }
.wr-toolbar input,.wr-toolbar select { min-height:36px; }
.wr-toolbar select { min-width:126px; }
.wr-filter-summary { color:var(--ui-muted); font-size:12px; line-height:1.6; }
.wr-toolbar input[type=search] { width:240px; }
.wr-source { display:flex; gap:8px 24px; flex-wrap:wrap; color:var(--ui-muted); font-size:12px; margin-bottom:18px; }
.wr-metrics { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:24px; padding:20px 0; border-block:1px solid var(--ui-line); font-variant-numeric:tabular-nums; }
.wr-metrics > div { display:grid; gap:8px; align-content:start; }
.wr-metrics span { color:var(--ui-muted); font-size:12px; }
.wr-metrics strong { font-size:28px; line-height:1.2; font-weight:650; }
.desktop-interface .wr-metrics .wr-count { font:inherit; padding:0; }
.wr-metrics small { color:var(--ui-muted); line-height:1.6; }
.wr-warning { margin-top:18px; background:#fff8e9; color:#765006; border-radius:8px; padding:12px 16px; font-size:12px; }
.wr-warning p { margin:8px 0 0; }
.wr-heading { display:flex; justify-content:space-between; align-items:center; gap:16px; margin:28px 0 12px; }
.wr-heading h3 { margin:0; font-size:16px; }
.wr-heading span { font-size:12px; color:var(--ui-muted); font-weight:400; }
.wr-table-wrap { width:100%; overflow:auto; margin-bottom:14px; }
.wr-table { width:100%; min-width:800px; border-collapse:collapse; font-variant-numeric:tabular-nums; }
.wr-table th,.wr-table td { text-align:left; padding:12px; border-bottom:1px solid var(--ui-line-soft); vertical-align:top; }
.wr-table th { background:var(--ui-inset); color:var(--ui-muted); font-size:12px; }
.wr-table td { font-size:13px; }
.wr-table small { display:block; color:var(--ui-muted); margin-top:5px; max-width:45ch; overflow-wrap:anywhere; line-height:1.6; }
.wr-id { font-variant-numeric:tabular-nums; }
.wr-definition { margin-top:22px; font-size:12px; color:var(--ui-muted); }
.wr-definition p { max-width:90ch; line-height:1.7; }
.wr-panel summary { cursor:pointer; }
.wr-panel :focus-visible { outline:2px solid var(--ui-accent); outline-offset:3px; }
@media(max-width:1279px) { .wr-metrics {gap:16px;} .wr-toolbar input[type=search] {width:200px;} }
