/* HF20-A RH3 · Smart Sync + Centro de Atención. Scope intentionally isolated. */ .hf20-attention-wrap{position:relative;display:inline-flex;align-items:center}.hf20-bell{position:relative;min-width:40px;justify-content:center}.hf20-badge{position:absolute;top:-7px;right:-7px;min-width:19px;height:19px;padding:0 5px;border-radius:999px;background:#b42318;color:#fff;font-size:11px;font-weight:800;line-height:19px;text-align:center;box-shadow:0 0 0 2px #fff} /* RH3: panel lives directly under , outside dashboard/header stacking contexts. */ .hf20-attention-panel{position:fixed;z-index:2147483000;top:var(--hf20-panel-top,68px);right:var(--hf20-panel-right,10px);width:min(420px,calc(100vw - 28px));max-height:min(70vh,620px);overflow:auto;background:#fff;border:1px solid rgba(15,23,42,.14);border-radius:14px;box-shadow:0 18px 48px rgba(15,23,42,.18);padding:0;isolation:isolate} .hf20-attention-head{position:sticky;top:0;z-index:1;display:flex;gap:12px;align-items:center;justify-content:space-between;padding:14px 14px 12px;background:#fff;border-bottom:1px solid rgba(15,23,42,.08)}.hf20-attention-head>div{display:flex;min-width:0;flex-direction:column;gap:2px}.hf20-attention-head strong{font-size:14px}.hf20-attention-head small{font-size:11px;color:#64748b}.hf20-attention-list{display:flex;flex-direction:column}.hf20-attention-item{display:flex;gap:12px;align-items:center;justify-content:space-between;padding:13px 14px;border-bottom:1px solid rgba(15,23,42,.07)}.hf20-attention-copy{display:flex;min-width:0;flex:1;flex-direction:column;gap:3px}.hf20-attention-copy>strong{font-size:13px;line-height:1.3}.hf20-attention-copy>span,.hf20-attention-copy>small{font-size:11px;line-height:1.35;color:#64748b}.hf20-attention-kicker{display:flex;gap:8px;justify-content:space-between;color:#475569;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.03em}.hf20-attention-empty{display:flex;flex-direction:column;gap:5px;padding:22px 16px;text-align:center;color:#64748b}.hf20-attention-empty strong{color:#334155}.hf20-attention-empty span{font-size:12px}.hf20-attention-more{padding:10px 14px;font-size:11px;text-align:center;color:#64748b;background:#f8fafc}.hf20-bell-pulse{animation:hf20BellPulse .7s ease-in-out 2}@keyframes hf20BellPulse{0%,100%{transform:scale(1)}50%{transform:scale(1.12)}} @media(max-width:820px){.hf20-attention-panel{top:68px!important;right:10px!important;left:10px;width:auto;max-height:72vh}.hf20-attention-item{align-items:flex-start}.hf20-attention-kicker{flex-wrap:wrap}}