.inbox-sev{flex:none;color:var(--muted-text)}.inbox-sev.critical{color:#dc2626}.inbox-sev.warning{color:#ca8a04}.inbox-sev.success{color:#059669}.inbox-tags{display:inline-flex;gap:4px;margin-left:6px;vertical-align:1px}.inbox-tags .tag{padding:1px 5px;font-size:10px;font-weight:400}.inbox-dot{width:8px;height:8px;border-radius:50%;background:var(--accent);flex:none}.inbox-wrap{position:relative;display:flex}.notification-button{cursor:pointer}.notification-button>span{width:auto;padding:0 3px;border-radius:6px}.inbox-pop{position:absolute;top:calc(100% + 19px);right:-46px;width:380px;max-width:calc(100vw - 24px);background:var(--panel-bg);border:1px solid var(--border);border-radius:10px;box-shadow:0 3px 7px #0000000c,0 10px 24px #0000001a;z-index:45;display:flex;flex-direction:column;max-height:min(560px,calc(100vh - 80px))}.inbox-foot,.inbox-head{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:11px 14px;font-size:12px}.inbox-head{border-bottom:1px solid var(--border)}.inbox-head b{font-weight:500;font-size:13px}.inbox-foot{border-top:1px solid var(--border);justify-content:center}.inbox-link{background:none;border:0;padding:0;font-size:12px;color:var(--accent-readable)}.inbox-link:hover{text-decoration:underline}.inbox-link:disabled{color:var(--muted-text);text-decoration:none;cursor:default}.inbox-list{overflow-y:auto;min-height:0}.inbox-row{display:flex;gap:10px;align-items:flex-start;width:100%;padding:11px 14px;border:0;border-bottom:1px solid var(--line-soft);background:none;text-align:left;font-size:12px}.inbox-row:focus-visible,.inbox-row:hover{background:var(--soft-bg);outline:0}.inbox-row>.inbox-sev{margin-top:1px}.inbox-row .inbox-main{min-width:0;flex:1;display:grid;gap:2px}.inbox-row .inbox-title{font-weight:400;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.inbox-row.unread .inbox-title{font-weight:600}.inbox-row .inbox-body{color:var(--muted-strong);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.inbox-row time{color:var(--muted-text);font-size:11px}.inbox-row .inbox-dot{margin-top:5px}.inbox-empty{padding:28px 14px;text-align:center;color:var(--muted-text);font-size:13px}.inbox-page-row{display:flex;gap:12px;align-items:flex-start;padding:13px 20px;border-top:1px solid var(--border);font-size:13px}.inbox-page-row:first-child{border-top:0}.inbox-page-row.unread{background:var(--soft-bg)}.inbox-page-row .inbox-main{min-width:0;flex:1;display:grid;gap:3px}.inbox-page-row .inbox-title{font-weight:400;overflow-wrap:anywhere}.inbox-page-row.unread .inbox-title{font-weight:600}.inbox-page-row p{margin:0;font-size:12px;color:var(--muted-strong);overflow-wrap:anywhere}.inbox-page-row .inbox-meta{display:flex;flex-wrap:wrap;gap:10px;font-size:11px;color:var(--muted-text)}.inbox-page-row .inbox-meta a{color:var(--accent-readable)}.inbox-page-row .inbox-meta a:hover{text-decoration:underline}.inbox-del{background:none;border:0;padding:4px;color:var(--muted-text);line-height:0;border-radius:6px}.inbox-del:hover{color:#dc2626;background:var(--surface)}.inbox-more{display:flex;justify-content:center;padding:14px;border-top:1px solid var(--border)}@media (max-width:640px){.inbox-wrap{position:static}.inbox-pop{position:fixed;top:56px;left:12px;right:12px;width:auto;max-width:none;border-radius:10px;max-height:calc(100vh - 72px)}}