/* imports: styles of this feature only */

/* The viewer's stage for a passage of a document, spreadsheet or web page, and for a recording. */
.doc-stage, .audio-stage { background: var(--card); border: 1px solid var(--line); border-radius: 8px; padding: 12px 14px; display: grid; gap: 8px; justify-items: start; }
.doc-where { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; min-width: 0; }
.doc-where strong { color: var(--cite); }
.doc-where .tiny { color: var(--ink-3); }
.doc-crumbs { font-family: var(--serif); font-size: 14px; color: var(--ink-2); display: flex; flex-wrap: wrap; gap: 4px; overflow-wrap: anywhere; }
.doc-crumbs > * + *::before { content: "›"; margin-right: 4px; color: var(--ink-3); font-weight: 400; }
.audio-stage audio { display: block; width: 100%; }

/* The Library: a link next to the file picker; the log keeps its lines. */
.drop .log { white-space: pre-wrap; }
.drop .link-row { display: flex; gap: 8px; justify-content: center; margin: 10px auto 0; max-width: 520px; }
.drop .link-row input { flex: 1; min-width: 0; padding: 7px 10px; border: 1px solid var(--line-2); border-radius: 8px; background: var(--card); }

/* The chat: a link being added. */
.msg.link-import a { color: var(--indigo); overflow-wrap: anywhere; }
.drop > svg { width: 26px; height: 26px; color: var(--ink-3); }