.notification-item{border-bottom:1px solid var(--border);align-items:stretch;gap:8px;padding:12px 8px 12px 16px;display:flex;position:relative}.notification-item:last-child{border-bottom:none}.notification-item.is-unread{background-color:var(--profile-nav-background)}.notification-item.is-unread .notification-item-title{font-weight:700}.notification-item.is-read .notification-item-title,.notification-item.is-read .notification-item-body{color:var(--text-secondary)}.notification-item .notification-item-row{text-align:start;cursor:pointer;color:inherit;font:inherit;background:0 0;border:none;flex:auto;align-items:flex-start;gap:12px;padding:0;display:flex}.notification-item .notification-item-row:focus-visible{outline-offset:2px;outline:2px solid red}.notification-item .notification-item-icon{width:32px;height:32px;color:var(--text-primary);border-radius:50%;flex:none;justify-content:center;align-items:center;display:inline-flex}.notification-item .notification-item-icon svg{width:18px;height:18px}.notification-item .notification-item-icon.accent-primary{color:var(--primary);background-color:#8cc54126}.notification-item .notification-item-icon.accent-danger{color:#e02424;background-color:#e024241f}.notification-item .notification-item-icon.accent-info{color:#5082dc;background-color:#5082dc1f}.notification-item .notification-item-icon.accent-default{background-color:var(--background-secondary)}.notification-item .notification-item-text{flex-direction:column;flex:auto;gap:2px;min-width:0;display:flex}.notification-item .notification-item-title{color:var(--text-primary);font-size:14px;line-height:1.3}.notification-item .notification-item-body{color:var(--text-primary);word-wrap:break-word;overflow-wrap:anywhere;font-size:13px;line-height:1.4}.notification-item .notification-item-body-html{max-height:4.5em;position:relative;overflow:hidden}.notification-item .notification-item-body-html a{color:var(--primary);text-underline-offset:3px;text-decoration:underline}.notification-item .notification-item-body-html a[target=_blank]:after{content:" ↗";color:var(--text-secondary);font-size:.85em}.notification-item .notification-item-body-html p{margin:0}.notification-item .notification-item-body-html p+p{margin-top:6px}.notification-item.is-expanded .notification-item-body-html{max-height:none}.notification-item.is-html .notification-item-row{cursor:pointer}.notification-item .notification-item-time{color:var(--text-secondary);margin-top:4px;font-size:11px}.notification-item .notification-item-kebab{flex:none;align-self:flex-start}
.notification-dropdown{top:calc(100% + 12px);background:var(--card-background);border:1px solid var(--border);z-index:1000;flex-direction:column;width:380px;max-height:50vh;display:flex;position:absolute;inset-inline-end:0}@media (max-width:768px){.notification-dropdown{border-inline:none;width:100%;max-height:calc(100vh - 60px);position:fixed;inset:60px 0 auto}}.notification-dropdown .notification-dropdown-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.notification-dropdown .notification-dropdown-title{color:var(--text-primary);font-size:16px;font-weight:700}.notification-dropdown .notification-dropdown-close{cursor:pointer;color:var(--text-secondary);background:0 0;border:none;padding:4px 8px;font-size:16px;line-height:1}.notification-dropdown .notification-dropdown-close:hover{color:var(--text-primary)}.notification-dropdown .notification-dropdown-loader,.notification-dropdown .notification-dropdown-empty,.notification-dropdown .notification-dropdown-error{text-align:center;color:var(--text-secondary);padding:24px 16px;font-size:14px}.notification-dropdown .notification-dropdown-scroll{flex:auto;min-height:0;overflow-y:auto}.notification-dropdown .notification-dropdown-section{padding:0}.notification-dropdown .notification-dropdown-section-title{color:var(--text-secondary);border-bottom:1px solid var(--border);border-top:1px solid var(--border);margin:0;padding:4px 16px;font-size:12px;font-weight:700}.notification-dropdown-footer{border-top:1px solid var(--border);background:var(--card-background);flex-shrink:0;justify-content:space-between;gap:12px;padding:12px 16px;display:flex;box-shadow:0 -4px 12px #0000000f}.notification-dropdown-footer button{color:var(--link);font:inherit;cursor:pointer;background:0 0;border:none;align-items:center;gap:6px;padding:0;font-size:12px;display:inline-flex}.notification-dropdown-footer button:hover:not(:disabled){text-decoration:underline}.notification-dropdown-footer button:disabled{opacity:.45;cursor:default}
.notification-bell-wrapper{align-items:center;display:inline-flex;position:relative}.notification-bell-wrapper .notification-bell-trigger{border-radius:50%;width:32px;height:32px;position:relative}.notification-bell-wrapper .notification-bell-trigger svg{width:20px;height:20px;color:var(--text-primary)}.notification-bell-wrapper .notification-bell-trigger:hover,.notification-bell-wrapper .notification-bell-trigger.active{background-color:var(--background-secondary)}.notification-bell-wrapper .notification-bell-badge{top:-2px;color:#fff;text-align:center;pointer-events:none;box-sizing:border-box;border:1px solid var(--background);background-color:#e02424;border-radius:50%;min-width:16px;height:16px;padding:0 4px;font-size:10px;font-weight:700;line-height:16px;position:absolute;inset-inline-end:-2px}
.main-header{border-bottom:1px solid var(--border);background:var(--background);z-index:100;height:60px;padding:12px 16px;position:sticky;top:0}@media (max-width:768px){.main-header{padding-right:8px}}.nav-container{justify-content:space-between;align-items:center;display:flex}.nav-start{align-items:center;gap:8px;display:flex}.nav-start .mobile-menu-toggle{width:32px;height:32px;color:var(--text-primary);display:none}.nav-start .mobile-menu-toggle:focus{color:var(--text-primary);text-decoration:none}@media (max-width:1100px){.nav-start .mobile-menu-toggle{display:flex}}.logo{align-items:center;text-decoration:none;display:flex}.logo .header-logo{width:auto;height:32px;display:block}@media (max-width:1100px){.logo .header-logo{height:24px;position:relative;top:2px}}.nav-links{align-items:center;gap:12px;display:flex}.nav-links .nav-links-right{border-left:1px solid var(--border);align-items:center;gap:8px;padding-left:8px;display:flex}.nav-links .search-btn{border-radius:50%;width:32px;height:32px}.nav-links .search-btn svg{width:18px;height:18px;color:var(--text-primary)}.nav-links .search-btn:hover{background-color:var(--background-secondary)}