:root{--reb-bg:#f1f3f6;--reb-card:#fff;--reb-border:#dde2e8;--reb-text:#15171a;--reb-muted:#667085;--reb-gold:#ffb31a;--reb-gold-soft:#fff4d8;--reb-blue:#1877f2;--reb-green:#18a957}
*{box-sizing:border-box}html,body{margin:0;min-height:100%}body.reb-notif-page{background:var(--reb-bg);color:var(--reb-text);font-family:'IBM Plex Sans',Arial,sans-serif}.reb-notif-topbar{height:76px;background:#fff;border-bottom:1px solid var(--reb-border);display:flex;align-items:center;justify-content:space-between;padding:0 max(24px,calc((100vw - 1500px)/2));position:sticky;top:0;z-index:20}.reb-notif-brand{display:flex;align-items:center;gap:10px;color:#111;text-decoration:none;font-family:Ubuntu,'IBM Plex Sans',sans-serif;font-weight:700;font-size:20px}.reb-notif-brand img{width:34px;height:34px;object-fit:contain}.reb-notif-nav{display:flex;align-items:center;gap:6px}.reb-notif-nav a{position:relative;display:flex;align-items:center;gap:8px;padding:13px 16px;border-radius:12px;color:#4b5563;text-decoration:none;font-family:Ubuntu,'IBM Plex Sans',sans-serif;font-weight:600}.reb-notif-nav a:hover{background:#f5f7fa}.reb-notif-nav a.active{background:var(--reb-gold-soft);color:#8a5800}.reb-notif-badge{position:absolute;right:4px;top:4px;min-width:18px;height:18px;border-radius:999px;background:#e6372f;color:#fff;font:700 11px/18px 'IBM Plex Sans',sans-serif;text-align:center;padding:0 5px}.reb-notif-shell{max-width:1050px;margin:26px auto 60px;padding:0 18px}.reb-notif-head{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin-bottom:18px}.reb-notif-title h1{margin:0;font:700 30px/1.1 Ubuntu,'IBM Plex Sans',sans-serif}.reb-notif-title p{margin:7px 0 0;color:var(--reb-muted)}.reb-notif-mark{border:1px solid var(--reb-border);background:#fff;border-radius:11px;padding:10px 14px;font:600 14px Ubuntu,'IBM Plex Sans',sans-serif;cursor:pointer}.reb-notif-mark:hover{background:#fafafa}.reb-notif-tabs{display:flex;gap:8px;margin-bottom:14px}.reb-notif-tabs button{border:0;background:#e8ebef;color:#4b5563;border-radius:999px;padding:9px 15px;font:600 14px Ubuntu,'IBM Plex Sans',sans-serif;cursor:pointer}.reb-notif-tabs button.active{background:#111;color:#fff}.reb-notif-card{background:var(--reb-card);border:1px solid var(--reb-border);border-radius:18px;overflow:hidden}.reb-notif-list{display:flex;flex-direction:column}.reb-notif-item{width:100%;display:grid;grid-template-columns:52px 1fr auto;gap:12px;align-items:center;text-align:left;border:0;border-bottom:1px solid #eef1f4;background:#fff;padding:14px 16px;cursor:pointer;position:relative}.reb-notif-item:last-child{border-bottom:0}.reb-notif-item:hover{background:#fafbfc}.reb-notif-item.is-unread{background:#fffaf0}.reb-notif-item.is-unread:before{content:'';position:absolute;left:4px;top:50%;width:7px;height:7px;border-radius:50%;background:var(--reb-blue);transform:translateY(-50%)}.reb-notif-avatar{width:46px;height:46px;border-radius:50%;background:#f3b83d;overflow:hidden;display:flex;align-items:center;justify-content:center;font:700 15px Ubuntu,'IBM Plex Sans',sans-serif;color:#111}.reb-notif-avatar img{width:100%;height:100%;object-fit:cover}.reb-notif-avatar.community{background:var(--reb-gold-soft);color:#8a5800;font-size:18px}.reb-notif-copy strong{display:block;font-size:15px;line-height:1.35;font-weight:600}.reb-notif-copy small{display:block;color:var(--reb-muted);font-size:12px;margin-top:4px}.reb-notif-kind{display:flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:50%;background:#f3f4f6;color:#4b5563}.reb-notif-item.is-unread .reb-notif-kind{background:#eaf3ff;color:var(--reb-blue)}.reb-notif-state{padding:48px 20px;text-align:center;color:var(--reb-muted)}.reb-notif-state i{font-size:34px;margin-bottom:12px;color:#aeb6c2}.reb-notif-state h2{font:700 20px Ubuntu,'IBM Plex Sans',sans-serif;color:#31343a;margin:0 0 6px}.reb-notif-state p{margin:0}.reb-notif-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:16px}.reb-notif-summary div{background:#fff;border:1px solid var(--reb-border);border-radius:14px;padding:12px 14px}.reb-notif-summary strong{display:block;font:700 20px Ubuntu,'IBM Plex Sans',sans-serif}.reb-notif-summary span{color:var(--reb-muted);font-size:12px}.reb-notif-toast{position:fixed;left:50%;bottom:30px;transform:translateX(-50%);background:#17191d;color:#fff;border-radius:12px;padding:11px 16px;z-index:100;font-size:13px}
@media(max-width:900px){.reb-notif-topbar{height:66px;padding:0 14px}.reb-notif-brand span{display:none}.reb-notif-nav{gap:1px}.reb-notif-nav a{padding:11px 10px}.reb-notif-nav a span{display:none}.reb-notif-shell{margin-top:18px}.reb-notif-head{align-items:flex-start}.reb-notif-title h1{font-size:25px}.reb-notif-summary{grid-template-columns:1fr 1fr 1fr}.reb-notif-item{grid-template-columns:46px 1fr auto;padding:13px 12px}.reb-notif-avatar{width:42px;height:42px}}
@media(max-width:520px){.reb-notif-nav a{padding:10px 8px}.reb-notif-shell{padding:0 10px}.reb-notif-head{flex-direction:column;align-items:stretch}.reb-notif-mark{align-self:flex-start}.reb-notif-summary{gap:6px}.reb-notif-summary div{padding:10px}.reb-notif-summary strong{font-size:18px}.reb-notif-tabs{overflow:auto;padding-bottom:2px}.reb-notif-item{grid-template-columns:42px 1fr}.reb-notif-kind{display:none}}

/* Phase 3I live activity controls */
.reb-notif-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap;justify-content:flex-end}.reb-notif-mark.is-on{border-color:#87c89a;background:#eefaf1;color:#157a37}.reb-notif-mark:disabled{opacity:.65;cursor:not-allowed}@media(max-width:720px){.reb-notif-actions{width:100%;justify-content:flex-start}.reb-notif-actions .reb-notif-mark{flex:1;justify-content:center}}