.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; line-height: 1.5; }
.document-questionnaire > label > input[type="checkbox"] { flex: 0 0 1rem; width: 1rem !important; height: 1rem !important; min-height: 0 !important; margin: 0 !important; padding: 0 !important; align-self: center; }
.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; }
}

/* Give per-answer proposals room without changing the surrounding Opportunity form layout. */
.opportunity-answer-assistance{display:grid;gap:.75rem;margin:.5rem 0 1.5rem;min-width:0}
.opportunity-answer-assistance .document-question-shortcuts{display:flex;flex-wrap:wrap;gap:.75rem}
.opportunity-answer-assistance button{border-radius:.65rem}
.opportunity-answer-assistance .prd-section-proposal:empty{display:none}

#documentQuestionsSettings .document-question-targets{display:grid;grid-template-columns:minmax(0,1fr)}
#documentQuestionsSettings .document-question-child-target{padding-left:1.5rem}

/* Match the Library tab treatment while keeping settings scope isolated. */
#documentQuestionsSettings .document-question-settings-tabs{display:flex;gap:28px;border-bottom:1px solid var(--border);margin:1rem 0 1.5rem;flex-wrap:wrap}
#documentQuestionsSettings .document-question-settings-tabs button{position:relative;background:transparent;border:0;border-radius:0;padding:.75rem 0;color:var(--muted);font:inherit;font-weight:700;cursor:pointer}
#documentQuestionsSettings .document-question-settings-tabs button[aria-selected=true]{color:var(--blue)}
#documentQuestionsSettings .document-question-settings-tabs button[aria-selected=true]::after{content:'';position:absolute;bottom:-1px;left:0;right:0;height:3px;background:currentColor;border-radius:5px}
#documentQuestionsSettings .document-question-settings-tabs button:focus-visible{outline:2px solid var(--blue);outline-offset:4px}

#documentQuestionsSettings .document-ai-defaults-scroll{overflow:auto;max-height:70vh;max-width:100%;margin-top:1rem}
#documentQuestionsSettings .document-ai-defaults-scroll table{border-collapse:collapse;min-width:100%;font-size:12px}
#documentQuestionsSettings .document-ai-defaults-scroll th,#documentQuestionsSettings .document-ai-defaults-scroll td{padding:.7rem;border:1px solid var(--border);background:var(--surface);color:var(--ink)}
#documentQuestionsSettings .document-ai-defaults-scroll th[scope=row]{min-width:280px;max-width:420px;text-align:left;font-weight:500}
#documentQuestionsSettings .document-ai-defaults-scroll thead th{position:sticky;top:0;z-index:1;min-width:140px}
#documentQuestionsSettings .document-ai-defaults-scroll td{text-align:center}
#documentQuestionsSettings .document-ai-defaults-scroll input{width:22px;height:22px;accent-color:var(--blue)}
#documentQuestionsSettings .document-ai-defaults-group{text-align:left;font-weight:700}
#documentQuestionsSettings .document-question-settings-tabs{border-bottom-color:var(--line,#d8e0ea)}
#documentQuestionsSettings .document-ai-defaults-scroll{border:1px solid var(--line,#d8e0ea);border-radius:.5rem;isolation:isolate}
#documentQuestionsSettings .document-ai-defaults-scroll th,#documentQuestionsSettings .document-ai-defaults-scroll td{border:1px solid var(--line,#d8e0ea)}
#documentQuestionsSettings .document-ai-defaults-scroll tbody th[scope=row]{position:sticky;left:0;z-index:1;box-shadow:1px 0 var(--line,#d8e0ea)}
#documentQuestionsSettings .document-ai-defaults-scroll thead th{z-index:3;background:var(--quiet,#f1f4f8)}
#documentQuestionsSettings .document-ai-defaults-scroll thead th:first-child{left:0;z-index:4}
#documentQuestionsSettings .document-ai-defaults-scroll .document-ai-defaults-group{background:var(--quiet,#f1f4f8);padding:.85rem .7rem;border-top:2px solid var(--line,#d8e0ea)}
html[data-theme=dark] #documentQuestionsSettings .document-ai-defaults-scroll :is(thead th,.document-ai-defaults-group){background:#253348;color:var(--ink)}