.personal-notifications,.notification-bell{position:relative}.notification-count{color:#172015;background:#c2de95;border:2px solid #151c24;border-radius:10px;place-items:center;min-width:17px;height:17px;padding:0 4px;font-size:8px;font-weight:750;line-height:1;display:grid;position:absolute;top:-5px;right:-6px}.personal-inbox{color:#dce5ed;z-index:90;text-align:left;background:#19232e;border:1px solid #374553;border-radius:13px;width:410px;max-width:calc(100vw - 24px);position:absolute;top:43px;right:-42px;overflow:hidden;box-shadow:0 18px 65px #0007}.personal-inbox header{justify-content:space-between;align-items:center;padding:20px 19px 15px;display:flex}.personal-inbox h3{color:#ecf2f7;font-size:16px}.personal-inbox header p{color:#99a9b8;margin-top:4px;font-size:11px}.inbox-controls{border-bottom:1px solid #303d49;justify-content:space-between;align-items:center;gap:12px;padding:0 18px 12px;display:flex}.inbox-controls>div{gap:3px;display:flex}.inbox-controls>div>button{color:#9cacbb;border-radius:6px;padding:6px 9px;font-size:10px}.inbox-controls>div>button.active{color:#c2de95;background:#2c3b37}.inbox-controls .text-btn{color:#b8d391;gap:4px;font-size:10px}.inbox-items{max-height:min(490px,60vh);overflow:auto}.inbox-items article{border-bottom:1px solid #2a3744;position:relative}.inbox-items article.unread{background:#202d34}.notification-open{text-align:left;gap:11px;width:100%;padding:16px 18px;display:flex}.notification-open:hover{background:#ffffff05}.notification-kind{color:#c0dc93;background:#324538;border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.notification-kind.mention{color:#c6b3f6;background:#39344e}.notification-kind.status{color:#97c7ed;background:#2b4051}.notification-copy{color:#a9b8c5;flex-direction:column;gap:5px;min-width:0;font-size:11px;line-height:1.6;display:flex}.notification-copy strong{color:#dbe7ed;font-weight:600}.notification-copy b{color:#eef3f6;overflow-wrap:anywhere;font-size:12px;font-weight:550}.notification-copy q{color:#9faebe;white-space:pre-wrap;overflow-wrap:anywhere;font-size:11px}.notification-copy small{color:#8297a9;font-size:9px}.unread-dot{background:#c2de95;border-radius:50%;flex-shrink:0;width:6px;height:6px;margin:8px 0 0 auto}.mark-one{color:#b7ce98;margin:-7px 18px 11px auto;padding:2px 4px;font-size:9px;display:block}.personal-inbox footer{color:#7d91a3;text-align:center;padding:11px 18px;font-size:9px}.inbox-empty{text-align:center;color:#8ba0b2;flex-direction:column;align-items:center;gap:12px;padding:38px 32px;display:flex}.inbox-empty strong{color:#d4dfe6;font-size:12px}.inbox-empty p{font-size:11px;line-height:1.7}.inbox-error{color:#ecb5a6;padding:10px 18px;font-size:11px}.notification-alerts{z-index:120;flex-direction:column;gap:10px;width:370px;max-width:calc(100vw - 32px);display:flex;position:fixed;bottom:24px;right:24px}.notification-alert{background:#23313e;border:1px solid #425448;border-radius:11px;align-items:flex-start;padding:12px;display:flex;box-shadow:0 12px 40px #0006}.notification-alert-open{text-align:left;flex:1;align-items:center;gap:11px;display:flex}.notification-alert-open>span:last-child{flex-direction:column;gap:5px;min-width:0;line-height:1.5;display:flex}.notification-alert-open strong{color:#dce8ef;font-size:11px;font-weight:550}.notification-alert-open>span>span{color:#bcd79b;overflow-wrap:anywhere;font-size:12px}.comment-composer{margin-bottom:12px;position:relative}.mention-hint{color:#8b9cad;margin:7px 0 12px;font-size:10px;display:block}.mention-options{z-index:5;background:#253340;border:1px solid #435362;border-radius:9px;max-height:265px;padding:5px;position:absolute;bottom:calc(100% - 5px);left:0;right:0;overflow:auto;box-shadow:0 12px 34px #0005}.mention-options button{text-align:left;border-radius:6px;align-items:center;gap:10px;width:100%;padding:8px;display:flex}.mention-options button.active,.mention-options button:hover{background:#35483e}.mention-options button>span{flex-direction:column;gap:2px;display:flex}.mention-options strong{color:#e3edf3;font-size:11px;font-weight:550}.mention-options small{color:#9caebb;font-size:10px}@media (max-width:760px){.personal-inbox{width:auto;max-width:none;position:fixed;top:61px;left:12px;right:12px}.notification-alerts{bottom:16px;right:16px}.notification-copy{font-size:11px}}