/* ONE QA REPORT (core/qa-report.js, Phase 6.1/6.5, 12dj) — the five-word vocabulary's colours, the rendered report and
   the "Download PDF · Save report · Share link" bar. Own tokens, light and dark; every ink ≥ 4.5:1 on its tint. */
.dlqr,.dlqr-bar,.dlbr{--qr-ink:#16181d;--qr-mut:#555c69;--qr-line:#dde1e7;--qr-card:#fff;--qr-acc:#0062c4;
  --qr-pass:#126b30;--qr-pass-bg:#e8f6ec;--qr-warn:#9a5a00;--qr-warn-bg:#fff3e0;--qr-fail:#b42318;--qr-fail-bg:#fdecea;
  --qr-info:#1f4fb4;--qr-info-bg:#e9f0fd;--qr-skip:#555c69;--qr-skip-bg:#eef0f3}
html.dark .dlqr,html.dark .dlqr-bar,html.dark .dlbr{--qr-ink:#eceef2;--qr-mut:#a7aebb;--qr-line:#2f343c;--qr-card:#1b1e23;--qr-acc:#6cb4ff;
  --qr-pass:#4ade80;--qr-pass-bg:rgba(74,222,128,.12);--qr-warn:#fbbf24;--qr-warn-bg:rgba(251,191,36,.12);--qr-fail:#fca5a5;--qr-fail-bg:rgba(248,113,113,.14);
  --qr-info:#93b8ff;--qr-info-bg:rgba(147,184,255,.12);--qr-skip:#a7aebb;--qr-skip-bg:rgba(167,174,187,.12)}
.dlqr-v-pass{color:var(--qr-pass);background:var(--qr-pass-bg)}.dlqr-v-warn{color:var(--qr-warn);background:var(--qr-warn-bg)}
.dlqr-v-fail{color:var(--qr-fail);background:var(--qr-fail-bg)}.dlqr-v-info{color:var(--qr-info);background:var(--qr-info-bg)}
.dlqr-v-skip{color:var(--qr-skip);background:var(--qr-skip-bg)}
.dlqr{color:var(--qr-ink);font-size:14px;line-height:1.5}
.dlqr-head{display:flex;flex-wrap:wrap;gap:12px;align-items:flex-start;justify-content:space-between}
.dlqr-ht{flex:1;min-width:0}
.dlqr-k{margin:0 0 2px;font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--qr-mut)}
.dlqr-h{margin:0 0 4px;font-size:18px;line-height:1.3;overflow-wrap:anywhere}
.dlqr-sub{margin:0;color:var(--qr-mut);font-size:13px}
.dlqr-over{border-radius:10px;padding:6px 12px;font-weight:800;white-space:nowrap}
.dlqr-counts{display:flex;flex-wrap:wrap;gap:6px;margin:12px 0 4px}
.dlqr-pill{display:inline-flex;align-items:center;border-radius:999px;padding:1px 9px;font-size:12px;font-weight:700;white-space:nowrap}
.dlqr-g{margin:16px 0 4px;font-size:13.5px}
.dlqr-f{display:grid;grid-template-columns:92px 1fr;gap:10px;padding:9px 0;border-top:1px solid var(--qr-line)}
.dlqr-f .dlqr-pill{justify-self:start;align-self:start}
.dlqr-fb{min-width:0;overflow-wrap:anywhere}
.dlqr-d{color:var(--qr-mut);font-size:13px}
.dlqr-w{color:var(--qr-mut);font-size:12px;font-variant-numeric:tabular-nums}
.dlqr-foot{margin:12px 0 0;color:var(--qr-mut);font-size:12px}
.dlqr-bar{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:12px 0 0;font-size:13px;color:var(--qr-ink)}
.dlqr-btn{display:inline-flex;align-items:center;gap:6px;font:inherit;font-size:13px;font-weight:600;color:var(--qr-acc);background:transparent;
  border:1px solid var(--qr-line);border-radius:8px;padding:6px 11px;min-height:32px;cursor:pointer}
.dlqr-btn:hover{border-color:var(--qr-acc)}
.dlqr-btn:focus-visible{outline:2px solid var(--qr-acc);outline-offset:2px}
.dlqr-btn:disabled{opacity:.6;cursor:default}
.dlqr-pro{font-size:10px;font-weight:800;letter-spacing:.04em;color:var(--qr-warn);background:var(--qr-warn-bg);border-radius:999px;padding:0 6px}
.dlqr-saved{font-weight:700;color:var(--qr-pass)}
.dlqr-link{display:inline-flex;gap:6px;align-items:center;min-width:0;flex:1 1 260px}
.dlqr-link input{flex:1;min-width:0;font:inherit;font-size:12.5px;color:var(--qr-ink);background:transparent;border:1px solid var(--qr-line);border-radius:8px;padding:6px 8px}
.dlqr-msg{flex-basis:100%;color:var(--qr-mut);font-size:12.5px}
.dlqr-msg:empty{display:none}
.dlqr-msg.is-bad{color:var(--qr-fail)}
.dlqr-msg a{color:var(--qr-acc);font-weight:600}
/* the saved-reports library (6.2) — under the "Add to project" picker (1200), over any tool */
.dlqr-lib-ov{position:fixed;inset:0;z-index:1180;display:flex;align-items:flex-start;justify-content:center;padding:8vh 16px 16px;background:rgba(0,0,0,.35)}
html.dark .dlqr-lib-ov{background:rgba(0,0,0,.6)}
.dlqr-lib-ov[hidden]{display:none}
.dlqr-lib{width:min(720px,100%);max-height:84vh;display:flex;flex-direction:column;gap:10px;background:var(--qr-card);border-radius:16px;padding:16px;box-shadow:0 24px 60px -20px rgba(0,0,0,.45),0 0 0 1px var(--qr-line)}
.dlqr-lib-h{display:flex;align-items:center;justify-content:space-between;gap:10px}
.dlqr-lib-h h3{margin:0;font-size:17px}
.dlqr-lib-x{width:32px;height:32px;border:0;border-radius:50%;background:var(--qr-skip-bg);color:var(--qr-ink);font-size:20px;line-height:1;cursor:pointer}
.dlqr-lib-q{width:100%;box-sizing:border-box;font:inherit;font-size:14px;padding:8px 11px;border:1px solid var(--qr-line);border-radius:10px;background:var(--qr-card);color:var(--qr-ink)}
.dlqr-lib-q::placeholder{color:var(--qr-mut)}
.dlqr-lib-b{overflow:auto;min-height:60px}
.dlqr-lib-msg{margin:8px 2px;color:var(--qr-mut);font-size:13.5px}
.dlqr-lib-msg.is-bad{color:var(--qr-fail)}
.dlqr-lib-msg a{color:var(--qr-acc);font-weight:600}
.dlqr-lib-g{margin:12px 2px 6px;font-size:12.5px;font-weight:800;color:var(--qr-ink)}
.dlqr-lib-g span{font-weight:600;color:var(--qr-mut)}
.dlqr-lib-row{display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:center;padding:8px 2px;border-top:1px solid var(--qr-line)}
.dlqr-lib-t{min-width:0}
.dlqr-lib-t b{display:block;font-size:13.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.dlqr-lib-t span{display:block;font-size:12px;color:var(--qr-mut);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.dlqr-lib-a{display:flex;flex-wrap:wrap;gap:4px;justify-content:flex-end}
.dlqr-lib-a .dlqr-btn{padding:4px 8px;min-height:30px;font-size:12.5px}
.dlqr-lib-a .dlqr-del{color:var(--qr-fail)}
.dlqr-lib-view{margin-top:10px}
@media (max-width:560px){ .dlqr-lib-row{grid-template-columns:1fr} .dlqr-lib-a{justify-content:flex-start} .dlqr-lib-ov{padding:12px} }

/* 12dq (Phase 6.6): the client's BRAND RULES panel (core/brand-rules.js) — under a QA tool's report bar, in the same
   five words and inks */
.dlbr{margin:14px 0 0;padding:12px 14px;border:1px solid var(--qr-line);border-radius:12px;background:var(--qr-card);color:var(--qr-ink);font-size:13px}
.dlbr-h{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px;margin:0 0 8px}
.dlbr-h b{font-size:14px;font-weight:700}
.dlbr-h b i{margin-right:4px;color:var(--qr-acc)}
.dlbr-sum{color:var(--qr-mut);font-size:12px}
.dlbr-none{margin:0;color:var(--qr-mut);line-height:1.5}
.dlbr-list{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.dlbr-list li{display:grid;grid-template-columns:auto minmax(0,1fr);gap:10px;align-items:start}
.dlbr-list li .dlqr-pill{min-width:84px;justify-content:center}
.dlbr-list li b{display:block;font-weight:700;overflow-wrap:anywhere}
.dlbr-list li span:not(.dlqr-pill){display:block;color:var(--qr-mut);line-height:1.45;overflow-wrap:anywhere}
/* 12dr: the bar and the brand check BESIDE a report go with it (HTML5 Ad QA's batch view sets [hidden]) —
   .dlqr-bar's display:flex would otherwise win over the attribute */
.dlqr-bar[hidden],.dlbr[hidden],.dlbr-ctx[hidden]{display:none}
.dlbr-ctx{margin:12px 0 0}
/* 12ds: Design Compare's report, under its frame */
.cqp-report{margin:14px 0 0}
.cqp-report[hidden]{display:none}
.cqp-report-lbl{margin:0;font-size:13px;font-weight:700;color:var(--dl-ink,#16181d)}
html.dark .cqp-report-lbl{color:var(--dl-ink,#eceef2)}