/* Live incidents: a red treatment distinct from ordinary success feedback. */
.error-alert-trigger{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:34px;padding:7px 10px;border:1px solid #3a4e65;border-radius:7px;background:#162334;color:#bdd0e5;font-size:12px;white-space:nowrap;transition:background .18s,border-color .18s}
.error-alert-trigger:hover{background:#263043;border-color:#dd7281;color:#ffe7eb}.error-alert-trigger.has-unread{background:#35202b;border-color:#ad4c60;color:#ffb5bf}.error-alert-trigger.is-muted:not(.has-unread){color:#8d9eaf}.error-alert-badge{min-width:18px;height:18px;display:inline-flex;align-items:center;justify-content:center;padding:0 4px;background:#e54c65;color:#fff;border-radius:5px;font:600 10px var(--mono)}.error-alert-badge[hidden]{display:none}
#error-alert-stack{position:fixed;right:24px;top:86px;width:min(430px,calc(100vw - 32px));max-height:calc(100dvh - 108px);overflow:auto;display:flex;flex-direction:column;gap:12px;z-index:70;pointer-events:none;padding:0 2px 16px;scrollbar-width:thin;scrollbar-color:#784553 transparent}
body:has(#overlay-root [role=dialog]) #error-alert-stack{visibility:hidden}
#error-alert-overflow{pointer-events:auto;padding:11px 14px;border:1px solid #a64c65;border-radius:7px;background:#392334;color:#ffb4c6;font-size:12px;box-shadow:0 8px 24px #0008}
.error-notification-card{--alert-life:100%;position:relative;flex:none;overflow:hidden;border:1px solid #964545;border-left:3px solid #ff5757;border-radius:12px;background:radial-gradient(ellipse at 100% 0,#8e262644,transparent 65%),#161c29;box-shadow:0 16px 55px #0009,0 0 0 1px #ff8a8a10 inset;color:#f6e9ed;pointer-events:auto;animation:error-card-enter .26s ease-out;padding:19px 19px 16px}
.error-notification-card.fatal{border-color:#f04e4e;border-left:4px solid #ff4242;background:radial-gradient(ellipse at 100% 0,#b7242455,transparent 72%),#211822;box-shadow:0 16px 60px #000a,0 0 22px #e6303022}.error-card-heading{display:flex;align-items:center;gap:11px;margin-bottom:15px}.error-card-symbol{display:grid;place-items:center;width:38px;height:38px;flex:none;border:1px solid #b64c4c;border-radius:10px;background:#852a2a66;color:#ff9393;box-shadow:inset 0 0 14px #a7334018}.fatal .error-card-symbol{background:#a9272755;border-color:#f16464;color:#ffc0cb}.error-card-heading>div{flex:1;min-width:0}.error-card-kicker{display:block;font:10px var(--mono);letter-spacing:1.1px;color:#ff9696;margin-bottom:4px}.error-card-heading strong{font-size:15px;font-weight:650;color:#fff0f3}.error-card-close{display:grid;place-items:center;align-self:start;width:27px;height:27px;padding:3px;border:1px solid transparent;border-radius:6px;background:transparent;color:#ce96a5}.error-card-close:hover{border-color:#80505c;background:#572939;color:#fff}.error-card-project{display:flex;align-items:center;gap:6px;font-size:11px;color:#dfbfc8;line-height:1.6;overflow-wrap:anywhere}.error-project-dot{height:5px;width:5px;border-radius:50%;background:#fb7b8d;flex:none}.error-card-project>span:last-child{margin-left:auto;color:#a99bab;font:10px var(--mono);max-width:45%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.error-card-code{font:600 16px/1.5 var(--mono);color:#ff8585;overflow-wrap:anywhere;margin:12px 0 3px;letter-spacing:-.3px}.fatal .error-card-code{color:#ff7070}.error-card-title{font-size:14px;line-height:1.65;color:#efdfE5;margin:0 0 13px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere}.error-card-location{display:flex;align-items:flex-start;gap:7px;background:#0c101aa6;border:1px solid #593343;border-radius:6px;padding:9px 10px;color:#c8acba;font:11px/1.6 var(--mono)}.error-card-location>svg{flex:none;margin-top:2px;color:#e2798d}.error-card-location>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.error-card-footer{display:flex;align-items:center;justify-content:space-between;gap:8px;padding-top:14px}.error-card-footer>span{display:flex;flex-direction:column;gap:4px}.error-card-footer time{font:10px var(--mono);color:#bba2af}.error-repeat{font-size:10px;font-weight:500;color:#e89dad}.error-card-link{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid #b34c56;border-radius:6px;background:#762f38;color:#ffe2e9;font-size:12px;font-weight:600;padding:8px 10px;white-space:nowrap}.error-card-link:hover{background:#a83640;border-color:#ff8282;color:#fff}.fatal .error-card-link{background:#a92f37;border-color:#ee5a5a}.error-card-preview-note{font-size:11px;line-height:1.7;color:#c7b2c0;border-top:1px dashed #684251;padding-top:10px;margin:11px 0 0}.error-card-lifetime{position:absolute;bottom:0;left:0;right:0;height:2px;background:#6b35442e}.error-card-lifetime>span{display:block;height:100%;width:var(--alert-life);background:#f87979;transition:width 1s linear}.error-alert-announcer{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.alert-center-intro{display:flex;align-items:center;gap:17px;padding:4px 0 22px}.alert-center-symbol{width:54px;height:54px;display:grid;place-items:center;flex:none;border:1px solid #844557;border-radius:12px;background:#412531;color:#ff93a8}.alert-eyebrow{font:10px var(--mono);letter-spacing:1.4px;color:#f59bb0}.alert-center-intro h3{font-size:19px;line-height:1.5;color:#f4e9ef;margin:5px 0}.alert-center-intro p{font-size:12px;line-height:1.7;color:#aabdD4}.alert-center-controls{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-bottom:18px}.alert-center-controls [aria-pressed=true]{border-color:#864757;background:#36232f;color:#ffb3c3}.alert-center-controls [data-alert-action=read-all]{margin-left:auto}#alert-center-status{display:flex;justify-content:space-between;gap:8px;flex-wrap:wrap;background:#0b1623;border:1px solid #2f455c;border-radius:6px;padding:10px 12px;font-size:11px;color:#a9bfd7}.alert-connection{display:flex;align-items:center;gap:7px;color:#9bd5c4}.alert-connection i{width:5px;height:5px;border-radius:50%;background:#81d3b6}.alert-connection.disconnected{color:#e9c27f}.alert-connection.disconnected i{background:#d6aa60}.alert-history-heading{display:flex;justify-content:space-between;gap:12px;padding:20px 1px 10px;font-size:11px;color:#a9bad0}.alert-history-heading strong{font-weight:500;color:#f79cb0}.alert-history-row{display:flex;align-items:flex-start;gap:12px;width:100%;text-align:left;padding:15px 12px;background:#201e2c;border:1px solid #653a4f;border-left:3px solid #eb6986;border-radius:7px;margin-bottom:8px;color:#eadde7}.alert-history-row:hover{background:#302435;border-color:#b5667f}.alert-history-row.is-read{background:#142130;border-color:#31455e;border-left-color:#665063}.alert-history-row.fatal{border-left-color:#ff335f}.alert-history-icon{color:#f584a0;margin-top:3px}.alert-history-copy{flex:1;min-width:0;display:flex;flex-direction:column;gap:5px}.alert-history-meta{display:flex;align-items:center;flex-wrap:wrap;gap:9px;font-size:10px;color:#baadc2}.alert-history-meta strong{font-weight:500;color:#dcc4d4}.alert-history-meta>span{font:9px var(--mono);color:#ff9db2}.alert-history-meta time{margin-left:auto;font:10px var(--mono);color:#9cb0c9}.alert-history-code{font:500 12px/1.5 var(--mono);color:#f7a1b9;overflow-wrap:anywhere}.alert-history-title{font-size:13px;color:#dae3f1;line-height:1.7;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.alert-history-location{font:10px/1.6 var(--mono);color:#9db4cc;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.alert-history-count{display:flex;flex-direction:column;gap:13px;align-items:center;font:10px var(--mono);color:#e39bb4;flex:none;min-width:28px;padding-top:4px}.alert-center-footnote{font-size:11px;line-height:1.85;color:#94abc4;border-top:1px solid #30455c;padding-top:15px;margin:18px 0 0}.alert-empty{text-align:center;padding:40px 15px 30px}.alert-empty>span{display:inline-grid;place-items:center;width:58px;height:58px;border:1px solid #3c5269;background:#172b3b;border-radius:15px;color:#94bccb}.alert-empty h3{font-size:16px;color:#d4e3f3;margin:17px 0 8px}.alert-empty p{font-size:12px;line-height:1.9;color:#9db5ce}
@keyframes error-card-enter{from{opacity:0;transform:translateX(18px) translateY(-5px)}to{opacity:1;transform:none}}
@media(prefers-reduced-motion:reduce){.error-notification-card{animation:none}.error-card-lifetime>span{transition:none}.error-alert-trigger{transition:none}}
@media(max-width:760px){.alert-trigger-label{display:none}.error-alert-trigger{padding:7px;gap:4px}.error-alert-badge{min-width:16px;height:16px;padding:0 3px}.top-actions{gap:6px}.top-project{min-width:100px;max-width:142px}.topbar .live-indicator{display:none}#error-alert-stack{top:74px;right:14px;width:calc(100vw - 28px);max-height:calc(100dvh - 92px)}.error-notification-card{padding:17px 16px 15px}.error-card-code{font-size:15px}.alert-center-intro{gap:13px}.alert-center-symbol{width:42px;height:42px}.alert-center-intro h3{font-size:16px}.alert-center-intro p{font-size:11px}.alert-center-controls [data-alert-action=read-all]{margin-left:0}.alert-history-row{padding:13px 9px;gap:8px}}