.client-answer-dock { width: min(800px, 100%); padding: 14px; }
.client-navigation-list { display: grid; gap: 10px; }
.client-navigation-row { width: 100%; min-height: 68px; padding: 12px 14px; border: 1px solid var(--border-soft); border-radius: var(--radius-md); background: transparent; color: var(--text-body); display: grid; grid-template-columns: minmax(0, 1fr) 18px; align-items: center; gap: 16px; cursor: pointer; text-align: left; transition: border-color 180ms ease, background-color 180ms ease; }
.client-navigation-row:hover { border-color: oklch(0.72 0.035 250); background: oklch(0.975 0.004 248); }
.client-navigation-row strong { display: block; color: var(--text-strong); font-size: 13px; font-weight: 560; }
.client-navigation-row small { display: block; margin-top: 3px; color: var(--text-muted); font-size: 11px; line-height: 1.5; }
.client-navigation-row svg { width: 16px; height: 16px; color: var(--text-muted); }
.client-node { padding: 2px 4px; }
.client-node__fields { min-width: 0; }
.client-node__heading { margin-bottom: 8px; }
.client-node__heading strong { color: var(--text-strong); font-size: 14px; font-weight: 590; }
.client-node__heading p { margin: 4px 0 0; color: var(--text-muted); font-size: 12px; }
.client-field { min-height: 50px; display: grid; grid-template-columns: 88px minmax(220px, 460px) max-content; align-items: center; justify-content: start; column-gap: 12px; padding: 5px 0; }
.client-field--without-control { grid-template-columns: 88px minmax(220px, 460px); }
.client-field > label { color: var(--text-strong); font-size: 13px; font-weight: 550; }
.client-field input, .client-field textarea { width: 100%; padding: 4px 2px 2px; border: 0; border-bottom: 1px solid var(--border-input); border-radius: 0; background: transparent; color: var(--text-strong); font-size: 13px; outline: 0; }
.client-field input { height: 32px; }
.client-field textarea { height: 34px; min-height: 34px; max-height: 68px; resize: none; line-height: 1.45; }
.client-field input:focus, .client-field textarea:focus { border-bottom-color: var(--accent-strong); }
.client-field input::placeholder, .client-field textarea::placeholder { color: var(--v2-text-placeholder); opacity: 1; }
.client-field-error { grid-column: 2; margin: -4px 0 0; color: var(--danger); font-size: 11px; }
.client-field .profile-permission-switch { margin-left: 8px; }
.client-node__actions { min-height: 52px; margin-top: 6px; display: flex; align-items: center; justify-content: flex-end; gap: 10px; }
.visibility-choice { min-height: 64px; display: grid; grid-template-columns: minmax(220px, 420px) max-content; justify-content: start; align-items: center; gap: 12px; padding: 8px 2px; }
.visibility-choice + .visibility-choice { margin-top: 2px; }
.visibility-copy strong { display: block; color: var(--text-strong); font-size: 13px; font-weight: 550; }
.visibility-copy small { display: block; margin-top: 2px; color: var(--text-muted); font-size: 11px; }
.privacy-value { color: var(--text-muted); font-size: 11px; }
.client-review { padding: 2px 4px; }
.client-review dl { margin: 12px 0 0; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px 22px; }
.client-review dt { color: var(--text-muted); font-size: 11px; }
.client-review dd { margin: 4px 0 0; color: var(--text-strong); font-size: 13px; line-height: 1.55; }
.client-review__boundary { margin: 16px 0 0; color: var(--text-muted); font-size: 12px; line-height: 1.6; }
.client-complete { padding: 5px 4px; }
.client-complete h2 { margin: 0; color: var(--text-strong); font-size: 17px; font-weight: 600; }
.client-complete p { max-width: 620px; margin: 7px 0 0; color: var(--text-muted); font-size: 13px; line-height: 1.65; }
.client-complete__actions { margin-top: 18px; display: flex; justify-content: flex-end; }
.client-complete .primary-button { display: inline-flex; align-items: center; justify-content: center; text-decoration: none; }
@media (max-width: 820px) {
  .conversation-region:has(.client-answer-dock) { grid-template-rows: auto minmax(86px, 1fr) minmax(0, min(440px, 52dvh)); }
  .conversation-region:has(.client-navigation-list) { grid-template-rows: auto minmax(86px, 1fr) auto; }
  .answer-stack:has(.client-answer-dock) { height: auto; min-height: 0; align-self: stretch; overflow: hidden; }
  .answer-stack:has(.client-navigation-list) { height: auto; align-self: end; overflow: visible; }
  .client-answer-dock:has(.client-node) { height: 100%; min-height: 0; overflow: hidden; }
  .client-node { height: 100%; min-height: 0; display: grid; grid-template-rows: auto minmax(0, 1fr) auto; }
  .client-node__fields { min-height: 0; overflow-y: auto; overscroll-behavior: contain; }
  .client-field { grid-template-columns: 1fr; gap: 3px; }
  .client-field--without-control { grid-template-columns: 1fr; }
  .client-field .profile-permission-switch { margin-left: 0; }
  .client-field-error { grid-column: 1; margin-top: 0; }
  .client-review dl { grid-template-columns: 1fr; gap: 12px; }
  .client-node__actions { align-items: stretch; flex-direction: column-reverse; }
  .client-node__actions .primary-button, .client-node__actions .secondary-button { width: 100%; }
  .client-complete__actions { align-items: stretch; }
  .client-complete .primary-button { width: 100%; }
}