/* references.css
 * The reference list (AI-ONLINE-FEATURES-PLAN.md, Phase 19, feature 52).
 *
 * A bibliography entry is shown the way it will be printed — hanging indent,
 * italics where the style wants them — so what is on screen is what goes in
 * the document.
 */

.ts-reference-list { display: flex; flex-direction: column; gap: 0.9rem; margin-top: 0.75rem; }

.ts-reference {
  padding: 0.6rem 0.75rem;
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.04);
}
body.light-mode .ts-reference { background: rgba(0, 0, 0, 0.04); }

/* The hanging indent every one of these styles uses. */
.ts-reference-entry {
  margin: 0 0 0.4rem;
  padding-left: 2em;
  text-indent: -2em;
  line-height: 1.5;
}

.ts-reference-missing {
  margin: 0 0 0.4rem;
  font-size: 0.85rem;
  color: #fbbf24;
}

.ts-reference .ts-study-actions { flex-wrap: wrap; gap: 0.35rem; }

/* In the document itself, the bibliography reads as part of the document and
   takes the reader's own fonts and spacing; only the indent is ours. */
#outputContent [data-ts-bibliography] .ts-reference-entry {
  padding-left: 2em;
  text-indent: -2em;
}

@media print {
  #outputContent [data-ts-bibliography] { break-before: auto; }
  #outputContent [data-ts-bibliography] .ts-reference-entry { break-inside: avoid; }
}

/* ---- the inbox strip in My Library (AI Phase 19, feature 47) ---- */
.ts-inbox-strip {
  display: flex;
  align-items: center;
  gap: 0.6rem;
  padding: 0.5rem 0.75rem;
  margin: 0.5rem 0;
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.05);
  font-size: 0.9rem;
}
body.light-mode .ts-inbox-strip { background: rgba(0, 0, 0, 0.05); }
.ts-inbox-text { flex: 1; }
.ts-inbox-items { display: flex; flex-direction: column; gap: 0.4rem; }
.ts-inbox-item { align-items: center; gap: 0.5rem; }

/* ---- the browser extension window (AI Phase 20, feature 50) ---- */
.ts-extension-codebox { margin: 0.75rem 0; text-align: center; }

/* Read off this screen and typed into another, so it is large, spaced, and in
   a font where 0 and O cannot be confused. */
.ts-extension-code {
  margin: 0;
  font-family: ui-monospace, "Cascadia Mono", Menlo, monospace;
  font-size: 2rem;
  font-weight: 700;
  letter-spacing: 0.22em;
  user-select: all;
}

.ts-extension-list { display: flex; flex-direction: column; gap: 0.4rem; margin-top: 0.5rem; }
.ts-studio-subhead { margin: 0.6rem 0 0.2rem; font-size: 0.95rem; }