:root{--bpq-bg:var(--bpq4-canvas,#f6f7fb);--bpq-surface:var(--bpq4-surface,#fff);--bpq-surface-raised:var(--bpq4-surface-2,#f8f8fc);--bpq-border:var(--bpq4-line,#dedfeb);--bpq-text:var(--bpq4-text,#202238);--bpq-muted:var(--bpq4-muted,#60647b);--bpq-info:var(--bpq4-blue,#245da8);--bpq-warning:var(--bpq4-warn,#805a00);--bpq-danger:var(--bpq4-danger,#ad2944);--bpq-success:var(--bpq4-good,#17694d);--bpq-ai:var(--bpq4-accent,#6542b8);--bpq-focus:0 0 0 3px var(--bpq4-accent-soft,#f0eafa);--bpq-radius-sm:8px;--bpq-radius-md:12px;--bpq-radius-lg:16px;--bpq-space-1:4px;--bpq-space-2:8px;--bpq-space-3:12px;--bpq-space-4:16px;--bpq-space-5:24px;--bpq-shadow:var(--bpq4-shadow,0 4px 18px #25204406)}
:where(.qos-app) button:focus-visible,:where(.qos-app) a:focus-visible,:where(.qos-app) input:focus-visible,:where(.qos-app) select:focus-visible,:where(.qos-app) textarea:focus-visible{outline:none;box-shadow:var(--bpq-focus)}
.bpq-state{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--bpq-border);border-radius:999px;padding:4px 8px;font-size:12px;font-weight:800}.bpq-state--critical,.bpq-state--blocked{color:var(--bpq-danger);background:rgba(251,113,133,.08);border-color:rgba(251,113,133,.24)}.bpq-state--warning,.bpq-state--action{color:var(--bpq-warning);background:rgba(243,201,105,.08);border-color:rgba(243,201,105,.22)}.bpq-state--verified,.bpq-state--approved{color:var(--bpq-success);background:rgba(88,215,178,.08);border-color:rgba(88,215,178,.22)}.bpq-state--info{color:var(--bpq-info);background:rgba(125,211,252,.08);border-color:rgba(125,211,252,.2)}.bpq-state--ai{color:var(--bpq-ai);background:rgba(167,139,250,.08);border-color:rgba(167,139,250,.22)}
.bpq-skeleton{border-radius:var(--bpq-radius-md);min-height:72px;background:linear-gradient(90deg,rgba(255,255,255,.025),rgba(255,255,255,.055),rgba(255,255,255,.025));background-size:220% 100%;animation:bpq-shimmer 1.5s infinite}.bpq-empty,.bpq-error,.bpq-readonly{padding:18px;border:1px dashed var(--bpq-border);border-radius:var(--bpq-radius-md);color:var(--bpq-muted);font-size:14px;line-height:1.55}.bpq-error{border-style:solid;border-color:rgba(251,113,133,.22);background:rgba(251,113,133,.05);color:var(--bpq-danger)}.bpq-readonly{border-style:solid;border-color:rgba(125,211,252,.18);background:rgba(125,211,252,.04)}
@keyframes bpq-shimmer{to{background-position:-220% 0}}@media(prefers-reduced-motion:reduce){.bpq-skeleton{animation:none}}