/* ========================================================================
   ContractLab — Draft & Advise / AI Critique
   ======================================================================== */

.dt-header, .ai-header { background: var(--navy); color: var(--white); padding: var(--sp-7) 0; }
.dt-header .eyebrow, .ai-header .eyebrow { color: var(--brass-light); }
.dt-header h1, .ai-header h1 { color: var(--white); font-size: var(--fs-2xl); }
.dt-header p, .ai-header p { color: rgba(246,241,231,0.8); max-width: 62ch; margin-bottom: 0; }

.recipient-toggle { display: flex; gap: var(--sp-3); margin: var(--sp-5) 0; flex-wrap: wrap; }
.recipient-btn {
  background: rgba(255,255,255,0.08); color: rgba(246,241,231,0.85);
  border: 1px solid rgba(255,255,255,0.2); padding: var(--sp-3) var(--sp-4);
  border-radius: var(--radius-md); font-size: var(--fs-sm); font-weight: 600; text-align: left;
  max-width: 320px;
}
.recipient-btn.active { background: var(--brass); color: var(--navy-deep); border-color: var(--brass); }
.recipient-btn small { display: block; font-weight: 400; margin-top: 4px; opacity: 0.85; }

.scaffold-field { margin-bottom: var(--sp-5); }
.scaffold-field label { display: block; font-weight: 600; color: var(--navy); margin-bottom: 2px; }
.scaffold-hint { font-size: var(--fs-xs); color: var(--ink-faint); margin-bottom: var(--sp-2); }
.scaffold-field textarea {
  width: 100%; font-family: var(--font-body); font-size: var(--fs-sm);
  border: 1px solid var(--parchment-line); border-radius: var(--radius-sm);
  padding: var(--sp-3); min-height: 70px; resize: vertical;
}

.rubric-note {
  background: var(--parchment-dark); border-left: 3px solid var(--brass);
  padding: var(--sp-4); border-radius: var(--radius-sm); font-size: var(--fs-sm); margin-top: var(--sp-6);
}

/* AI Critique */
.ai-answer-box {
  background: var(--navy-deep); color: var(--white); border-radius: var(--radius-md);
  padding: var(--sp-5); margin-bottom: var(--sp-6); position: relative;
}
.ai-answer-box .eyebrow { color: var(--brass-light); display: block; margin-bottom: var(--sp-2); }
.ai-answer-box p { color: rgba(246,241,231,0.92); font-family: var(--font-display); font-style: italic; font-size: var(--fs-md); margin: 0; }

.ai-q-block { margin-bottom: var(--sp-6); }
.ai-q-block h4 { font-size: var(--fs-md); margin-bottom: var(--sp-2); }
.ai-q-block textarea {
  width: 100%; font-family: var(--font-body); font-size: var(--fs-sm);
  border: 1px solid var(--parchment-line); border-radius: var(--radius-sm);
  padding: var(--sp-3); min-height: 60px; resize: vertical; margin-bottom: var(--sp-2);
}