/* notes.css · panel catatan pembicara (N). Milik agen F.
   Selalu gelap agar terbaca di scene terang maupun gelap. Teks catatan 16 px (Master Brief §7).
   Jendela presenter (P) memakai gaya sebaris di engine.js karena dibuka sebagai about:blank. */
.catatan {
  position: fixed; left: 16px; bottom: 16px; z-index: 70;
  width: min(480px, calc(100vw - 32px)); max-height: 62vh; overflow: auto;
  padding: 16px 18px; border-radius: 12px;
  background: rgba(13, 17, 23, .97); border: 1px solid rgba(245, 158, 11, .45);
  color: var(--text-primary); font-size: 16px; line-height: 1.55;
  box-shadow: 0 18px 40px -12px rgba(0, 0, 0, .6);
}
.catatan[hidden] { display: none; }
.np__meta { display: flex; justify-content: space-between; gap: 12px; margin: 0 0 10px; font-size: 13px; color: var(--text-secondary); }
.np__meta b { color: var(--accent); font-weight: 600; }
.np__text p { margin: 0 0 8px; }
.np__text ul { margin: 0; padding-left: 18px; }
.np__text li { margin-bottom: 6px; }
.np__text b { color: var(--accent-soft); font-weight: 600; }
.np__blok { margin-bottom: 12px; }
.np__no { display: block; font-size: 13px; color: var(--text-muted); }
.np__empty { color: var(--text-muted); }
.np__next { margin: 12px 0 0; padding-top: 10px; border-top: 1px solid rgba(139, 148, 158, .25); font-size: 14px; color: var(--text-secondary); }
.np__next span { display: block; font-size: 13px; font-weight: 600; color: var(--accent); }
.np__keys { margin: 10px 0 0; font-size: 13px; color: var(--text-muted); }
template.notes, .notes { display: none; }