/* Surety bond request — the few elements the shared intake chrome doesn't cover.
   bonds.html loads styles.css + intake.css first; everything else (panes, fields,
   .two grid, .yesno, .checks, .qcard repeater, .summary-box, .consent-check,
   .pane-foot, .spinner, .done-wrap) is inherited from those. */

/* Producer license identity below the card. .foot-license is defined in
   styles.css for the dark homepage footer, so re-colour it for a light page. */
.intake-foot{padding:0 20px 40px;text-align:center}
.intake-foot .foot-license{margin:0 auto;max-width:760px;color:#6d7c96}

/* Save-and-resume banner, shown only when arriving from an emailed link. */
.resume-note{margin:0 0 18px;padding:11px 14px;border-radius:10px;
  background:rgba(253,185,19,.12);border:1px solid rgba(253,185,19,.45);
  color:var(--navy);font-size:14px;font-weight:600}
.resume-note.bad{background:rgba(200,40,40,.08);border-color:rgba(200,40,40,.35);color:#8d2020}

/* Document checklist. Each row is one requested item: a label, a picker, and an
   "I don't have this" escape that logs a follow-up instead of blocking. */
.doc-list{display:flex;flex-direction:column;gap:14px;margin-top:6px}
.doc-row{padding:14px;border:1px solid var(--silver-1);border-radius:12px;background:var(--panel)}
.doc-row>label:first-child{display:block;font-weight:600;font-size:14.5px;margin-bottom:8px;color:var(--navy)}
.doc-row input[type=file]{display:block;width:100%;font-size:13.5px;color:#4a5568}
.doc-row .hint{margin:6px 0 0;min-height:1em}
.doc-na{display:flex;align-items:center;gap:8px;margin-top:10px;font-size:13.5px;
  color:#5a6478;cursor:pointer}
.doc-na input{width:16px;height:16px;flex:0 0 auto;cursor:pointer}

/* Plain-language recap above the consent boxes. Never shows path, route, or flags. */
.sum-row{padding:5px 0;font-size:14.5px;line-height:1.5}
.sum-row b{color:var(--navy)}

/* "Add another owner" sits between the repeater and the indemnity questions. */
.btn-add{margin:4px 0 20px;font-size:14px;padding:9px 16px}

@media(max-width:560px){
  .doc-row{padding:12px}
  .doc-row>label:first-child{font-size:14px}
}