/* Настройки → «Ошибки» (app-errors.js). */
#aerPane {
    --aer-ink: var(--ink-strong, #1c2738);
    --aer-text: var(--ink, #25324a);
    --aer-muted: var(--muted, #6b7789);
    --aer-line: var(--line, #e3e8ef);
    --aer-soft: var(--canvas, #f7f8fb);
    --aer-blue: var(--blue-dark, #0051a8);
    --aer-blue-soft: var(--blue-soft, #e5f1ff);
    --aer-bad: var(--bad, #d92d49);
    --aer-bad-bg: var(--bad-bg, #ffe5e7);
    --aer-warn: var(--wait, #a86400);
    --aer-warn-bg: var(--wait-bg, #fff3d6);
    --aer-good: var(--good, #0d8a5a);
    --aer-good-bg: var(--good-bg, #e3f9ed);
}
.aer-tiles { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px; margin-bottom: 12px; }
.aer-tile { padding: 12px 14px; border: 1px solid var(--aer-line); border-radius: 12px; background: #fff; }
.aer-l, .aer-n { color: var(--aer-muted); font-size: 12px; }
.aer-v { color: var(--aer-ink); font-size: 24px; font-weight: 700; font-variant-numeric: tabular-nums; }
.aer-bar { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 12px; margin-bottom: 12px; }
.aer-seg { display: inline-flex; gap: 2px; padding: 2px; border: 1px solid var(--aer-line); border-radius: 8px; background: #fff; }
.aer-seg button { margin: 0; padding: 5px 11px; border: 0; border-radius: 6px; background: none; color: var(--aer-text); font-size: 13px; box-shadow: none; white-space: nowrap; }
.aer-seg button[aria-pressed="true"] { background: var(--aer-blue); color: #fff; font-weight: 600; }
.aer-bar input { flex: 1; min-width: 200px; padding: 6px 10px; border: 1px solid var(--aer-line); border-radius: 8px; }
.aer-layout { display: grid; grid-template-columns: minmax(0, 1.3fr) minmax(0, 1fr); gap: 14px; align-items: start; }
.aer-card { min-width: 0; border: 1px solid var(--aer-line); border-radius: 12px; background: #fff; }
.aer-list { display: flex; flex-direction: column; max-height: 75vh; overflow-y: auto; }
.aer-row { display: grid; grid-template-columns: auto 1fr auto; gap: 4px 12px; width: 100%; margin: 0; padding: 12px 14px; border: 0; border-bottom: 1px solid var(--aer-soft);
    border-radius: 0; background: none; color: var(--aer-text); text-align: left; box-shadow: none; }
.aer-row:hover { background: var(--aer-soft); }
.aer-row.sel { background: var(--aer-blue-soft); }
.aer-lvl { width: 10px; height: 10px; margin-top: 5px; border-radius: 50%; }
.aer-lvl.bad { background: var(--aer-bad); }
.aer-lvl.warn { background: var(--aer-warn); }
.aer-t { color: var(--aer-ink); font-weight: 600; overflow-wrap: anywhere; }
.aer-where { color: var(--aer-muted); font-size: 12px; }
.aer-cnt { text-align: right; font-variant-numeric: tabular-nums; }
.aer-cnt b { color: var(--aer-ink); font-size: 16px; }
.aer-cnt small { display: block; color: var(--aer-muted); font-size: 12px; }
.aer-pill { display: inline-block; padding: 1px 7px; border-radius: 999px; font-size: 11px; font-weight: 600; vertical-align: 1px; }
.aer-pill.new { background: var(--aer-bad-bg); color: var(--aer-bad); }
.aer-pill.seen { background: var(--aer-soft); color: var(--aer-muted); }
.aer-pill.fixed { background: var(--aer-good-bg); color: var(--aer-good); }
.aer-pill.again { background: var(--aer-warn-bg); color: var(--aer-warn); }
.aer-det { display: flex; flex-direction: column; gap: 12px; padding: 16px; }
.aer-det h3 { margin: 0; color: var(--aer-ink); font-size: 16px; overflow-wrap: anywhere; }
.aer-facts { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px 16px; margin: 0; }
.aer-facts dt { color: var(--aer-muted); font-size: 12px; }
.aer-facts dd { margin: 0; color: var(--aer-ink); font-weight: 600; overflow-wrap: anywhere; }
.aer-lab { color: var(--aer-muted); font-size: 12px; }
.aer-spark { display: flex; align-items: flex-end; gap: 2px; height: 46px; }
.aer-spark span { flex: 1; min-height: 1px; border-radius: 2px 2px 0 0; background: var(--aer-blue); }
.aer-wrap { overflow-x: auto; }
.aer-tbl { width: 100%; border-collapse: collapse; font-size: 13px; }
.aer-tbl th, .aer-tbl td { padding: 6px 8px; border-bottom: 1px solid var(--aer-soft); text-align: left; vertical-align: top; }
.aer-tbl th { color: var(--aer-muted); font-size: 12px; font-weight: 600; }
.aer-tbl .r { text-align: right; }
.aer-pre { margin: 0; padding: 10px 12px; overflow-x: auto; border: 1px solid var(--aer-line); border-radius: 8px; background: var(--aer-soft); font: 12px/1.5 Consolas, "SF Mono", Menlo, monospace; white-space: pre; }
.aer-acts { display: flex; flex-wrap: wrap; gap: 8px; }
.aer-empty { padding: 24px; color: var(--aer-muted); text-align: center; }
@media (max-width: 900px) { .aer-layout { grid-template-columns: 1fr; } .aer-tiles { grid-template-columns: repeat(2, minmax(0, 1fr)); } }