.notification-bell .notification-badge{position:absolute!important;top:-6px!important;right:-6px!important;display:grid!important;place-items:center;min-width:18px!important;height:18px;padding:0 4px!important;border:2px solid var(--bg-base,#07101d);border-radius:999px;background:var(--color-danger,#ef4444);color:#fff;font-size:9px;font-weight:800;line-height:1;pointer-events:none}.notification-bell .notification-badge[hidden]{display:none!important}.notification-bell>i{display:none!important}.notification-bell.is-all-read .notification-badge{background:#7c3aed;color:#fff}.notification-bell.has-unread .notification-badge{background:var(--color-danger,#ef4444);color:#fff}
.notification-panel-backdrop{position:fixed;z-index:4700;inset:0;background:transparent}.notification-panel{position:fixed;z-index:4701;top:var(--notification-panel-top,64px);right:var(--notification-panel-right,16px);width:min(520px,calc(100vw - 24px));max-height:min(720px,calc(100vh - var(--notification-panel-top,64px) - 12px));display:grid;grid-template-rows:auto auto minmax(0,1fr);overflow:hidden;border:1px solid #334155;border-radius:12px;background:#0b1220;box-shadow:0 24px 70px rgba(0,0,0,.68)}
.notification-panel-header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:14px 16px;border-bottom:1px solid #263348;background:#0f172a}.notification-panel-header h2{margin:0;font-size:17px}.notification-panel-header span{color:#94a3b8;font-size:10px}.notification-panel-actions{display:flex;align-items:center;gap:6px}.notification-panel-actions button{min-height:34px;padding:0 9px;border:1px solid #334155;border-radius:6px;background:#172033;color:#e2e8f0;font-size:9px}.notification-panel-actions svg{width:17px;height:17px}
.notification-panel-filters{display:flex;gap:5px;padding:9px 12px;overflow-x:auto;border-bottom:1px solid #263348}.notification-panel-filters button{min-height:30px;padding:0 9px;border:1px solid transparent;border-radius:6px;background:#172033;color:#cbd5e1;white-space:nowrap;font-size:9px}.notification-panel-filters button.active{border-color:#0ea5e9;background:#0c4a6e;color:#e0f2fe}.notification-panel-list{overflow:auto;padding:8px}.notification-panel-item{margin-bottom:7px;overflow:hidden;border:1px solid #263348;border-radius:8px;background:#0f172a}.notification-panel-item.unread{border-left:3px solid #38bdf8}.notification-panel-item.priority-critical,.notification-panel-item.priority-urgent{border-left-color:#ef4444}
.notification-panel-item-main{width:100%;display:grid;grid-template-columns:28px minmax(0,1fr) auto;gap:9px;align-items:start;padding:10px;border:0;background:transparent;color:#e2e8f0;text-align:left}.notification-panel-item-icon svg{width:18px;height:18px}.notification-panel-item-main>span:nth-child(2){display:grid;gap:3px;min-width:0}.notification-panel-item-main strong,.notification-panel-item-main small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.notification-panel-item-main strong{font-size:11px}.notification-panel-item-main small,.notification-panel-item-main time{color:#94a3b8;font-size:9px}.notification-panel-item-main i{padding:3px 6px;border-radius:999px;background:#1e293b;color:#cbd5e1;font-size:8px;font-style:normal}.notification-panel-item-actions{display:flex;justify-content:flex-end;gap:5px;padding:0 10px 9px}.notification-panel-item-actions button{min-height:28px;padding:0 8px;border:1px solid #334155;border-radius:5px;background:#172033;color:#cbd5e1;font-size:8px}
.notification-window-detail{display:grid;gap:14px}.notification-detail-summary{margin:0;color:var(--text-secondary);line-height:1.6}.notification-window-detail section{padding:14px;border:1px solid var(--border-subtle);border-radius:8px;background:var(--bg-elevated)}.notification-window-detail section h3{margin:0 0 7px}.notification-window-detail dl{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:0}.notification-window-detail dl div{padding:10px;border:1px solid var(--border-subtle);border-radius:7px}.notification-window-detail dt{color:var(--text-muted);font-size:9px}.notification-window-detail dd{margin:4px 0 0;font-weight:700}.notification-window-detail footer{display:flex;justify-content:flex-end;gap:7px;flex-wrap:wrap}@media(max-width:640px){.notification-panel{top:60px;right:6px;width:calc(100vw - 12px);max-height:calc(100vh - 66px)}.notification-panel-header{align-items:stretch;flex-direction:column}.notification-panel-actions{justify-content:flex-end}.notification-panel-actions button:first-child{margin-right:auto}.notification-window-detail dl{grid-template-columns:1fr}}
.platform-topbar-icon{position:relative}.shared-count-badge{position:absolute!important;z-index:2;top:-6px!important;right:-6px!important;display:grid!important;place-items:center;min-width:18px!important;height:18px;padding:0 4px!important;border:2px solid var(--bg-base,#07101d);border-radius:999px;color:#fff;font-size:9px;font-weight:800;line-height:1;pointer-events:none}.shared-count-badge[hidden]{display:none!important}.shared-count-badge.tone-approvals{background:var(--color-warning,#f59e0b);color:#1f1300}.shared-count-badge.tone-tasks{background:var(--accent-primary,#38bdf8);color:#03131d}.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}