.rn-head{align-items:flex-start;gap:14px;flex-wrap:wrap}
.rn-filtros{display:flex;gap:8px;overflow-x:auto;padding:2px 0 12px;-webkit-overflow-scrolling:touch;scrollbar-width:none}
.rn-filtros::-webkit-scrollbar{display:none}
.rn-filtros a{display:inline-flex;align-items:center;gap:7px;white-space:nowrap;border:1px solid var(--rc-line,#e5ecf4);background:var(--rc-surface,#fff);color:var(--rc-muted,#64748b);border-radius:30px;padding:9px 15px;font-size:13.5px;font-weight:650;min-height:40px}
.rn-filtros a:hover{border-color:#b7cdea;color:var(--rc-ink,#081a36)}
.rn-filtros a.is-active{background:var(--rc-blue,#1769ff);border-color:var(--rc-blue,#1769ff);color:#fff}
.rn-filtros b{display:inline-grid;place-items:center;min-width:20px;height:20px;padding:0 6px;border-radius:20px;background:#e4edfb;color:#1d5fc4;font-size:11.5px;font-weight:800}
.rn-filtros a.is-active b{background:#ffffff2e;color:#fff}
.rn-dia{font-size:13px;font-weight:800;letter-spacing:.4px;text-transform:uppercase;color:var(--rc-muted,#64748b);margin:18px 0 9px}
.rn-grupo{background:var(--rc-surface,#fff);border:1px solid var(--rc-line,#e5ecf4);border-radius:18px;overflow:hidden}
.rn-item{display:flex;align-items:flex-start;gap:13px;padding:14px 16px;border-bottom:1px solid var(--rc-line,#e5ecf4);color:inherit}
.rn-item:last-child{border-bottom:0}
.rn-item:hover{background:#f4f8ff}
.rn-item.is-unread{background:#f2f7ff}
.rn-item.is-unread:hover{background:#eaf2ff}
.rn-figura{position:relative;flex:none}
.rn-figura .rc-avatar{width:44px;height:44px;font-size:16px}
.rn-marca{position:absolute;right:-3px;bottom:-3px;width:21px;height:21px;border-radius:50%;display:grid;place-items:center;border:2px solid var(--rc-surface,#fff);background:var(--rc-blue,#1769ff);color:#fff}
.rn-marca i{font-size:9px}
.rn-marca-mensaje{background:#1d5fc4}
.rn-marca-comenta{background:#2f7ae0}
.rn-marca-cotiza{background:#0f9d7a}
.rn-marca-gusta{background:#e04a6a}
.rn-marca-guarda{background:#e8912a}
.rn-marca-sigue{background:#6b57d6}
.rn-cuerpo{flex:1;min-width:0;display:block}
.rn-linea{display:block;font-size:13.8px;line-height:1.5;color:var(--rc-ink,#081a36);overflow-wrap:anywhere}
.rn-linea strong{font-weight:750}
.rn-linea em{font-style:normal;font-weight:650;color:#1d5fc4}
.rn-extracto{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin-top:3px;font-size:13px;line-height:1.45;color:var(--rc-muted,#64748b)}
.rn-cuerpo small{display:block;margin-top:5px;font-size:12px;color:#8195ad}
.rn-punto{flex:none;align-self:center;width:9px;height:9px;border-radius:50%;background:var(--rc-blue,#1769ff)}
.rn-vacio{text-align:center;background:var(--rc-surface,#fff);border:1px dashed #cddbea;border-radius:20px;padding:38px 20px}
.rn-vacio>i{font-size:30px;color:#4e8ad4}
.rn-vacio h2{margin:14px 0 6px;font-size:19px}
.rn-vacio p{color:var(--rc-muted,#64748b);margin:0 auto 22px;max-width:44ch;font-size:13.5px}
.rn-pie{margin:18px 0 4px;font-size:12.5px;color:var(--rc-muted,#64748b)}
.rn-pie a{color:#1d5fc4;font-weight:650}
@media(max-width:767px){
.rn-item{padding:13px 13px;gap:11px}
.rn-figura .rc-avatar{width:40px;height:40px}
.rn-grupo{border-radius:15px}
.rn-linea{font-size:13.4px}
}
.rn-mas{margin:14px 0 0}
.rn-mas a{display:inline-flex;align-items:center;gap:8px;font-size:13.5px;font-weight:650;color:#1d5fc4}

/* Desplegable de la campana: solo en escritorio; en movil la campana abre la pagina */
.pn-header-actions{position:relative}
.rn-menu{position:absolute;top:calc(100% + 12px);right:0;z-index:60;width:min(404px,calc(100vw - 32px));max-height:min(74vh,620px);overflow:auto;overscroll-behavior:contain;background:var(--rc-surface,#fff);border:1px solid var(--rc-line,#e5ecf4);border-radius:16px;box-shadow:0 18px 48px #05183133,0 2px 8px #0518311a;color:var(--rc-ink,#081a36);font:14px/1.45 Inter,'Segoe UI',sans-serif;text-align:left}
.rn-menu[hidden]{display:none}
.rn-menu-cabeza{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:15px 16px 9px}
.rn-menu-cabeza h2{margin:0;font-size:20px;font-weight:800;color:var(--rc-ink,#081a36)}
.rn-menu-todas{font-size:13px;font-weight:650;color:var(--rc-blue,#1769ff)}
.rn-menu-chips{display:flex;gap:8px;padding:0 16px 10px}
.rn-menu-chips button{display:inline-flex;align-items:center;gap:6px;border:0;cursor:pointer;background:#eef3f9;color:#55657a;border-radius:20px;padding:7px 14px;font:650 13px/1 Inter,'Segoe UI',sans-serif;min-height:34px}
.rn-menu-chips button.is-active{background:#e2ecff;color:#1258c8}
.rn-menu-chips b{display:inline-grid;place-items:center;min-width:18px;height:18px;padding:0 5px;border-radius:18px;background:#1769ff;color:#fff;font-size:11px}
.rn-menu .rn-item{border-bottom:0;border-radius:11px;margin:0 8px;padding:11px 10px}
.rn-menu .rn-extracto{-webkit-line-clamp:1}
.rn-menu-lista{padding-bottom:8px}
.rn-menu-lista .rn-menu-nada{display:none;margin:0;padding:24px 16px;text-align:center;color:var(--rc-muted,#64748b);font-size:13px}
.rn-menu-lista.solo-sinleer .rn-item:not(.is-unread){display:none}
.rn-menu-lista.solo-sinleer:not(:has(.rn-item.is-unread)) .rn-menu-nada{display:block}
.rn-menu-vacio{margin:0;padding:30px 18px;text-align:center;color:var(--rc-muted,#64748b);font-size:13.5px}
.rn-menu-vacio a{color:var(--rc-blue,#1769ff);font-weight:650}
.rn-menu-pie{display:block;padding:13px;text-align:center;font-size:13.5px;font-weight:700;color:var(--rc-blue,#1769ff);border-top:1px solid var(--rc-line,#e5ecf4);position:sticky;bottom:0;background:var(--rc-surface,#fff)}
.rn-menu-pie:hover{background:#f4f8ff}
/* La hoja viaja a todo el portal: el avatar no puede depender de community.css */
.rn-figura .rc-avatar{display:inline-grid;place-items:center;border-radius:50%;background:#e8eff9;color:#476991;font-weight:750;overflow:hidden}
.rn-figura .rc-avatar img{width:100%;height:100%;object-fit:cover;border-radius:50%}
@media(max-width:767px){.rn-menu{display:none}}
/* La cabecera pinta sus enlaces de blanco con !important; el panel los recupera */
.pn-header .rn-menu a{color:var(--rc-ink,#081a36)!important}
.pn-header .rn-menu .rn-menu-todas,.pn-header .rn-menu .rn-menu-pie,.pn-header .rn-menu-vacio a{color:var(--rc-blue,#1769ff)!important}
.pn-header .rn-menu .rn-linea em{color:#1d5fc4}
