/* RAVEN R01.HF8 | Dense notification timeline based on existing Raven visual language.
   Separate from the HF5 discovery rules so other pages are not reflowed. */
.r8-center{min-height:calc(100vh - 90px);background:linear-gradient(180deg,#04111b 0%,#020a11 380px,#020a11 100%);color:#d8eafa}
.r8-header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:23px 26px 16px;background:radial-gradient(ellipse at 84% 0,rgba(0,118,171,.18),transparent 56%);border-bottom:1px solid #1d3a4e}
.r8-eyebrow{font-size:10px;font-weight:800;letter-spacing:2.5px;color:#1cc9ff;text-transform:uppercase}.r8-header h1{font-size:28px;margin:7px 0 5px;letter-spacing:-.5px;color:#f4faff}.r8-header p{font-size:12px;color:#83a7bf;line-height:1.6;margin:0}.r8-settings{display:grid;place-items:center;min-width:40px;height:40px;border:1px solid #26526c;border-radius:11px;background:rgba(8,30,46,.68);color:#abc8de}.r8-settings:hover{border-color:var(--accent);color:#59dcff}
.r8-tabs{display:flex;gap:0;align-items:stretch;overflow-x:auto;scrollbar-width:thin;scrollbar-color:#20516b transparent;border-bottom:1px solid #1e3a4d;padding:0 15px;background:rgba(1,9,16,.58)}
.r8-tab{height:53px;padding:0 12px;display:inline-flex;gap:7px;align-items:center;justify-content:center;white-space:nowrap;flex:1 0 auto;min-width:0;border-bottom:3px solid transparent;color:#96b0c3;font-size:12px;font-weight:680;position:relative}
.r8-tab svg{color:#80a9bd}.r8-tab b{font-size:10px;font-weight:700;background:#0b283c;border:1px solid #224d67;color:#98cbe4;border-radius:20px;min-width:22px;padding:2px 5px;text-align:center}
.r8-tab.active{color:#e6f9ff;border-color:var(--accent);background:linear-gradient(0deg,rgba(0,169,243,.12),transparent 82%)}.r8-tab.active svg{color:#1cd2ff}.r8-tab:hover:not(.active){color:#dcf4ff;background:#0a2435}.r8-tab:focus-visible,.r8-event-title:focus-visible,.r8-event-link:focus-visible,.r8-event-read:focus-visible{outline:2px solid #56dcff;outline-offset:2px}
.r8-filter-summary{min-height:54px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 25px;border-bottom:1px solid #122c3d}.r8-filter-summary strong{font-size:14px;color:#ecf7ff}.r8-filter-summary span{font-size:11px;color:#7396ac;margin-left:8px}.r8-filter-summary button{display:inline-flex;align-items:center;gap:7px;font-size:11px;color:#29c9f5;padding:8px 10px;border-radius:9px}.r8-filter-summary button:hover{background:#0b2c40}
.r8-events{padding:0 0 18px}.r8-day-heading{display:flex;gap:10px;align-items:baseline;padding:17px 25px 9px}.r8-day-heading h2{font-size:14px;margin:0;color:#e4f5ff}.r8-day-heading span{color:#738da3;font-size:11px}
.r8-event{display:grid;grid-template-columns:31px 46px minmax(0,1fr) auto;gap:12px;align-items:start;padding:14px 22px 14px 21px;border-top:1px solid #1b3447;min-width:0;background:linear-gradient(90deg,rgba(4,16,27,.85),rgba(2,11,19,.72));position:relative;transition:background .12s,border-color .12s}
.r8-event:last-child{border-bottom:1px solid #1b3447}.r8-event:hover{background:linear-gradient(90deg,#092233,#061623)}.r8-event.is-unread{background:linear-gradient(90deg,#08263a 0%,#041621 62%,#030e17 100%)}.r8-event.is-unread:before{content:"";width:2px;position:absolute;left:0;top:0;bottom:0;background:#00c9ff;box-shadow:0 0 11px #00caff65}
.r8-event-category{display:flex;justify-content:center;padding-top:5px;color:#24c7f9}.r8-event-replies .r8-event-category{color:#ac85f8}.r8-event-reposts .r8-event-category{color:#43d7ad}.r8-event-saved .r8-event-category{color:#f0b66a}.r8-event-mentions .r8-event-category{color:#27c6f4}.r8-event-follows .r8-event-category{color:#18bdff}
.r8-event-avatar{display:grid;place-items:center;width:46px;height:46px;border-radius:12px;background:#0a2030;border:1px solid #224c68;overflow:hidden}.r8-event-avatar img{width:100%;height:100%;object-fit:cover}.r8-event-avatar .project-icon{width:100%;height:100%;border:0;border-radius:10px}.r8-event-avatar-mark{display:grid;place-items:center;color:#9ddbf4}
.r8-event-content{min-width:0}.r8-event-title{display:block;width:100%;text-align:left;color:#e4f4ff;font-size:13px;font-weight:760;line-height:1.38;margin:1px 0 4px}.r8-event-title:hover{color:#51dcff}.r8-event-title time{font-weight:450;color:#778fa5;font-size:11px;white-space:nowrap}.r8-event-actor{display:block;font-size:11px;color:#a5c9e0;margin:3px 0}.r8-event-actor span{color:#668da5}
.r8-event-excerpt{font-size:12px;color:#9bb3c6;line-height:1.52;margin:0 0 5px;overflow-wrap:anywhere;max-width:690px}.r8-event-footnote{display:flex;flex-wrap:wrap;align-items:center;gap:5px 12px;color:#647e93;font-size:10px;margin-top:6px}.r8-event-footnote>span:first-child{display:inline-flex;gap:4px;align-items:center}.r8-event-project{border:1px solid #20516b;border-radius:6px;padding:3px 7px;color:#8fc5e1;background:#051b29}
.r8-event-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;min-height:46px}.r8-event-unread{width:7px;height:7px;flex:none;border-radius:50%;background:#00c9ff;box-shadow:0 0 8px #00beffb0}.r8-event-link{display:inline-flex;align-items:center;gap:5px;border:1px solid #237096;border-radius:100px;color:#6ad7ff;padding:7px 9px;font-size:11px;white-space:nowrap}.r8-event-link:hover{background:#0d354b;color:#e7f9ff}.r8-event-read{display:grid;place-items:center;min-width:31px;height:31px;flex:none;border-radius:9px;border:1px solid #244a60;color:#8eb7ca}.r8-event-read:hover{border-color:#29c9ef;color:#e3f6ff}
.r8-empty{margin:20px;padding:46px 22px;text-align:center;background:#061825;border:1px dashed #2b546b;border-radius:14px}.r8-empty>svg{color:#2fd3ff}.r8-empty h2{margin:8px 0;font-size:17px}.r8-empty p{max-width:450px;font-size:12px;line-height:1.6;color:#8dadc2;margin:0 auto 19px}
.r8-status{display:flex;align-items:start;gap:12px;margin:8px 22px 25px;padding:13px 14px;border:1px solid #20445d;border-radius:11px;background:#061c2a;color:#88aabf;font-size:11px;line-height:1.65}.r8-status svg{flex:none;color:#30c9ff;margin-top:1px}.r8-status b{color:#c7eafb}
@media(max-width:1190px){.r8-tabs{justify-content:flex-start}.r8-tab{padding:0 13px;flex:0 0 auto}.r8-event{grid-template-columns:28px 44px minmax(0,1fr);gap:9px}.r8-event-avatar{width:43px;height:43px}.r8-event-actions{grid-column:3;justify-content:flex-start;min-height:0;margin-top:2px}.r8-event-category{padding-top:3px}}
@media(max-width:700px){.r8-header{padding:21px 14px 15px}.r8-header h1{font-size:24px}.r8-header p{font-size:12px}.r8-eyebrow{font-size:9px;letter-spacing:2px}.r8-tabs{padding:0 6px}.r8-tab{height:46px;padding:0 10px;font-size:11px}.r8-filter-summary{padding:10px 14px}.r8-day-heading{padding:15px 14px 9px}.r8-event{padding:13px 11px;grid-template-columns:26px 38px minmax(0,1fr);gap:8px}.r8-event-avatar{width:38px;height:38px;border-radius:10px}.r8-event-category svg{width:21px;height:21px}.r8-event-title{font-size:12px}.r8-event-excerpt{font-size:11px}.r8-event-actions{grid-column:3;flex-wrap:wrap;margin-top:4px}.r8-event-footnote{font-size:9px}.r8-event-link{padding:6px 9px}.r8-status{margin:10px 12px 24px}}
@media(max-width:385px){.r8-filter-summary button{font-size:10px}.r8-event{grid-template-columns:23px 32px minmax(0,1fr);gap:7px}.r8-event-avatar{width:32px;height:32px}.r8-event-category svg{width:20px;height:20px}.r8-event-read{min-width:30px;height:30px}}
@media(prefers-reduced-motion:reduce){.r8-event{transition:none}}