.notif-layout{grid-template-columns:300px minmax(0,1fr) 168px;align-items:start;gap:24px;max-width:1128px;margin:0 auto;padding:24px 16px 48px;display:grid}.notif-rail--left{top:calc(var(--nav-h) + 24px);flex-direction:column;gap:8px;display:flex;position:sticky}.notif-rail--right{top:calc(var(--nav-h) + 24px);position:sticky}.notif-main{flex-direction:column;gap:8px;min-width:0;display:flex}.notif-profile{padding-bottom:12px}.notif-profile__banner{background:linear-gradient(115deg,#0b1220 0%,#1f3a5f 55%,#10a37f 100%);justify-content:center;align-items:center;height:90px;display:flex;position:relative}.notif-profile__banner-text{letter-spacing:2px;color:#ffffffd9;-webkit-user-select:none;user-select:none;font-size:15px;font-weight:700}.notif-profile__premium{color:#3d2c00;background:#e7a33e;border-radius:4px;padding:2px 8px;font-size:11px;font-weight:700;line-height:1.4;position:absolute;top:8px;right:8px}.notif-profile__avatar{border:3px solid var(--card);object-fit:cover;background:#dfd7cd;border-radius:50%;width:88px;height:88px;margin:-44px 0 0 16px;display:block;overflow:hidden}.notif-profile__body{padding:10px 16px 0}.notif-profile__name{color:var(--text);align-items:center;gap:5px;font-size:18px;font-weight:600;display:inline-flex}.notif-profile__name:hover{color:var(--blue);text-decoration:underline}.notif-profile__inbadge{color:#3d2c00;-webkit-user-select:none;user-select:none;background:#e7a33e;border-radius:3px;justify-content:center;align-items:center;width:15px;height:15px;font-size:9px;font-weight:700;line-height:1;display:inline-flex}.notif-profile__headline{color:var(--text-muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:4px 0 0;font-size:13px;line-height:1.4;display:-webkit-box;overflow:hidden}.notif-profile__location{color:var(--text-muted);margin:6px 0 0;font-size:12px;line-height:1.4}.notif-profile__company{align-items:center;gap:6px;margin-top:12px;display:flex}.notif-profile__company-logo{color:#fff;-webkit-user-select:none;user-select:none;background:#10a37f;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;width:18px;height:18px;font-size:11px;font-weight:700;line-height:1;display:flex}.notif-profile__company-name{color:var(--text);font-size:13px;font-weight:600}.notif-profile__company:hover .notif-profile__company-name{color:var(--blue);text-decoration:underline}.notif-manage{padding:16px}.notif-manage__title{color:var(--text);margin:0 0 4px;font-size:16px;font-weight:600}.notif-manage__copy{color:var(--text-muted,#666);margin:0;font-size:13px;line-height:1.4}.notif-filters{flex-wrap:wrap;gap:8px;padding:12px 16px;display:flex}.notif-pill{border:1px solid var(--border-strong);background:var(--card);color:var(--text-muted);border-radius:16px;padding:7px 14px;font-size:14px;font-weight:600;line-height:1}.notif-pill:hover{background:var(--hover);color:var(--text);box-shadow:inset 0 0 0 1px var(--text-muted)}.notif-pill--on,.notif-pill--on:hover{color:#fff;box-shadow:none;background:#01754f;border-color:#01754f}.notif-list__rows{margin:0;padding:0;list-style:none}.notif-empty{text-align:center;color:var(--text-muted);margin:0;padding:32px 24px;font-size:14px;line-height:1.5}.notif-empty--error p{margin:0 0 12px}.notif-retry{border:1px solid var(--blue);color:var(--blue);background:0 0;border-radius:16px;padding:6px 18px;font-size:14px;font-weight:600}.notif-retry:hover{background:var(--blue-wash)}.notif-retry:focus-visible{outline:2px solid var(--blue);outline-offset:2px}.notif-count-hint{color:var(--text-faint);margin:4px 0 0;padding:0 4px;font-size:12px}.notif-row{border-top:1px solid var(--border);gap:8px;padding:12px 16px;display:flex;position:relative}.notif-row:first-child{border-top:none}.notif-row:hover{background:#00000008}.notif-row--unread{background:#eef3f8}.notif-row--unread:hover{background:#e6eef6}.notif-row--unread:before{content:"";background:#e7a33e;width:4px;position:absolute;top:0;bottom:0;left:0}.notif-row__avatar-link{border-radius:50%;flex-shrink:0;width:48px;height:48px;display:block}.notif-row__avatar-link:focus-visible{outline:2px solid var(--blue);outline-offset:2px}.notif-row__avatar{object-fit:cover;background:#eee;border-radius:50%;flex-shrink:0;width:48px;height:48px;display:block}.notif-row__bell{background:var(--pill);width:48px;height:48px;color:var(--blue);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.notif-row__body{flex:1;min-width:0;padding-top:1px}.notif-row__text{color:var(--text);-webkit-line-clamp:3;-webkit-box-orient:vertical;margin:0;font-size:14px;line-height:1.4;display:-webkit-box;overflow:hidden}.notif-row__strong{color:inherit;font-weight:600}.notif-row__strong:hover{color:var(--blue);text-decoration:underline}.notif-row__strong:focus-visible{outline:2px solid var(--blue);outline-offset:2px}.notif-row__meta{color:var(--text-muted);margin:4px 0 0;font-size:13px}.notif-row__post-link{color:var(--blue);font-weight:600}.notif-row__post-link:hover{text-decoration:underline}.notif-row__post-link:focus-visible{outline:2px solid var(--blue);outline-offset:2px}.notif-row__mark-read{color:var(--blue);cursor:pointer;background:0 0;border:none;padding:0;font-family:inherit;font-size:13px;font-weight:600}.notif-row__mark-read:hover{text-decoration:underline}.notif-row__mark-read:focus-visible{outline:2px solid var(--blue);outline-offset:2px}.notif-row__unread-dot{background:#0a66c2;border-radius:50%;width:8px;height:8px;display:inline-block}.notif-row__quote{border:1px solid var(--border);color:var(--text-muted);-webkit-line-clamp:3;border-radius:6px;-webkit-box-orient:vertical;margin:8px 0 0;padding:8px 12px;font-size:13px;line-height:1.45;display:-webkit-box;overflow:hidden}.notif-share{border:1px solid var(--blue);min-width:92px;color:var(--blue);background:0 0;border-radius:16px;justify-content:center;align-items:center;margin-top:10px;padding:5px 16px;font-size:14px;font-weight:600;display:inline-flex}.notif-share:hover{background:var(--blue-wash);box-shadow:inset 0 0 0 1px var(--blue)}.notif-share--done,.notif-share--done:hover{border-color:var(--border-strong);background:var(--pill);color:var(--text-muted);box-shadow:none;cursor:default}.notif-row__aside{flex-direction:column;flex-shrink:0;align-items:flex-end;gap:2px;display:flex}.notif-row__time{color:var(--text-muted);white-space:nowrap;font-size:12px}.notif-row__menu-wrap{position:relative}.notif-row__overflow{color:var(--text-muted);background:0 0;border:none;border-radius:50%;padding:4px;display:inline-flex}.notif-row__overflow:hover{background:var(--hover);color:var(--text)}.notif-row__menu-backdrop{z-index:40;position:fixed;inset:0}.notif-row__menu{z-index:50;background:var(--card);width:250px;box-shadow:var(--shadow-pop);border-radius:8px;padding:6px 0;position:absolute;top:calc(100% + 4px);right:0}.notif-row__menu-item{text-align:left;width:100%;color:var(--text);box-sizing:border-box;cursor:pointer;background:0 0;border:none;padding:10px 16px;font-family:inherit;font-size:14px;text-decoration:none;display:block}.notif-row__menu-item:hover{background:var(--hover)}.notif-row__menu-item:focus-visible{outline:2px solid var(--blue);outline-offset:-2px}.notif-footer{padding-top:4px}.notif-footer__links{flex-wrap:wrap;gap:4px 12px;display:flex}.notif-footer__link{color:var(--text-muted);align-items:center;gap:2px;font-size:12px;line-height:1.6;display:inline-flex}.notif-footer__link:hover{color:var(--blue);text-decoration:underline}.notif-footer__caret{color:var(--text-muted)}.notif-footer__brand{color:var(--text-muted);align-items:center;gap:6px;margin-top:12px;display:flex}.notif-footer__brand .wordmark__word{font-size:14px}.notif-footer__brand .wordmark__badge{padding:2px 3px 3px;font-size:12px}.notif-footer__copy{color:var(--text-muted);font-size:12px}@media (max-width:1000px){.notif-layout{grid-template-columns:300px minmax(0,1fr)}.notif-rail--right{display:none}}@media (max-width:768px){.notif-layout{grid-template-columns:minmax(0,1fr);gap:16px;padding:16px 12px 40px}.notif-rail--left{display:none}}