.ntf{position:relative}.ntf__btn{width:32px;height:32px;color:var(--color-text-secondary);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:8px;justify-content:center;align-items:center;display:inline-flex;position:relative}.ntf__btn:hover,.ntf__btn--on{background:var(--color-surface-hover);color:var(--color-text-primary)}.ntf__badge{background:var(--color-brand);color:#fff;text-align:center;min-width:16px;height:16px;box-shadow:0 0 0 2px var(--color-bg);border-radius:999px;padding:0 4px;font-size:10px;font-weight:700;line-height:16px;position:absolute;top:2px;right:1px}.ntf__panel{border:1px solid var(--color-border);background:var(--color-surface);z-index:60;border-radius:12px;width:380px;max-width:calc(100vw - 24px);position:absolute;top:calc(100% + 8px);right:0;overflow:hidden;box-shadow:0 16px 48px #00000040}.ntf__head{border-bottom:1px solid var(--color-border-soft);justify-content:space-between;align-items:center;padding:12px 14px;display:flex}.ntf__head strong{color:var(--color-text-primary);font-size:13px}.ntf__head-actions{gap:12px;display:flex}.ntf__link{color:var(--color-brand);cursor:pointer;background:0 0;border:none;padding:0;font-size:12px}.ntf__link:disabled{color:var(--color-text-muted);cursor:default}.ntf__list{max-height:420px;margin:0;padding:4px;list-style:none;overflow-y:auto}.ntf__empty{color:var(--color-text-muted);text-align:center;padding:24px 14px;font-size:12px;line-height:1.5}.ntf__item{text-align:left;cursor:pointer;width:100%;color:inherit;background:0 0;border:none;border-radius:8px;gap:10px;padding:10px;display:flex}.ntf__item:hover{background:var(--color-surface-hover)}.ntf__item--unread .ntf__title{color:var(--color-text-primary);font-weight:600}.ntf__dot{background:var(--color-text-muted);border-radius:50%;flex-shrink:0;width:8px;height:8px;margin-top:5px}.ntf__item:not(.ntf__item--unread) .ntf__dot{opacity:.35}.ntf__dot--security{background:var(--color-danger)}.ntf__dot--usage{background:var(--color-warn,#d97706)}.ntf__dot--billing{background:var(--color-brand)}.ntf__dot--project{background:var(--color-ok,#16a34a)}.ntf__copy{flex-direction:column;gap:2px;min-width:0;display:flex}.ntf__title{color:var(--color-text-secondary);font-size:13px;line-height:1.4}.ntf__meta{color:var(--color-text-muted);font-size:11px}.ntf__cat{text-transform:capitalize}@media (width<=640px){.ntf__panel{top:calc(var(--shell-topbar-height,48px) + 6px);width:auto;max-width:none;max-height:calc(100dvh - var(--shell-topbar-height,48px) - 16px);flex-direction:column;display:flex;position:fixed;left:8px;right:8px}.ntf__list{flex:1;min-height:0;max-height:none}.ntf__item{min-height:48px}}