.dq-panel { display: grid; gap: 12px; min-width: 0; }
.dq-head { display: flex; align-items: flex-start; justify-content: space-between; gap: 16px; }
.dq-head h2 { margin: 0 0 4px; font-size: 15px; line-height: 1.25; }
.dq-head p, .dq-foot { margin: 0; color: var(--ink-3); font-size: 11.5px; }
.dq-score { color: var(--amber-2); font-size: 18px; white-space: nowrap; }
.dq-list { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); border: 1px solid var(--line); }
.dq-row { appearance: none; display: flex; align-items: center; justify-content: space-between; gap: 12px; min-height: 58px; padding: 10px 12px; border: 0; border-right: 1px solid var(--line); border-bottom: 1px solid var(--line); background: var(--pane); color: var(--ink); text-align: left; font: inherit; cursor: pointer; }
.dq-row:nth-child(2n) { border-right: 0; }
.dq-row:focus-visible { outline: 2px solid var(--amber); outline-offset: -2px; }
.dq-row:disabled { cursor: default; opacity: .58; }
.dq-main { display: grid; gap: 3px; min-width: 0; }
.dq-main b { font-size: 12px; }
.dq-main small { color: var(--ink-3); font-size: 10.5px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.dq-count { min-width: 28px; color: var(--blue); font: 600 15px/1 var(--mono); text-align: right; }
.dq-row.is-critical .dq-count { color: var(--red); }
.dq-row.is-warning .dq-count { color: var(--amber-2); }
.dq-row.is-ok .dq-count { color: var(--green); }
@media (max-width: 767px) {
  .dq-list { grid-template-columns: 1fr; border-radius: 10px; overflow: hidden; }
  .dq-row, .dq-row:nth-child(2n) { min-height: 64px; border-right: 0; }
  .dq-main small { white-space: normal; }
}