/* Research & Documentation lab: what the research apps add on top of the
   Windows lab's win.css and the Remote Desktop lab's remote.css (the panes,
   the ticket table, the chat and the task panel come from there). */

/* which ticket the search belongs to */
.rs-ctx { font-size: 12px; color: var(--w-ink-dim, #98a1ad); margin: -4px 0 8px; padding: 5px 10px; border-radius: 8px; background: rgba(255,255,255,.05); border: 1px solid rgba(255,255,255,.08); }
.rs-ctx b { color: var(--w-ink, #e9edf2); }

/* a found page: title, who/when/version, the snippet, and the "use" button */
.src { margin: 8px 0; padding: 10px 12px; border-radius: 10px; background: var(--w-card2, rgba(255,255,255,.05)); border: 1px solid rgba(255,255,255,.1); }
.src.ok { border-left: 3px solid #30d158; }
.src-h b { display: block; font-size: 14px; cursor: pointer; color: #6cb6ff; }
.src-h b:hover { text-decoration: underline; }
.src-m { display: block; font-size: 11.5px; color: var(--w-ink-dim, #98a1ad); margin: 2px 0 6px; }
.src-m i { font-style: normal; color: #ffd60a; }
.src-b { font-size: 13px; line-height: 1.5; margin-bottom: 6px; }
.src .btns { margin-top: 4px; }

/* the article editor: a source to tick */
.rd-pane .kv.art dd, .rd-pane .kv.sqlb dd { display: block; text-align: left; }
.art dd textarea { width: 100%; box-sizing: border-box; }
.src-pick { display: flex; gap: 8px; align-items: flex-start; font-size: 13px; padding: 4px 0; text-align: left; }
.rd-pane .src-pick input, .rd-pane .sqlb input[type="checkbox"] { width: auto; min-width: 0; margin: 3px 0 0; padding: 0; flex: 0 0 auto; }
.src-pick small { display: block; color: var(--w-ink-dim, #98a1ad); font-size: 11.5px; }

/* the AI assistant: the log, with its private data marked, and the answer */
.ai-log { font: 11.5px/1.5 Consolas, monospace; white-space: pre-wrap; max-height: 150px; overflow: auto; padding: 8px 10px; border-radius: 8px; background: #0b0d10; border: 1px solid rgba(255,255,255,.1); }
.ai-log mark { background: rgba(255,69,58,.35); color: #ffb4ae; border-radius: 3px; padding: 0 2px; }
.ai-ans { padding: 10px 12px; border-radius: 10px; background: rgba(138,212,255,.08); border: 1px solid rgba(138,212,255,.25); font-size: 13.5px; line-height: 1.6; }
.ai-ans code { background: rgba(255,255,255,.1); padding: 1px 5px; border-radius: 4px; }
.ai-ans small { display: block; margin-top: 6px; color: var(--w-ink-dim, #98a1ad); }

/* the query builder */
.sqlb dd label { display: inline-flex; gap: 6px; align-items: center; margin-right: 14px; font-size: 13px; }
.sqlb select { font: inherit; font-size: 13px; padding: 4px 6px; border-radius: 6px; background: var(--w-card2, #1c1f26); color: var(--w-ink, #e9edf2); border: 1px solid rgba(255,255,255,.18); }
pre.sql { font: 12.5px/1.6 Consolas, monospace; padding: 8px 12px; border-radius: 8px; background: #0b0d10; border: 1px solid rgba(255,255,255,.1); white-space: pre-wrap; }

/* a prompt to pick */
.radio { display: flex; gap: 10px; align-items: flex-start; padding: 8px 10px; border-radius: 8px; cursor: pointer; font-size: 13px; line-height: 1.45; }
.radio:hover { background: rgba(255,255,255,.05); }
.radio i { flex: 0 0 14px; width: 14px; height: 14px; margin-top: 3px; border-radius: 50%; border: 2px solid rgba(255,255,255,.4); }
.radio.on i { border-color: #0a84ff; background: radial-gradient(#0a84ff 45%, transparent 50%); }

html.embed .ai-log, html.embed pre.sql { background: #f5f5f7; color: #1d1d1f; border-color: rgba(0,0,0,.12); }
html.embed .src-h b { color: #0066cc; }