.document-questionnaire { margin-block: 1.5rem; padding: 1rem; border: 1px solid var(--border, #64748b); border-radius: .75rem; min-width: 0; }
.document-questionnaire > label { display: flex; align-items: center; gap: .6rem; }
.document-questionnaire input[type="checkbox"] { width: auto; }
.document-questionnaire details { margin-block: .8rem; padding: .75rem; border: 1px solid var(--border, #64748b); border-radius: .5rem; }
.document-questionnaire summary { cursor: pointer; font-weight: 600; }
.document-questionnaire details label { display: block; margin-block: 1rem .4rem; }
.document-questionnaire textarea { display: block; box-sizing: border-box; width: 100%; margin-top: .4rem; resize: vertical; }
.document-question-shortcuts { display: flex; flex-wrap: wrap; gap: .5rem; margin-bottom: 1rem; }
.document-questionnaire details > button { margin: .35rem; }
.document-questionnaire p { white-space: pre-wrap; overflow-wrap: anywhere; }

/* Use the same card icon/content columns and roomy editor treatment as Custom Prompts. */
#documentQuestionsSettings { padding: clamp(1.25rem, 3vw, 2rem); box-sizing: border-box; }
#documentQuestionsSettings > h1 { margin: 0 0 1rem; }
#documentQuestionsSettings > a.button { display: inline-flex; margin: 0; }
#documentQuestionsSettings > p { max-width: 75ch; margin-block: 1rem; line-height: 1.6; }
#documentQuestionsSettings .runtime-status:empty { display: none; }
#documentQuestionsSettings .actions { display: flex; flex-wrap: wrap; gap: .75rem; }
#documentQuestionsSettings .document-question-settings-list { display: grid; gap: 1rem; margin-block: 1.5rem; }
#documentQuestionsSettings .document-question-settings-list:empty { margin-block: 1rem; }
#documentQuestionsSettings .settings-section { display: flex; flex-wrap: wrap; align-items: center; gap: .75rem; padding: 1rem; }
#documentQuestionsSettings .settings-section > strong { flex: 1 1 100%; overflow-wrap: anywhere; }
#documentQuestionsSettings .settings-section > p { flex: 1 1 16rem; margin: 0; color: var(--muted); overflow-wrap: anywhere; }
#documentQuestionsSettings .document-question-settings-editor { display: grid; gap: 1.25rem; max-width: 800px; padding: clamp(1rem, 2.5vw, 1.5rem); border: 1px solid var(--appearance-line, #b8c8dc); border-radius: .8rem; background: var(--appearance-surface, #fff); }
#documentQuestionsSettings .document-question-settings-editor h2 { margin: 0; font-size: 1.2rem; }
#documentQuestionsSettings label { display: grid; gap: .5rem; font-weight: 600; min-width: 0; }
#documentQuestionsSettings label:has(input[type="checkbox"]) { display: flex; align-items: center; gap: .65rem; }
#documentQuestionsSettings input[type="checkbox"] { flex: 0 0 auto; width: 1.1rem; height: 1.1rem; margin: 0; }
#documentQuestionsSettings input:not([type="checkbox"]), #documentQuestionsSettings textarea { width: 100%; min-width: 0; box-sizing: border-box; padding: .75rem; color: var(--appearance-ink, #172b4d); background: var(--appearance-input, var(--appearance-surface, #fff)); border: 1px solid var(--appearance-line, #b8c8dc); border-radius: .65rem; font: inherit; }
#documentQuestionsSettings textarea { min-height: 8rem; resize: vertical; }
#documentQuestionsSettings .document-question-targets { display: flex; flex-wrap: wrap; gap: 1rem 1.5rem; margin: 0; padding: 1rem; min-width: 0; border: 1px solid var(--appearance-line, #b8c8dc); border-radius: .65rem; }
#documentQuestionsSettings legend { padding-inline: .35rem; font-weight: 600; }
/* Share the input row with the checkbox; the order caption occupies its own row. */
#documentQuestionsSettings .document-question-settings-options { display: grid; grid-template-columns: minmax(0, max-content) minmax(0, 10rem); align-items: center; gap: .5rem 2rem; }
#documentQuestionsSettings .document-question-settings-options > label:first-child { grid-column: 1; grid-row: 2; }
#documentQuestionsSettings .document-question-settings-options > label:nth-child(2) { grid-column: 2; grid-row: 1; }
#documentQuestionsSettings .document-question-settings-options > input { grid-column: 2; grid-row: 2; }
#documentQuestionsSettings :is(input, textarea, button, a):focus-visible { outline: 2px solid var(--appearance-link, #175cd3); outline-offset: 3px; }
@media (max-width: 480px) {
  #documentQuestionsSettings .document-question-targets { flex-direction: column; }
  #documentQuestionsSettings .document-question-settings-options { grid-template-columns: minmax(0, 1fr); }
  #documentQuestionsSettings .document-question-settings-options > label:first-child { grid-column: 1; grid-row: 1; margin-bottom: .5rem; }
  #documentQuestionsSettings .document-question-settings-options > label:nth-child(2) { grid-column: 1; grid-row: 2; }
  #documentQuestionsSettings .document-question-settings-options > input { grid-column: 1; grid-row: 3; max-width: 10rem; }
}