.diagnostics-controls .panel-head{align-items:flex-start;gap:16px;flex-wrap:wrap}
.diagnostics-controls>.panel-body>.help{max-width:75ch}
.diagnostic-filters{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:end;gap:12px;margin:20px 0}
.diagnostic-filters .field{min-width:0;margin:0}
.diagnostic-filters input,.diagnostic-filters select{width:100%;min-height:44px}
.diagnostic-filters .btn{justify-self:start;min-height:44px}
.diagnostic-counts{padding:12px 0;color:var(--muted);border-block:1px solid var(--line);font-variant-numeric:tabular-nums}
.diagnostic-row{padding:18px 0;border-bottom:1px solid var(--line);min-width:0}
.diagnostic-row-main{display:flex;align-items:center;gap:8px 14px;flex-wrap:wrap}
.diagnostic-row-main time{margin-left:auto;color:var(--muted);font-size:13px;font-variant-numeric:tabular-nums}
.diagnostic-row-main>span{font-size:13px}
.diagnostic-severity{font-weight:700;color:var(--danger)}.diagnostic-severity.warning{color:var(--warn)}
.diagnostic-route{margin:8px 0;color:var(--muted);overflow-wrap:anywhere;font-variant-numeric:tabular-nums}
.diagnostic-row code{font-size:13px;overflow-wrap:anywhere;word-break:break-word}
.diagnostic-row details{margin-bottom:12px}
.diagnostic-row summary{min-height:44px;display:flex;align-items:center;cursor:pointer;color:var(--blue);text-decoration:underline;text-underline-offset:3px}
.diagnostic-details{margin:4px 0 12px;max-width:800px;background:var(--canvas);padding:12px 16px;border-radius:var(--r)}
.diagnostic-details>div{display:grid;grid-template-columns:140px minmax(0,1fr);gap:12px;padding:5px 0}
.diagnostic-details dt{color:var(--muted);font-size:13px}.diagnostic-details dd{margin:0;min-width:0}
.diagnostic-actions{display:flex;flex-wrap:wrap;gap:10px;margin:20px 0 12px}
.diagnostic-actions .btn,.diagnostic-row>.btn{min-height:44px}.diagnostic-empty{padding:24px 0;color:var(--muted)}
.diagnostic-boot-error{max-width:640px;margin:10vh auto;padding:28px}.diagnostic-boot-error h1{font-size:24px;margin:0 0 12px}.diagnostic-boot-error p{margin-bottom:20px}.diagnostic-boot-error .btn{min-height:44px}
@media(max-width:760px){.diagnostic-filters{grid-template-columns:repeat(2,minmax(0,1fr))}.diagnostic-request-filter{grid-column:1/-1}.diagnostic-row-main time{margin-left:0;width:100%}.diagnostic-details>div{grid-template-columns:100px minmax(0,1fr)}}
@media(max-width:420px){.diagnostic-filters{grid-template-columns:minmax(0,1fr)}.diagnostic-details>div{grid-template-columns:minmax(0,1fr);gap:0}.diagnostic-filters .btn,.diagnostic-actions .btn{width:100%}}