/* ═══════════════════════════════════════════════════════════════
   citeOS · embedded product dashboards (showcase slots)
   Faithful CSS recreations of the real tools:
   · Periscop3 live AI scan feed (aeo.emergencemedia.agency)
   · PR Intelligence scored-package builder (emergencemedia.agency/PR-intelligence)
   Dark theme to sit inside the .shot mockup chrome.
   ═══════════════════════════════════════════════════════════════ */

.shot-dash{background:#0b0a07;height:430px;overflow:hidden;display:flex;flex-direction:column;font-family:var(--d);color:var(--on-ink);}
.sd-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 18px;border-bottom:1px solid rgba(246,244,239,.07);font-family:var(--m);font-size:10px;letter-spacing:.6px;color:var(--on-ink-2);text-transform:uppercase;flex-shrink:0;}
.sd-head .live{display:inline-flex;align-items:center;gap:6px;color:var(--lime);}
.sd-head .live::before{content:'';width:6px;height:6px;border-radius:50%;background:var(--lime);box-shadow:0 0 0 0 rgba(200,238,63,.7);animation:pulseChip 2.2s infinite;}
.sd-body{padding:16px 18px;display:flex;flex-direction:column;gap:11px;flex:1;min-height:0;}

/* ── shared mono label ── */
.sd-lbl{font-family:var(--m);font-size:9.5px;letter-spacing:1.2px;text-transform:uppercase;color:var(--on-ink-3);}

/* ════ AI SCAN (Periscop3 live feed) ════ */
.ai-strip{display:flex;align-items:center;gap:8px;font-family:var(--m);font-size:9.5px;letter-spacing:.6px;text-transform:uppercase;color:var(--on-ink-2);}
.ai-eng{background:var(--lime);color:var(--p);font-weight:700;padding:3px 7px;border-radius:3px;letter-spacing:.5px;}
.ai-int{margin-left:auto;color:var(--lime);}
.ai-prompt{background:rgba(246,244,239,.04);border-left:2px solid rgba(246,244,239,.2);padding:12px 14px;border-radius:0 6px 6px 0;}
.ai-prompt .q{font-size:9.5px;font-family:var(--m);letter-spacing:1px;text-transform:uppercase;color:var(--on-ink-3);margin-bottom:6px;}
.ai-prompt .t{font-size:14px;font-weight:500;color:var(--on-ink);line-height:1.35;}
.ai-ans{background:rgba(200,238,63,.04);border:1px solid rgba(200,238,63,.16);border-radius:8px;padding:12px 14px;}
.ai-ans .eng{font-family:var(--m);font-size:9.5px;letter-spacing:1px;text-transform:uppercase;color:var(--lime);margin-bottom:9px;display:flex;justify-content:space-between;}
.ai-row{display:flex;align-items:center;gap:10px;padding:5px 0;font-size:13px;color:var(--on-ink);}
.ai-row .n{font-family:var(--m);font-size:11px;color:var(--on-ink-2);width:16px;}
.ai-row .star{color:var(--lime);margin-left:auto;font-size:11px;}
.ai-you{display:flex;align-items:center;gap:10px;margin-top:8px;padding-top:10px;border-top:1px dashed rgba(196,83,79,.4);font-size:13px;color:#e8908d;font-weight:600;}
.ai-you .badge{margin-left:auto;font-family:var(--m);font-size:10px;background:rgba(196,83,79,.14);border:1px solid rgba(196,83,79,.4);color:#e8908d;padding:3px 8px;border-radius:3px;letter-spacing:.5px;}
.ai-foot{display:flex;gap:7px;margin-top:auto;}
.ai-phase{flex:1;height:4px;border-radius:3px;background:rgba(246,244,239,.08);overflow:hidden;}
.ai-phase i{display:block;height:100%;background:var(--lime);}

/* ════ PR PACKAGE BUILDER (PR Intelligence) ════ */
.pr-strat{display:flex;gap:6px;flex-wrap:wrap;}
.pr-chip{font-family:var(--m);font-size:10px;letter-spacing:.6px;text-transform:uppercase;padding:5px 10px;border-radius:100px;border:1px solid rgba(246,244,239,.14);color:var(--on-ink-2);}
.pr-chip.on{background:var(--lime);color:var(--p);border-color:var(--lime);font-weight:700;}
.pr-list{display:flex;flex-direction:column;gap:7px;}
.pr-outlet{display:flex;align-items:center;gap:12px;background:rgba(246,244,239,.04);border:1px solid rgba(246,244,239,.06);border-left:2px solid var(--lime);border-radius:0 6px 6px 0;padding:9px 13px;}
.pr-outlet .nm{font-size:13px;font-weight:600;color:var(--on-ink);}
.pr-outlet .meta{font-family:var(--m);font-size:9.5px;color:var(--on-ink-3);letter-spacing:.3px;margin-top:2px;}
.pr-outlet .gn{font-family:var(--m);font-size:9px;color:var(--lime);background:rgba(200,238,63,.08);border:1px solid rgba(200,238,63,.22);padding:3px 6px;border-radius:3px;letter-spacing:.5px;margin-left:auto;white-space:nowrap;}
.pr-outlet .score{font-family:var(--d);font-size:20px;font-weight:700;color:var(--lime);letter-spacing:-1px;min-width:34px;text-align:right;}
.pr-perf{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:rgba(246,244,239,.08);border-radius:6px;overflow:hidden;margin-top:auto;}
.pr-perf .cell{background:#0b0a07;padding:10px 12px;}
.pr-perf .v{font-family:var(--d);font-size:18px;font-weight:700;color:var(--on-ink);letter-spacing:-.6px;line-height:1;}
.pr-perf .v.lime{color:var(--lime);}
.pr-perf .l{font-family:var(--m);font-size:8.5px;color:var(--on-ink-3);letter-spacing:.6px;text-transform:uppercase;margin-top:5px;line-height:1.3;}

/* ════ CONTENT ATTRIBUTION (how surfaces feed citations) ════ */
.ct-attr{display:flex;flex-direction:column;gap:9px;}
.ct-src{display:flex;align-items:center;gap:11px;}
.ct-src .ico{width:30px;height:30px;border-radius:7px;display:grid;place-items:center;flex-shrink:0;background:rgba(246,244,239,.06);border:1px solid rgba(246,244,239,.1);}
.ct-src .ico svg{width:16px;height:16px;display:block;}
.ct-src .nm{font-size:12.5px;color:var(--on-ink);font-weight:600;min-width:104px;flex-shrink:0;}
.ct-src .nm small{display:block;font-family:var(--m);font-size:8.5px;color:var(--on-ink-3);font-weight:400;letter-spacing:.4px;margin-top:1px;text-transform:uppercase;}
.ct-src .track{flex:1;height:8px;background:rgba(246,244,239,.07);border-radius:5px;overflow:hidden;}
.ct-src .track i{display:block;height:100%;border-radius:5px;background:linear-gradient(90deg,#16513a,var(--lime));width:100%;transform:scaleX(0);transform-origin:left;transition:transform 1.1s cubic-bezier(.2,.7,.2,1);}
.reveal.in .ct-src .track i{transform:scaleX(var(--w));}
.ct-src .ct-n{font-family:var(--d);font-size:17px;font-weight:700;color:var(--lime);letter-spacing:-.6px;min-width:30px;text-align:right;}
.ct-merge{display:flex;align-items:center;gap:10px;margin-top:auto;padding-top:13px;border-top:1px solid rgba(246,244,239,.08);}
.ct-merge .arr{font-family:var(--m);font-size:11px;color:var(--on-ink-3);}
.ct-merge .out{flex:1;background:rgba(200,238,63,.06);border:1px solid rgba(200,238,63,.18);border-radius:7px;padding:9px 13px;display:flex;align-items:center;gap:10px;}
.ct-merge .out .t{font-size:12.5px;color:var(--on-ink);font-weight:500;}
.ct-merge .out .v{margin-left:auto;font-family:var(--d);font-size:22px;font-weight:700;color:var(--lime);letter-spacing:-1px;}
.ct-shape-row{display:flex;gap:6px;flex-wrap:wrap;}
.ct-tag{font-family:var(--m);font-size:9px;color:var(--on-ink-2);border:1px solid rgba(246,244,239,.14);padding:4px 8px;border-radius:100px;letter-spacing:.4px;}
.ct-tag b{color:var(--lime);font-weight:700;}

@media (max-width:980px){
  .shot-dash{height:340px;}
  .pr-perf{grid-template-columns:repeat(2,1fr);}
}