/* Ask your documents. Logical properties throughout so the page also lays out right-to-left. */
.ask-grid { display: grid; grid-template-columns: minmax(260px, 340px) minmax(0, 1fr); gap: 16px; align-items: start; }
.ask-side > .card, .ask-main > .card { margin: 0 0 16px; }
@media (max-width: 860px) { .ask-grid { grid-template-columns: minmax(0, 1fr); } }
.ask-drop { border: 2px dashed var(--ink-300, #9aa3b2); border-radius: 8px; padding: 14px; text-align: center; color: var(--ink-500); font-size: 13px; margin-block-end: 12px; }
.ask-check label { display: flex; gap: 8px; align-items: flex-start; font-weight: 400; font-size: 13px; }
.ask-uploads, .ask-docs, .ask-conv-list, .ask-cites, .ask-fig-list { list-style: none; margin: 0; padding: 0; }
.ask-up { font-size: 13px; padding-block: 4px; overflow-wrap: anywhere; }
.ask-up-error { color: var(--status-bad, #b42318); }
.ask-up progress { inline-size: 100%; block-size: 8px; display: block; }
.ask-doc { display: flex; gap: 8px; padding-block: 10px; border-block-start: 1px solid var(--ink-100, #e4e7ec); }
.ask-doc-main { min-inline-size: 0; flex: 1; overflow-wrap: anywhere; }
.ask-doc-meta, .ask-doc-state { font-size: 12.5px; color: var(--ink-500); }
.ask-doc-failed .ask-doc-state { color: var(--status-bad, #b42318); }
.ask-warnings { margin: 4px 0 0; padding-inline-start: 18px; font-size: 12.5px; color: var(--status-warn); }
.ask-doc-actions { display: flex; flex-wrap: wrap; gap: 6px; margin-block-start: 6px; }
.ask-conv { display: flex; flex-direction: column; align-items: flex-start; inline-size: 100%; text-align: start; background: none; border: 0; border-block-end: 1px solid var(--ink-100, #e4e7ec); padding: 8px 4px; cursor: pointer; font: inherit; color: inherit; }
.ask-conv:hover, .ask-conv:focus-visible { background: var(--surface-2, #f4f6f9); }
.ask-conv-on { font-weight: 600; background: var(--surface-2, #f4f6f9); }
.ask-conv-time { font-size: 12px; color: var(--ink-500); font-weight: 400; }
.ask-thread-head { display: flex; flex-wrap: wrap; gap: 8px; align-items: center; justify-content: space-between; margin-block-end: 8px; }
.ask-thread-actions { display: flex; gap: 6px; flex-wrap: wrap; }
.ask-log { max-block-size: 60vh; overflow-y: auto; padding-block: 8px; }
.ask-msg { border-radius: 8px; padding: 10px 12px; margin-block-end: 10px; }
.ask-user { background: var(--surface-2, #f4f6f9); margin-inline-start: 24px; }
.ask-bot { border: 1px solid var(--ink-100, #e4e7ec); margin-inline-end: 24px; }
.ask-who { margin: 0 0 4px; font-size: 12.5px; font-weight: 600; color: var(--ink-600, #475467); }
.ask-chip { display: inline-block; margin-inline-start: 6px; padding: 1px 8px; border-radius: 10px; background: var(--surface-2, #f4f6f9); font-weight: 500; }
.ask-not_found .ask-chip, .ask-no_documents .ask-chip, .ask-refused .ask-chip { background: var(--status-warn-bg); color: var(--status-warn); }
.ask-text { margin: 0 0 8px; white-space: pre-wrap; overflow-wrap: anywhere; }
.ask-cite { margin-block: 10px; }
.ask-quote { margin: 0; padding: 8px 12px; border-inline-start: 4px solid var(--brand-600, #1d4ed8); background: var(--surface-2, #f4f6f9); overflow-wrap: anywhere; white-space: pre-wrap; }
.ask-quote mark { background: #ffe58a; color: inherit; padding: 0 1px; border-radius: 2px; }
.ask-source { margin: 6px 0 0; font-size: 13px; }
.ask-source-name { font-weight: 600; }
.ask-match, .ask-class { color: var(--ink-500); font-size: 12.5px; }
.ask-class { margin: 4px 0 0; }
.ask-how { font-size: 12.5px; margin-block-start: 6px; color: var(--ink-500); }
.ask-composer { margin-block-start: 8px; }
.ask-composer textarea, #ask-rename { inline-size: 100%; }
.ask-passages { padding-inline-start: 24px; }
.ask-passage { padding: 6px 8px; margin-block: 4px; border-radius: 4px; overflow-wrap: anywhere; white-space: pre-wrap; }
.ask-focus { background: #fff3c4; outline: 2px solid #c79a00; }
.ask-loc { font-weight: 600; color: var(--ink-600, #475467); }
.ask-pager { display: flex; gap: 8px; flex-wrap: wrap; margin-block-start: 8px; }
.ask-fig-list li { padding-block: 6px; border-block-end: 1px solid var(--ink-100, #e4e7ec); overflow-wrap: anywhere; }
.ask-limits { margin-block-start: 16px; font-size: 13px; }
@media (prefers-color-scheme: dark) { .ask-quote mark { background: #6b5600; color: #fff; } .ask-focus { background: #4a3d00; outline-color: #e0b400; } }