#app .audit-workspace { display:grid; gap:14px; min-width:0; }
#app .audit-filters { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:12px; padding:16px; }
#app .audit-filters label { display:grid; gap:5px; min-width:0; font-size:12px; font-weight:650; }
#app .audit-filters :is(input,select) { width:100%; min-width:0; min-height:38px; padding:8px 10px; background:var(--surface); color:var(--text); border:1px solid var(--line); border-radius:7px; font:inherit; }
#app .audit-search { grid-column:span 2; }
#app .audit-filter-actions { display:flex; gap:8px; flex-wrap:wrap; align-items:end; grid-column:1/-1; }
#app .audit-more-filters { grid-column:1/-1; font-size:12px; }
#app .audit-more-filters summary { cursor:pointer; padding:5px 0; }
#app .audit-more-filters > div { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:10px; margin-top:10px; }
#app .audit-layout { display:grid; gap:14px; min-width:0; }
#app .audit-layout.has-detail { grid-template-columns:minmax(0,1fr) 360px; align-items:start; }
#app .audit-results { min-width:0; overflow:hidden; }
#app .audit-results .panel-header p { margin:5px 0 0; font-size:12px; }
#app .audit-table-wrap { overflow:auto; }
#app .audit-table { width:100%; border-collapse:collapse; text-align:left; font-size:12px; }
#app .audit-table :is(th,td) { padding:12px; border-bottom:1px solid var(--line); vertical-align:top; }
#app .audit-table th { color:var(--muted); background:var(--surface-2); font-size:11px; }
#app .audit-table td:first-child { min-width:200px; }
#app .audit-table small { display:block; color:var(--muted); margin-top:5px; }
#app .audit-table tr.selected { background:var(--primary-soft); }
#app .audit-event-link { border:0; background:none; padding:0; text-align:left; color:var(--primary); font:inherit; font-weight:700; cursor:pointer; }
#app .audit-outcome { display:inline-block; padding:3px 7px; border-radius:5px; background:var(--surface-2); font-size:11px; white-space:nowrap; }
#app .audit-outcome.failed { color:#b91c1c; background:#fee2e2; }
#app .audit-outcome.blocked { color:#92400e; background:#fef3c7; }
#app .audit-empty { text-align:center; padding:35px !important; color:var(--muted); }
#app .audit-pagination { display:flex; justify-content:space-between; align-items:center; gap:10px; padding:14px; font-size:12px; }
#app .audit-help { font-size:11px; color:var(--muted); line-height:1.6; margin:0; padding:12px 14px; }
#app .audit-detail { min-width:0; overflow:hidden; }
#app .audit-detail .panel-header { align-items:start; }
#app .audit-detail h2 { overflow-wrap:anywhere; }
#app .audit-detail dl { margin:0; }
#app .audit-detail dl > div { margin-bottom:13px; }
#app .audit-detail dt { font-size:11px; color:var(--muted); margin-bottom:4px; }
#app .audit-detail dd { margin:0; font-size:12px; white-space:pre-wrap; overflow-wrap:anywhere; }
#app .audit-changes section { border:1px solid var(--line); border-radius:7px; padding:10px; margin:10px 0; font-size:12px; }
#app .audit-changes section span { display:block; color:var(--muted); font-size:10px; margin-top:8px; }
#app .audit-changes p { margin:3px 0; white-space:pre-wrap; overflow-wrap:anywhere; }
#app .audit-workspace :is(button,summary,input,select):focus-visible { outline:2px solid var(--primary); outline-offset:2px; }
@media(max-width:1200px) { #app .audit-layout.has-detail { grid-template-columns:minmax(0,1fr); } #app .audit-detail { grid-row:1; } }
@media(max-width:650px) { #app .audit-filters { grid-template-columns:repeat(2,minmax(0,1fr)); padding:12px; } #app .audit-more-filters > div { grid-template-columns:1fr; } #app .audit-table th:nth-child(3),#app .audit-table td:nth-child(3) { display:none; } #app .audit-table :is(th,td) { padding:10px; } #app .audit-filters :is(input,select) { font-size:16px; } }

@media(max-width:720px) { #app .layout.os-layout-v10 .audit-workspace .page-header .page-actions { display:flex; flex-wrap:wrap; } #app .layout.os-layout-v10 .audit-workspace .page-header .page-actions .btn[data-audit] { display:inline-flex; } }

@media(max-width:650px) {
  #app .audit-table thead { display:none; }
  #app .audit-table,#app .audit-table tbody { display:block; }
  #app .audit-table tr { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); padding:8px; border-bottom:1px solid var(--line); }
  #app .audit-table td,#app .audit-table td:nth-child(3) { display:block; min-width:0; border:0; overflow-wrap:anywhere; }
  #app .audit-table td:first-child,#app .audit-table td[colspan] { grid-column:1/-1; min-width:0; }
  #app .audit-table td[data-label]::before { display:block; content:attr(data-label); font-size:10px; color:var(--muted); margin-bottom:5px; }
}