[data-diagnostics="errors"] .diagnostics-toolbar { display: grid; grid-template-columns: minmax(180px,1fr) repeat(3,minmax(90px,125px)) auto 38px; align-items: center; padding: 0 0 12px; border-bottom: 0; }
[data-diagnostics="errors"] .diagnostics-toolbar select { min-width: 0; width: 100%; }
[data-diagnostics="errors"] .diagnostics-toolbar .filter-input { flex: 1 1 280px; }
.diagnostics-error-tools { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; padding: 0 0 18px; border-bottom: 1px solid var(--border); }
.diagnostics-error-tools select { flex: 0 1 155px; min-width: 110px; width: auto; min-height: 36px; font-size: 11px; }
.diagnostics-error-tools .button { min-height: 36px; gap: 8px; font-size: 11px; }
.diagnostics-error-tools > button:last-child { margin-left: auto; }
.diagnostics-shown { margin-left: auto; font-size: 11px; color: var(--text-muted); }
[data-diagnostics="errors"] .diagnostics-summary { grid-template-columns: repeat(4,minmax(0,1fr)); margin-top: 0; border-top: 0; }
[data-diagnostics="errors"] .diagnostics-summary > div { padding: 16px; }
[data-diagnostics="errors"] .diagnostics-summary > div:nth-child(1) strong { color: var(--error); }
[data-diagnostics="errors"] .diagnostics-summary > div:nth-child(2) strong { color: var(--success); }
[data-diagnostics="errors"] .diagnostics-summary > div:nth-child(3) strong { color: var(--info); }
.diagnostics-error { overflow: hidden; border-radius: 6px; box-shadow: none; }
.diagnostics-error > summary { position: relative; padding: 16px 18px; }
.diagnostics-error > summary::after { content: "\f078"; position: absolute; right: 14px; top: 19px; font: 900 10px "Font Awesome 6 Free"; color: var(--text-muted); transition: transform .18s; }
.diagnostics-error[open] > summary::after { transform: rotate(180deg); }
.diagnostics-error-meta { margin-right: 18px; }
.diagnostics-error > summary > span:first-of-type small { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.diagnostics-error[open] > summary { border-bottom: 1px solid var(--border); background: var(--surface); }
.diagnostics-error summary strong { font-family: ui-monospace,Consolas,monospace; font-weight: 600; font-size: 12px; line-height: 1.5; }
.diagnostics-error-meta b { font-size: 16px; font-variant-numeric: tabular-nums; }
.diagnostics-error-body pre { max-height: 320px; overflow: auto; padding: 16px; border: 1px solid var(--border); border-radius: 5px; background: var(--background); font: 11px/1.8 ui-monospace,Consolas,monospace; white-space: pre-wrap; overflow-wrap: anywhere; }
.diagnostics-report-actions { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 16px; }
.diagnostics-report-actions > :last-child { margin-left: auto; }
.diagnostics-cleanup-dialog { position: fixed; inset: 0; margin: auto; width: min(480px,calc(100% - 32px)); max-height: calc(100dvh - 40px); overflow: auto; padding: 28px; border: 1px solid var(--border); border-radius: 8px; color: var(--text-primary); background: var(--surface); box-shadow: var(--shadow-popover); }
.diagnostics-cleanup-dialog::backdrop { background: #03060bc9; }
.diagnostics-cleanup-dialog > i { display: inline-grid; place-items: center; width: 38px; height: 38px; border: 1px solid var(--border); border-radius: 6px; color: var(--info); background: var(--accent-soft); }
.diagnostics-cleanup-dialog h2 { margin: 18px 0 10px; font-size: 19px; line-height: 1.5; }
.diagnostics-cleanup-dialog p { margin: 0 0 18px; font-size: 12px; color: var(--text-secondary); line-height: 1.8; }
.diagnostics-cleanup-dialog > strong { display: block; padding: 12px 0; border-block: 1px solid var(--border); font-size: 12px; }
.diagnostics-cleanup-dialog footer { display: flex; justify-content: flex-end; flex-wrap: wrap; gap: 8px; margin-top: 24px; }
.diagnostics-cleanup-dialog .button { min-height: 38px; border-radius: 6px; font-size: 12px; }
@media (prefers-reduced-motion:reduce) { .diagnostics-error > summary::after { transition: none; } }
@media (max-width:1100px) {
  [data-diagnostics="errors"] .diagnostics-toolbar { display: flex; }
  [data-diagnostics="errors"] .diagnostics-toolbar .filter-input { flex-basis: 100%; }
}
@media (max-width:620px) {
  .view[data-view="developer"] > .view-heading { position: relative; }
  .view[data-view="developer"] > .view-heading .developer-heading-tools { position: absolute; top: 0; right: 44px; width: auto; min-width: 0; max-width: 150px; margin: 0; }
  .view[data-view="developer"] > .view-heading .workspace-pin-button { position: absolute; right: 0; top: 0; }
  [data-diagnostics="errors"] .diagnostics-toolbar { display: flex; }
  [data-diagnostics="errors"] .diagnostics-toolbar .filter-input { flex-basis: 100%; }
  [data-diagnostics="errors"] .diagnostics-toolbar select { flex: 1 1 90px; width: auto; }
  .diagnostics-error-tools select { flex: 1 1 100px; min-width: 0; }
  .diagnostics-shown { flex: 1 1 100%; margin: 4px 0; }
  .diagnostics-error-tools .button { flex: 1; }
  [data-diagnostics="errors"] .diagnostics-summary { grid-template-columns: repeat(2,minmax(0,1fr)); }
  [data-diagnostics="errors"] .diagnostics-summary > div:nth-child(2) { border-right: 0; }
  [data-diagnostics="errors"] .diagnostics-summary > div:nth-child(-n+2) { border-bottom: 1px solid var(--border); }
  .diagnostics-error > summary { padding: 14px; }
  .diagnostics-report-actions > .button { flex: 1 1 100%; margin: 0; }
}