.notification-center{grid-column:1;grid-row:1/3;align-self:center}
.connection-health{grid-template-columns:max-content repeat(3,max-content)}
.connection-health [data-health-type="SERVER"],.connection-health [data-health-type="BITBUCKET"]{grid-column:2}
.connection-health [data-health-type="PERSONAL_LLM"],.connection-health [data-health-type="TEAM_LLM"]{grid-column:3}
.connection-health [data-health-type="JENKINS"],.connection-health [data-health-type="GRAFANA"]{grid-column:4}
.notification-bell{position:relative;display:flex;align-items:center;justify-content:center;width:38px;height:38px;padding:8px;background:transparent;color:inherit;border:1px solid var(--line);border-radius:10px;cursor:pointer}
.notification-count{position:absolute;top:-5px;right:-6px;min-width:17px;padding:1px 4px;border-radius:12px;background:#a7d1ba;color:#14221b;font-size:10px;font-weight:700}
.notification-count[hidden]{display:none}
.notification-popover{position:fixed;inset:auto;margin:0;width:min(390px,calc(100vw - 24px));max-height:min(540px,calc(100dvh - 24px));overflow:auto;background:var(--surface);color:var(--ink);border:1px solid var(--line);border-radius:12px;padding:0;box-shadow:0 12px 40px #0004;opacity:0;transform:translateY(-8px);transition:opacity .18s,transform .18s,display .18s allow-discrete,overlay .18s allow-discrete}
.notification-popover:popover-open{opacity:1;transform:translateY(0)}
@starting-style{.notification-popover:popover-open{opacity:0;transform:translateY(-8px)}}
.notification-heading,.notification-pagination{display:flex;align-items:center;gap:12px;padding:12px 16px;margin:0}
.notification-heading{border-bottom:1px solid var(--line)}
.notification-heading strong{margin-right:auto}.notification-popover button{font-size:12px}.notification-close{background:transparent;color:inherit;border:0;cursor:pointer;font-size:22px!important}
.notification-popover ul{list-style:none;padding:0;margin:0}.notification-popover li{display:flex;gap:10px;align-items:center;padding:12px 16px;border-bottom:1px solid var(--line)}
.notification-popover li.unread{border-left:3px solid #a7d1ba;padding-left:13px}.notification-popover li a{flex:1;min-width:0;color:inherit;text-decoration:none;overflow-wrap:anywhere}.notification-popover li a:hover{text-decoration:underline}.notification-popover li small{display:block;opacity:.65;font-size:11px;margin-top:5px}.notification-pagination{justify-content:flex-end;font-size:11px}.notification-pagination>span:first-child{margin-right:auto}.notification-status{padding:12px 16px;margin:0;font-size:12px}.notification-status[hidden]{display:none}
@media(prefers-reduced-motion:reduce){.notification-popover{transition:none}}
.review-readonly-agent{margin:12px 0}.review-readonly-prompt{white-space:pre-wrap;overflow-wrap:anywhere;font:inherit;font-size:13px;padding:12px 0;line-height:1.7}