.qps-alert-button{display:inline-flex;align-items:center;gap:7px;position:relative}.qps-alert-button b{background:var(--danger-soft);color:var(--danger);border-radius:12px;min-width:20px;padding:2px 6px;font-size:11px;line-height:16px}.qps-alert-backdrop{position:fixed;inset:0;background:var(--backdrop,rgba(15,23,42,.58));backdrop-filter:blur(3px);z-index:20000;display:flex;justify-content:flex-end}.qps-alert-drawer{width:510px;max-width:100%;height:100%;background:var(--panel);color:var(--ink);box-shadow:var(--shadow);display:flex;flex-direction:column;padding:24px;box-sizing:border-box;overflow:hidden}.qps-alert-drawer header{display:flex;align-items:center;justify-content:space-between;gap:12px}.qps-alert-eyebrow{font-size:10px;letter-spacing:2px;color:var(--green);font-weight:800}.qps-alert-drawer h2{font-size:23px;margin:7px 0 12px;display:flex;flex-wrap:wrap;gap:10px;align-items:center}.qps-alert-drawer h2 b{border:1px solid var(--line);font-size:13px;padding:3px 8px;border-radius:7px}.qps-alert-explainer{font-size:12px;line-height:1.5;color:var(--muted);margin:0 0 14px}.qps-alert-device{min-width:0;flex:1}.qps-alert-device summary{font-size:12px;color:var(--muted);cursor:pointer}.qps-alert-device p{max-height:100px;overflow:auto}.qps-alert-device strong{font-size:13px}.qps-alert-device p{font-size:12px;color:var(--muted);line-height:1.6;margin:7px 0 11px}.qps-alert-status{font-size:12px;line-height:1.6;color:var(--amber);margin:8px 0;min-height:0}.qps-alert-status:empty{display:none}.qps-alert-list-heading{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin:0 0 12px}.qps-alert-list-heading h3{font-size:13px;margin:0 auto 0 0}.qps-alert-row{padding:17px;border-radius:12px;border:1px solid var(--line);background:var(--panel);margin-bottom:10px}.qps-alert-row.is-unread{border-color:var(--amber);background:linear-gradient(125deg,var(--warning-soft),var(--panel) 80%)}.qps-alert-row-heading{display:flex;justify-content:space-between;gap:10px;align-items:start}.qps-alert-row-heading strong{font-size:14px}.qps-alert-row-heading span{font-size:10px;white-space:nowrap;color:var(--amber);background:var(--warning-soft);border-radius:6px;padding:3px 6px}.qps-alert-row p{font-size:12px;line-height:1.5;margin:8px 0;color:var(--ink)}.qps-alert-row small{font-size:11px;line-height:1.65;color:var(--muted);display:block}.qps-alert-row-actions{display:flex;gap:8px;margin-top:12px;flex-wrap:wrap}.qps-alert-row.is-resolved{opacity:.82}.qps-alert-row.is-resolved .qps-alert-row-heading span{color:var(--green);background:var(--accent-soft)}.qps-alert-empty{text-align:center;border:1px dashed var(--line);border-radius:12px;padding:32px 14px;font-size:13px;color:var(--ink)}.qps-alert-empty p{font-size:12px;line-height:1.6;color:var(--muted)}.qps-alert-resolved{margin-top:18px}.qps-alert-resolved summary{font-size:12px;color:var(--muted);padding:12px 0;cursor:pointer}.qps-alert-drawer footer{flex-shrink:0;display:flex;align-items:center;gap:12px;margin-top:14px;border-top:1px solid var(--line);padding-top:12px;font-size:11px;line-height:1.6;color:var(--muted)}.qps-alert-toast{position:fixed;bottom:22px;right:22px;z-index:19600;max-width:min(580px,calc(100vw - 32px));background:var(--panel);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:13px;padding:16px;display:flex;align-items:center;gap:14px;color:var(--ink)}.qps-alert-toast strong{font-size:13px}.qps-alert-toast p{font-size:12px;line-height:1.5;margin:5px 0 0;color:var(--muted)}.qps-alert-dismiss{appearance:none;background:none;border:0;color:var(--muted);font-size:24px;cursor:pointer;padding:5px}.qps-alert-drawer .button:focus-visible,.qps-alert-button:focus-visible,.qps-alert-dismiss:focus-visible{outline:3px solid var(--steel);outline-offset:3px}@media(max-width:600px){.qps-alert-drawer{padding:19px 16px;padding-top:max(19px,var(--qps-safe-top, env(safe-area-inset-top)));padding-bottom:max(19px,var(--qps-safe-bottom, env(safe-area-inset-bottom)))}.qps-alert-toast{bottom:16px;left:16px;right:16px;max-width:none;gap:9px;padding:13px}.qps-alert-toast .button{white-space:nowrap}.qps-alert-drawer .button.small{min-height:38px}.qps-alert-button{min-height:40px}.qps-alert-row-heading{flex-wrap:wrap}}

/* Keep transient alerts above the floating chat (19500/19510), below its inbox (20000). */
body:has(.qps-chat-launcher) .qps-alert-toast{bottom:calc(84px + var(--qps-safe-bottom,env(safe-area-inset-bottom,0px)));right:max(22px,var(--qps-safe-right,env(safe-area-inset-right,0px)))}
@media(max-width:700px){body:has(.qps-chat-launcher) .qps-alert-toast{bottom:calc(76px + var(--qps-safe-bottom,env(safe-area-inset-bottom,0px)));right:max(16px,var(--qps-safe-right,env(safe-area-inset-right,0px)));left:max(16px,var(--qps-safe-left,env(safe-area-inset-left,0px)))}}
body:has(.iso-workspace):has(.qps-chat-launcher) .qps-alert-toast{bottom:calc(128px + var(--qps-safe-bottom,env(safe-area-inset-bottom,0px)))}

/* Category navigation and a dedicated viewport keep read-on-view tied to visible cards. */
.qps-alert-drawer>header,.qps-alert-explainer,.qps-alert-categories,.qps-alert-status{flex-shrink:0}
.qps-alert-categories{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:14px}
.qps-alert-category{appearance:none;display:inline-flex;align-items:center;gap:6px;min-height:34px;padding:7px 10px;border:1px solid var(--line);border-radius:9px;background:var(--soft);color:var(--muted);font:inherit;font-size:12px;cursor:pointer}
.qps-alert-category[aria-pressed="true"]{background:var(--accent-soft);border-color:var(--green);color:var(--ink);font-weight:700}
.qps-alert-category b{font-size:10px;min-width:14px;text-align:center}.qps-alert-category i{display:block;width:5px;height:5px;flex:none;border-radius:50%;background:var(--amber)}
.qps-alert-category i.is-read{visibility:hidden}
.qps-alert-category:focus-visible,.qps-alert-scroll:focus-visible,.qps-alert-drawer summary:focus-visible{outline:3px solid var(--steel);outline-offset:2px}
.qps-alert-scroll{overflow:auto;overscroll-behavior:contain;flex:1;min-height:0;padding:2px 5px 2px 2px;scrollbar-gutter:stable}
.qps-alert-group h4{display:flex;align-items:center;gap:8px;margin:18px 0 10px;font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}
.qps-alert-group:first-child h4{margin-top:8px}.qps-alert-group h4 span{font-size:10px;letter-spacing:0;border-radius:5px;padding:2px 6px;background:var(--soft)}
.qps-alert-row-heading strong,.qps-alert-row p,.qps-alert-row small{overflow-wrap:anywhere;min-width:0}.qps-alert-row-heading span{flex-shrink:0}
@media(max-width:600px){.qps-alert-drawer h2{font-size:21px;gap:7px}.qps-alert-drawer h2 b{font-size:11px}.qps-alert-category{min-height:36px;padding:7px 9px}.qps-alert-drawer footer{flex-wrap:wrap}.qps-alert-row{padding:14px}}
@media(max-height:570px){.qps-alert-drawer{padding-top:12px;padding-bottom:12px}.qps-alert-explainer{display:none}.qps-alert-categories{margin-bottom:8px;gap:5px}.qps-alert-drawer footer{margin-top:8px;padding-top:7px}}