/* SyncNews insights features (flag-gated UI). */

/* ---- card chips (synchronized story list) ---- */
.ins-1sided {
  display:inline-block; font-size:11px; line-height:1.5; padding:0 6px; border-radius:10px;
  margin-left:6px; vertical-align:middle; font-weight:500; white-space:nowrap;
  color:#b45309; background:rgba(245,158,11,.18);
}

/* ---- detail: coverage meter ---- */
.ins-detail { margin:14px 0 4px; display:flex; flex-direction:column; gap:12px; }
.ins-block { border:1px solid rgba(128,128,128,.22); border-radius:10px; padding:10px 12px; }
.ins-h { font-size:12px; font-weight:600; opacity:.85; margin-bottom:8px; letter-spacing:.01em; }
.ins-muted { font-size:12px; opacity:.6; }
.ins-cv-row { display:flex; align-items:center; gap:8px; margin:3px 0; font-size:12px; }
.ins-cv-l { width:34px; text-transform:uppercase; opacity:.7; font-variant:all-small-caps; }
.ins-cv-bar { flex:1; height:7px; background:rgba(128,128,128,.18); border-radius:4px; overflow:hidden; }
.ins-cv-bar > span { display:block; height:100%; background:#3b82f6; border-radius:4px; }
.ins-cv-n { width:34px; text-align:right; opacity:.7; font-variant-numeric:tabular-nums; }
.ins-cv-warn { margin-top:8px; font-size:12px; color:#b45309; background:rgba(245,158,11,.12); border-radius:8px; padding:6px 8px; }

/* ---- citation integrity chip + hover popover ---- */
.ins-cite-ok { font-size:11px; color:#15803d; }
.ins-cite-bad { font-size:11px; color:#b91c1c; }
.ins-citepop { position:absolute; z-index:9999; max-width:280px; background:#111827; color:#f9fafb;
  border-radius:8px; padding:7px 10px; font-size:12px; line-height:1.4; box-shadow:0 6px 20px rgba(0,0,0,.3); pointer-events:none; }
.ins-cp-src { display:block; font-weight:600; }
.ins-cp-ttl { display:block; opacity:.8; margin-top:2px; }

/* ---- audio "Listen" (icon button inside the share bar; base look comes from .shr-btn) ---- */
.ins-listen.on { color:#2563eb; }
.ins-listen.loading { opacity:.45; cursor:progress; }
.ins-listen.err { opacity:.4; cursor:default; }

/* brief nav link in the header */
.ins-brief-link { display:inline-flex; align-items:center; gap:5px; font-size:13px; font-weight:500;
  padding:5px 12px; border-radius:14px; border:1px solid rgba(128,128,128,.3); color:inherit;
  text-decoration:none; margin-left:8px; white-space:nowrap; }
.ins-brief-link:hover { background:rgba(128,128,128,.12); }