/* Shared reaction and live-reader additions. */
.suzivo-reaction-help{font-size:13px;color:var(--muted,#68717b);margin:6px 0 15px;line-height:1.5}
.suzivo-reaction-panel .suzivo-reaction-buttons{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;width:100%}
.suzivo-reaction-panel .suzivo-reaction-btn{display:grid;grid-template-columns:auto auto;justify-content:center;align-content:center;align-items:center;gap:5px 7px;min-height:82px;padding:10px 6px;font-size:13px}
.suzivo-reaction-panel .reaction-icon{grid-column:1;grid-row:1;justify-self:end}
.suzivo-reaction-panel .reaction-count{grid-column:2;grid-row:1;justify-self:start;font-size:12px}
.suzivo-reaction-panel .reaction-label{grid-column:1 / -1;grid-row:2;white-space:normal;line-height:1.25;text-align:center}
.suzivo-reaction-clear{background:transparent;border:0;color:var(--muted,#68717b);text-decoration:underline;font:inherit;font-size:12px;margin-top:10px;cursor:pointer;padding:8px}
.suzivo-reaction-clear[hidden]{display:none!important}

/* Reuse the sidebar's panel and heading styles; only the live accent is new. */
.suzivo-live{--panel-accent:#d64545;--live-row-height:60px;--live-scroll-thumb:#c4b8b1;min-width:0;grid-column:1 / -1;align-self:start;overflow-anchor:none}
.suzivo-live .panel-mini-icon-live{background:rgba(214,69,69,.10);color:#d64545;box-shadow:inset 0 0 0 1px rgba(214,69,69,.12)}
.suzivo-live-dot{position:relative;display:block;width:7px;height:7px;border-radius:50%;background:currentColor;flex:none}
.suzivo-live-dot::after{content:"";position:absolute;inset:-4px;border:1px solid currentColor;border-radius:50%;opacity:0}
.suzivo-live[data-live-state="ready"] .suzivo-live-dot::after{animation:suzivo-live-pulse 2.4s ease-out infinite}
.suzivo-live[data-live-state="unavailable"] .suzivo-live-dot{background:var(--muted,#778090)}
.suzivo-live-total{display:flex;align-items:baseline;gap:6px;height:34px;margin:0;color:var(--muted,#778090);font-size:12px;line-height:26px;white-space:nowrap}
.suzivo-live-total strong{color:var(--text,#162033);font-size:23px;font-weight:700;font-variant-numeric:tabular-nums}
.suzivo-live-total span{min-width:0;overflow:hidden;text-overflow:ellipsis}
/* Exactly three rows, including while loading, empty or temporarily offline. */
.suzivo-live-scroll{height:calc(var(--live-row-height) * 2);overflow-y:auto;overflow-x:hidden;overscroll-behavior-y:contain;scrollbar-gutter:stable;scrollbar-width:thin;scrollbar-color:var(--live-scroll-thumb) transparent;overflow-anchor:none;border-radius:4px}
.suzivo-live-scroll::-webkit-scrollbar{width:5px}
.suzivo-live-scroll::-webkit-scrollbar-track{background:transparent}
.suzivo-live-scroll::-webkit-scrollbar-thumb{background:var(--live-scroll-thumb);border-radius:10px}
.suzivo-live-scroll::-webkit-scrollbar-thumb:hover{background:var(--muted,#778090)}
.suzivo-live-scroll:focus-visible{outline:2px solid var(--brand,#4c9fe1);outline-offset:3px}
.suzivo-live ul{list-style:none;margin:0;padding:0}
.suzivo-live li{height:var(--live-row-height);display:flex;justify-content:space-between;align-items:center;gap:10px;padding:9px 5px;border-bottom:1px solid var(--line,#ddd8cf);font-size:12px;line-height:18px}
.suzivo-live li:last-child{border-bottom-color:transparent}
.suzivo-live a,.suzivo-live-page-label{min-width:0;flex:1;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere;color:inherit;font-weight:600;text-decoration:none}
.suzivo-live a:hover{color:var(--brand-dark,#176aa8);text-decoration:underline}
.suzivo-live a:focus-visible{outline-offset:1px}
.suzivo-live li b{flex:none;min-width:28px;padding:3px 7px;border-radius:6px;background:rgba(214,69,69,.08);color:#b83535;text-align:center;font-size:12px;font-weight:700;font-variant-numeric:tabular-nums}
.suzivo-live li.suzivo-live-empty{justify-content:center;height:100%;min-height:calc(var(--live-row-height) * 2);padding:20px;text-align:center;color:var(--muted,#778090);font-weight:400}
.suzivo-live-status{display:flex;align-items:center;height:30px;margin-top:8px;color:var(--muted,#778090);font-size:11px;line-height:15px;overflow:hidden}
body.dark .suzivo-live{--live-scroll-thumb:#4c596b}
body.dark .suzivo-live .panel-mini-icon-live{background:rgba(248,113,113,.12);color:#f87171}
body.dark .suzivo-live li b{background:rgba(248,113,113,.12);color:#f9a1a1}
@keyframes suzivo-live-pulse{0%{transform:scale(.55);opacity:.7}75%,100%{transform:scale(1.25);opacity:0}}
@media(prefers-reduced-motion:reduce){.suzivo-live[data-live-state="ready"] .suzivo-live-dot::after{animation:none}}
@media(max-width:359px){.suzivo-reaction-panel .suzivo-reaction-buttons{grid-template-columns:repeat(2,minmax(0,1fr))}}