/* hca-permits — applicant-side styles. Theme-independent: everything is scoped to .hca-portal.
   Color and type are deliberately restrained (the wireframes are unstyled by design; the Hualālai brand comes later). */

.hca-portal {
	--hca-ink: #1a1a1a;
	--hca-muted: #5f5f5f;
	--hca-rule: #d4d4d4;
	--hca-fill: #f5f5f3;
	--hca-accent: #1f4e3d;
	--hca-warn-bg: #fbf0e2;
	--hca-warn-ink: #6a3a00;
	--hca-warn-rule: #d0a86a;
	max-width: 900px;
	margin: 0 auto;
	padding: 1.5rem 1rem 3rem;
	color: var(--hca-ink);
	font-size: 1.0625rem;
	line-height: 1.55;
}

.hca-portal h1 { font-size: clamp(1.75rem, 4vw, 2.5rem); line-height: 1.15; margin: 0 0 .5rem; }
.hca-portal h2 { font-size: 1.375rem; margin: 0 0 .75rem; padding-bottom: .35rem; border-bottom: 1px solid var(--hca-rule); }
.hca-portal h3 { font-size: 1.125rem; margin: 0 0 .35rem; }
.hca-portal p { margin: 0 0 .9rem; }
.hca-lede { font-size: 1.15rem; max-width: 66ch; color: #333; }
.hca-small { font-size: .9rem; color: var(--hca-muted); }
.hca-mono { font-family: ui-monospace, "SFMono-Regular", Menlo, Consolas, monospace; letter-spacing: .02em; }
.hca-req { color: #a00; }
.hca-crumb { font-size: .9rem; color: var(--hca-muted); margin-bottom: .25rem; }
.hca-crumb a { color: inherit; }

.hca-hero { margin-bottom: 2rem; }
.hca-section { margin: 0 0 2.25rem; }
.hca-foot { margin-top: 2.5rem; padding-top: 1rem; border-top: 1px solid var(--hca-rule); }

.hca-panels { display: grid; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); gap: 1rem; }
.hca-panel { border: 1px solid var(--hca-rule); background: var(--hca-fill); padding: 1.1rem 1.2rem 1.25rem; border-radius: 4px; }
.hca-panel p { font-size: .95rem; color: #333; }

.hca-btn {
	display: inline-block; padding: .6rem 1.1rem; border-radius: 3px;
	background: var(--hca-accent); color: #fff !important; text-decoration: none !important; font-weight: 600; font-size: .95rem;
}
.hca-btn:hover, .hca-btn:focus { filter: brightness(1.12); }

.hca-table { width: 100%; border-collapse: collapse; font-size: .95rem; margin: 0 0 .75rem; }
.hca-table th, .hca-table td { text-align: left; padding: .55rem .6rem; border-bottom: 1px solid var(--hca-rule); vertical-align: top; }
.hca-table thead th { font-size: .8rem; text-transform: uppercase; letter-spacing: .04em; color: var(--hca-muted); border-bottom: 1px solid var(--hca-ink); }
.hca-table tbody th { font-weight: 600; white-space: nowrap; }
.hca-table--steps th { width: 8.5rem; }

.hca-pill { display: inline-block; font-size: .8rem; padding: .1rem .55rem; border: 1px solid var(--hca-rule); border-radius: 999px; background: #fff; white-space: nowrap; }
.hca-pill--on { background: var(--hca-ink); color: #fff; border-color: var(--hca-ink); }

.hca-steps { counter-reset: hca-step; list-style: none; margin: 0; padding: 0; }
.hca-steps li { display: grid; grid-template-columns: 2.25rem 1fr; gap: .25rem .75rem; padding: .6rem 0; border-bottom: 1px solid var(--hca-rule); }
.hca-steps li::before { counter-increment: hca-step; content: counter(hca-step); grid-row: 1 / span 2; width: 1.9rem; height: 1.9rem; border-radius: 50%; background: var(--hca-ink); color: #fff; display: grid; place-items: center; font-weight: 600; font-size: .9rem; }
.hca-steps li strong { display: block; }
.hca-steps li span { color: #333; font-size: .95rem; }

.hca-faq-item { border: 1px solid var(--hca-rule); border-radius: 4px; padding: .6rem .9rem; margin-bottom: .6rem; background: #fff; }
.hca-faq-item summary { font-weight: 600; cursor: pointer; }
.hca-faq-item p { margin: .6rem 0 .2rem; font-size: .95rem; }

/* Notices rendered inside the Gravity Forms (F3 renewal-window notice, insurance blocks, placeholders) */
.hca-notice { border-left: 3px solid var(--hca-warn-rule); background: var(--hca-warn-bg); color: var(--hca-warn-ink); padding: .75rem 1rem; margin: .5rem 0 1rem; border-radius: 0 4px 4px 0; }
.hca-notice p { margin: 0 0 .4rem; }
.hca-notice p:last-child { margin-bottom: 0; }
.hca-insurance { border: 1px solid var(--hca-rule); background: var(--hca-fill); padding: .75rem 1rem; border-radius: 4px; margin: .25rem 0 .75rem; font-size: .95rem; }
.hca-insurance ul { margin: .25rem 0 .5rem 1.1rem; }
.hca-ack { font-size: .9rem; color: #333; border: 1px dashed var(--hca-rule); padding: .6rem .9rem; border-radius: 4px; margin: .25rem 0 .75rem; }
.hca-placeholder { display: flex; flex-wrap: wrap; gap: .6rem 1rem; align-items: center; font-size: .9rem; color: var(--hca-muted); }
.hca-placeholder .button[disabled] { opacity: .55; cursor: not-allowed; }

/* Keep the theme's own page title out of the way on portal pages (the template carries the H1). */
.hca-portal-page .entry-title, .hca-portal-page .page-title, .hca-portal-page h1.elementor-heading-title:first-of-type:not(.hca-portal h1) { display: none; }

/* Gravity Forms sizing inside the portal */
.hca-form-page .gform_wrapper { margin-top: 1rem; }
.hca-form-page .gform_required_legend { display: none; } /* GF prints the wrapper even when the legend filter returns '' */
.hca-form-page .gform_wrapper .gsection_title { font-size: 1.2rem; margin-top: 1.5rem; }
.hca-form-page .gform_wrapper .gfield_description { font-size: .9rem; color: var(--hca-muted); }

@media (max-width: 600px) {
	.hca-portal { padding: 1rem .75rem 2.5rem; font-size: 1rem; }
	.hca-table--steps th { width: auto; }
}

/* B6 gate lookup */
.hca-visually-hidden { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
.hca-btn--ghost { background: #fff; color: var(--hca-ink); border: 1px solid var(--hca-rule); }
.hca-pill--ok { background: var(--hca-accent); color: #fff; border-color: var(--hca-accent); }
.hca-pill--warn { background: var(--hca-warn-bg); color: var(--hca-warn-ink); border-color: var(--hca-warn-rule); }
.hca-gate-search { display: flex; gap: .75rem; align-items: center; flex-wrap: wrap; margin: 0 0 1rem; }
.hca-gate-search input { flex: 1 1 320px; font-size: 1.5rem; padding: .6rem .8rem; border: 2px solid var(--hca-ink); border-radius: 6px; text-transform: uppercase; }
.hca-gate-status { color: var(--hca-muted); font-size: .95rem; min-height: 1.4em; }
.hca-gate-results { display: grid; gap: .75rem; }
.hca-gate-card { display: grid; grid-template-columns: minmax(8rem, auto) 1fr auto; gap: 1rem; align-items: center; padding: .9rem 1rem; border: 1px solid var(--hca-rule); border-left-width: 6px; border-radius: 6px; background: #fff; }
.hca-gate-card.is-active { border-left-color: var(--hca-accent); }
.hca-gate-card.is-expired, .hca-gate-card.is-revoked { border-left-color: #b32d2e; background: #fff6f6; }
.hca-gate-card.is-replaced { border-left-color: var(--hca-rule); color: var(--hca-muted); }
.hca-gate-plate { font-size: 2rem; font-weight: 700; letter-spacing: .06em; }
.hca-gate-company { font-weight: 600; }
.hca-gate-vehicle { color: var(--hca-muted); }
.hca-gate-side { text-align: right; font-size: .95rem; }
.hca-gate-side .hca-pill { font-size: .9rem; margin-bottom: .25rem; }
.hca-gate-print { margin-top: 2rem; }
.hca-gate-call { grid-column: 1 / -1; display: flex; flex-wrap: wrap; gap: .35rem 1rem; padding-top: .5rem; border-top: 1px dashed var(--hca-rule); font-size: 1.05rem; line-height: 1.5; }
.hca-gate-call.is-empty { color: var(--hca-muted); }
.hca-gate-call-label { color: var(--hca-muted); }
.hca-gate-call-person, .hca-gate-call-main { white-space: nowrap; }
.hca-gate-tel { font-weight: 700; text-decoration: underline; text-underline-offset: 2px; padding: .15rem 0; }
@media (max-width: 640px) { .hca-gate-tel { display: inline-block; min-height: 44px; line-height: 44px; padding: 0 .25rem; } .hca-gate-call { font-size: 1.15rem; } }
.hca-gate-list .hca-gate-call { display: table-cell; border: 0; padding: .25rem .4rem; font-size: inherit; }
.hca-gate-bar { display: flex; gap: .5rem; margin: 0 0 1rem; }
.hca-gate-list .hca-gate-plate { font-size: 1.05rem; }
.hca-gate .post-password-form { max-width: 30rem; }
@media (max-width: 640px) {
	.hca-gate-card { grid-template-columns: 1fr; gap: .35rem; }
	.hca-gate-side { text-align: left; }
}
@media print {
	.hca-noprint, header, nav, footer, .site-header, .site-footer, #wpadminbar { display: none !important; }
	.hca-portal { max-width: none; padding: 0; font-size: 11pt; }
	.hca-gate-list th, .hca-gate-list td { padding: .25rem .4rem; }
	.hca-gate-list thead th { border-bottom: 1px solid #000; }
}

/* renewal path (7.8) */
.hca-renew-form p { margin: .6rem 0; }
.hca-renew-form label { font-weight: 600; margin-right: .4rem; }
.hca-renew-form input[type=email] { min-width: 18rem; padding: .45rem .6rem; border: 1px solid var(--hca-rule); border-radius: 4px; }
.hca-hp { position: absolute; left: -9999px; width: 1px; height: 1px; overflow: hidden; }
.hca-notice--ok { border-left-color: var(--hca-accent); background: #eef5f1; color: #163a2c; }
.hca-readonly { background: #f3f3f1 !important; color: #444; }
/* "Change" on a pre-filled field: a small ghost pill inline with the label. Specific enough to beat Gravity Forms' button theme. */
.gform_wrapper .gfield .gfield_label button.hca-change, .gform_wrapper .gfield button.hca-change {
	display: inline-block; float: none; vertical-align: middle; margin: 0 0 0 .6rem; padding: .1rem .6rem; line-height: 1.5;
	font: 500 .78rem/1.5 inherit; letter-spacing: 0; text-transform: none; border-radius: 999px; cursor: pointer;
	background: #fff !important; color: var(--hca-ink, #1a1a1a) !important; border: 1px solid var(--hca-rule, #d4d4d4) !important; box-shadow: none !important; min-height: 0; height: auto;
}
.gform_wrapper .gfield button.hca-change:hover, .gform_wrapper .gfield button.hca-change:focus-visible { border-color: var(--hca-ink, #1a1a1a) !important; }
.gform_wrapper .gfield.hca-prefilled .gfield_label { display: flex; align-items: center; flex-wrap: wrap; gap: 0; }
.hca-locked .gfield_radio { pointer-events: none; opacity: .8; }
/* 0.5.9 Part 4: the company's own vehicles (picker.js) */
.hca-picker-controls { margin: 0 0 .75rem; }
.hca-picker-intro { margin: 0 0 .5rem; }
.hca-picker-buttons { margin: 0 0 .5rem; display: flex; gap: .5rem; flex-wrap: wrap; }
.hca-picker-warn { margin: 0 0 .5rem; }
.hca-pick-cell { min-width: 15rem; }
.hca-pick-include, .hca-pick-remove { display: flex; align-items: flex-start; gap: .4rem; font-weight: 400; margin: 0 0 .35rem; }
.hca-pick-include strong { display: block; }
.hca-pick-include small { display: block; color: #555; font-size: .8em; }
.hca-pick-reason { width: 100%; font-size: .9em; }
.gpnf-nested-entries tr.hca-row-include { background: #eef5f1; }
.gpnf-nested-entries tr.hca-row-remove { background: #fbf0e2; }
.gpnf-nested-entries tr.hca-row-remove td:not(.hca-pick-cell) { text-decoration: line-through; color: #777; }
.gpnf-nested-entries tr.hca-row-new { background: #f4f8ff; }
.hca-picker-summary { font-weight: 600; margin: 1rem 0 .5rem; padding: .6rem .9rem; border-left: 4px solid #1f4e3d; background: #f6f7f7; }
.hca-picker-summary.is-empty { border-left-color: #b32d2e; }
/* 0.5.9 Part 3: continue-your-application */
.gform_wrapper .gfield.hca-missing-field { border-left: 4px solid #b32d2e; padding-left: 12px; }
.gform_wrapper .gfield.hca-missing-field .gfield_description { color: #b32d2e; font-weight: 600; }
.gform_wrapper .gfield.hca-onfile .gfield_description { color: #1f4e3d; }
.hca-continue-banner ul.hca-missing-list { margin: .25rem 0 .5rem 1.25rem; }
.hca-missing-list li { margin: 0 0 .25rem; }

/* renewal modal (wireframe F6) */
.hca-modal-wrap { position: fixed; inset: 0; z-index: 100000; background: rgba(30, 30, 30, .62); display: flex; align-items: flex-start; justify-content: center; padding: 44px 20px; overflow: auto; }
.hca-modal-wrap[hidden] { display: none; }
.hca-modal { max-width: 460px; width: 100%; background: #fff; border: 1px solid var(--hca-ink, #1a1a1a); padding: 22px; box-shadow: 0 12px 40px rgba(0,0,0,.25); color: var(--hca-ink, #1a1a1a); font-size: 1rem; line-height: 1.5; }
.hca-modal h2 { font-size: 1.25rem; margin: 0 0 .6rem; padding: 0; border: 0; }
.hca-modal p { margin: 0 0 .8rem; }
.hca-modal label { font-weight: 600; }
.hca-modal input[type=email] { width: 100%; box-sizing: border-box; padding: .5rem .6rem; border: 1px solid var(--hca-rule, #d4d4d4); border-radius: 4px; font-size: 1rem; margin-top: .3rem; }
.hca-modal-actions { display: flex; flex-wrap: wrap; gap: .5rem; margin: 1rem 0 .6rem; }
.hca-modal .hca-small { margin-bottom: 0; }
body.hca-modal-open { overflow: hidden; }
.gform_wrapper.hca-renewing-hidden .gform_body .gfield:not(.hca-keep), .gform_wrapper.hca-renewing-hidden .gform_footer, .gform_wrapper.hca-renewing-hidden .gform_page_footer { display: none !important; }

/* Buttons inside the modal and on portal pages: Gravity Forms' theme styles every <button>; ours win here. */
.hca-modal button.hca-btn, .hca-portal button.hca-btn {
	appearance: none; -webkit-appearance: none; cursor: pointer; display: inline-block; padding: .6rem 1.1rem; border-radius: 3px;
	background: var(--hca-accent, #1f4e3d) !important; color: #fff !important; border: 1px solid var(--hca-accent, #1f4e3d) !important;
	font: 600 .95rem/1.3 inherit; box-shadow: none !important; text-shadow: none; outline-offset: 2px; margin: 0;
}
.hca-modal button.hca-btn--ghost, .hca-portal button.hca-btn--ghost {
	background: #fff !important; color: var(--hca-ink, #1a1a1a) !important; border: 1px solid var(--hca-rule, #d4d4d4) !important;
}
.hca-modal button.hca-btn:hover, .hca-modal button.hca-btn:focus-visible, .hca-portal button.hca-btn:hover, .hca-portal button.hca-btn:focus-visible { filter: brightness(1.12); }
.hca-modal button.hca-btn[disabled] { opacity: .6; cursor: default; }

/* 10 Sep (Gary, browser run): the theme's red link color bled into the forms — file links in the vehicle table and
   upload previews, the Delete actions, the upload-rules text and the confirmation page's link. Portal links take the
   accent; helper text and destructive links take the muted ink. */
.hca-portal a:not(.hca-btn):not(.button):not(.gform_button) { color: var(--hca-accent, #1f4e3d); }
.hca-form-page .gform_wrapper .gform_fileupload_rules,
.hca-form-page .gform_wrapper .ginput_preview,
.hca-form-page .gform_wrapper .gfield_description,
.hca-form-page .gform_wrapper .gform_fileupload_multifile .gform_drop_instructions { color: var(--hca-muted, #5f5f5f); }
.hca-form-page .gform_wrapper .gpnf-nested-entries a,
.hca-form-page .gform_wrapper .ginput_preview a { color: var(--hca-accent, #1f4e3d); }
.hca-form-page .gform_wrapper .gpnf-row-actions .delete-button,
.hca-form-page .gform_wrapper .gpnf-row-actions button.delete-button,
.hca-form-page .gform_wrapper .gform_delete_file,
.hca-form-page .gform_wrapper .gform_delete { color: var(--hca-muted, #5f5f5f); text-decoration: underline; }
/* 10 Sep (browser run): .hca-btn forces white text with !important, which swallowed the ghost variant on the gate
   page ("Print today's active list" rendered white on white). The ghost variant wins with its own !important. */
.hca-portal .hca-btn--ghost, .hca-portal a.hca-btn--ghost { color: var(--hca-ink, #1a1a1a) !important; }
/* The theme's red submit on WordPress's own password prompt for /gate/. */
.hca-portal-page .post-password-form input[type="submit"] { background: var(--hca-accent, #1f4e3d); color: #fff; border-color: var(--hca-accent, #1f4e3d); }

/* Test mode (Stage 3): the line above each public form. */
.hca-portal .hca-test-site { display: inline-block; color: #7a4b00; background: #fff4dc; padding: 6px 10px; border-radius: 4px; }

/* 0.5.6 — live checks next to the field, the authorized-persons cap, plainer validation */
.hca-live-msg { margin: .35rem 0 0; font-size: .95rem; line-height: 1.4; }
.hca-live-msg.is-bad { color: #b32d2e; font-weight: 600; }
.hca-live-msg.is-ok { color: #1a7f37; }
.hca-list-cap { margin: .4rem 0 0; font-size: .95rem; color: var(--hca-muted); }
.hca-list-cap.is-on { color: #b32d2e; font-weight: 600; }
.gform_wrapper .gform_validation_errors { border-left: 4px solid #b32d2e; }
.gform_wrapper .gform_validation_errors h2.gform_submission_error { font-size: 1.05rem; line-height: 1.4; }
.gform_wrapper .gform_validation_errors ol li a { font-weight: 600; }
.gform_wrapper .gfield_validation_message, .gform_wrapper .validation_message { font-size: .95rem; line-height: 1.4; }

/* ============================================================================
   0.6.9 (Gary, 20 Sep) — the portal is a section of HCA's own site now, not a
   standalone one, so the site's theme styles the plugin's controls. Two rules in
   hello-elementor's reset.css do the damage, and both are theme-wide:

     [type="button"], [type="submit"], button { color: #c36; }
         every button in the portal rendered with red text — Submit application,
         Save and finish later, Add vehicle, Select files, Save vehicle, the
         authorized-signers Add / Remove, the disabled vehicle-list placeholder.

     label { display: inline-block; }
         a checkbox or radio label is then an atomic inline box: when the text is
         longer than the space left on the line it cannot break, so the whole
         label drops beneath the control. That is why the two long consent boxes
         stacked and the short Terms and Privacy one did not — and why on a phone
         the Terms one stacks as well.

   Everything below is scoped to the plugin's own pages: .hca-portal (the markup
   the templates render) and .hca-portal-page (the body class HCA_Pages adds on
   those pages only), which is what reaches the nested-form modal — GP Nested
   Forms appends it to <body>, outside .hca-portal, so every earlier rule missed
   it. Nothing outside these selectors is touched. */

/* The custom properties also on the body, so the body-level modal inherits them. */
.hca-portal-page {
	--hca-ink: #1a1a1a;
	--hca-muted: #5f5f5f;
	--hca-rule: #d4d4d4;
	--hca-fill: #f5f5f3;
	--hca-accent: #1f4e3d;
	--hca-warn-bg: #fbf0e2;
	--hca-warn-ink: #6a3a00;
	--hca-warn-rule: #d0a86a;
}

/* 1. No control in the portal inherits a theme text color. Anything not given a
      fill below reads as portal ink; the specific rules that follow win over this. */
.hca-portal button,
.hca-portal input[type="submit"],
.hca-portal input[type="button"],
.hca-portal-page .tingle-modal button,
.hca-portal-page .tingle-modal input[type="submit"],
.hca-portal-page .tingle-modal input[type="button"] {
	color: var(--hca-ink, #1a1a1a);
}

/* 2. Primary actions: the form's submit, Add vehicle, and the modal's Save vehicle. */
.hca-portal .gform_wrapper .gform_button,
.hca-portal .gform_wrapper button[type="submit"],
.hca-portal .gpnf-add-entry,
.hca-portal-page .tingle-modal .gform_button,
.hca-portal-page .tingle-modal button[type="submit"],
.hca-portal-page .tingle-modal .gpnf-nested-form-actions button[data-submission-type="submit"] {
	appearance: none; -webkit-appearance: none; cursor: pointer;
	background: var(--hca-accent, #1f4e3d) !important;
	color: #fff !important;
	border: 1px solid var(--hca-accent, #1f4e3d) !important;
	border-radius: 3px; padding: .6rem 1.1rem; font-weight: 600; line-height: 1.3;
	box-shadow: none !important; text-shadow: none; text-decoration: none;
}

/* 3. Secondary actions: Save and finish later, Select files, the modal's Cancel,
      the multi-page Previous button. White ground, portal ink, a quiet rule. */
.hca-portal .gform_wrapper .gform_save_link,
.hca-portal .gform_wrapper .gform_button_select_files,
.hca-portal .gform_wrapper .gform_previous_button,
.hca-portal-page .tingle-modal .gform_button_select_files,
.hca-portal-page .tingle-modal .gpnf-nested-form-actions button:not([data-submission-type="submit"]) {
	appearance: none; -webkit-appearance: none; cursor: pointer;
	background: #fff !important;
	color: var(--hca-ink, #1a1a1a) !important;
	border: 1px solid var(--hca-rule, #d4d4d4) !important;
	border-radius: 3px; padding: .55rem 1rem; font-weight: 600; line-height: 1.3;
	box-shadow: none !important; text-shadow: none; text-decoration: none;
}
.hca-portal .gform_wrapper .gform_save_link svg path { fill: currentColor; }
.hca-portal .gform_wrapper .gform_button:hover,
.hca-portal .gform_wrapper .gform_save_link:hover,
.hca-portal .gpnf-add-entry:hover,
.hca-portal-page .tingle-modal button:hover { filter: brightness(1.08); }
.hca-portal .gform_wrapper .gform_button:focus-visible,
.hca-portal .gpnf-add-entry:focus-visible,
.hca-portal-page .tingle-modal button:focus-visible { outline: 2px solid var(--hca-ink, #1a1a1a); outline-offset: 2px; }

/* 4. Small text controls keep their size and lose the red: the authorized-signers
      Add / Remove, the file Delete, the nested rows' own actions. */
.hca-portal .gform_wrapper .add_list_item,
.hca-portal .gform_wrapper .delete_list_item,
.hca-portal .gform_wrapper .gform_delete_file,
.hca-portal .gform_wrapper .gpnf-row-actions button,
.hca-portal .gform_wrapper .gpnf-row-actions a,
.hca-portal-page .tingle-modal .gform_delete_file {
	background: none; box-shadow: none; text-shadow: none;
	color: var(--hca-muted, #5f5f5f) !important;
}
.hca-portal .hca-placeholder .button[disabled] { color: var(--hca-muted, #5f5f5f) !important; background: #fff; border: 1px solid var(--hca-rule, #d4d4d4); }

/* 5. Every checkbox and radio sits beside its label, and the label's text wraps
      alongside the control instead of under it. Covers the three consent boxes,
      the property-manager certification, the classification and existing-passes
      radios, and the new-or-renewing choice on a vehicle row (inside the modal). */
.hca-portal .ginput_container_consent,
.hca-portal .gform_wrapper .gchoice,
.hca-portal-page .tingle-modal .ginput_container_consent,
.hca-portal-page .tingle-modal .gchoice {
	display: flex;
	align-items: flex-start;
	column-gap: .5rem;
	row-gap: 0;
}
.hca-portal .ginput_container_consent > input[type="checkbox"],
.hca-portal .gform_wrapper .gchoice > input[type="checkbox"],
.hca-portal .gform_wrapper .gchoice > input[type="radio"],
.hca-portal-page .tingle-modal .ginput_container_consent > input[type="checkbox"],
.hca-portal-page .tingle-modal .gchoice > input[type="checkbox"],
.hca-portal-page .tingle-modal .gchoice > input[type="radio"] {
	flex: 0 0 auto;
	margin: .28em 0 0;
	width: 1rem; height: 1rem;
}
.hca-portal .ginput_container_consent > label,
.hca-portal .gform_wrapper .gchoice > label,
.hca-portal-page .tingle-modal .ginput_container_consent > label,
.hca-portal-page .tingle-modal .gchoice > label {
	display: block;          /* not inline-block: the text must be able to break */
	flex: 1 1 auto;
	width: auto; max-width: none;
	margin: 0;
}

/* 5a. The attestation (0.6.17): the statement above the signature, then three boxes, each under its own heading
       (the field label, shown). The links in the last box open in a new tab; keep them visibly links. */
.hca-portal .hca-attest-statement {
	margin: 0; padding: .75rem 1rem;
	background: var(--hca-fill, #f5f5f3); border-left: 3px solid var(--hca-accent, #1f4e3d);
	color: var(--hca-ink, #1a1a1a); font-weight: 600; line-height: 1.5;
}
.hca-portal .gfield.hca-attest-box > .gfield_label,
.hca-portal .gfield.hca-attest-box > legend.gfield_label {
	font-weight: 700; margin-bottom: .35rem;
}
.hca-portal .gfield.hca-attest-box .gfield_consent_label a { color: var(--hca-accent, #1f4e3d); text-decoration: underline; }

/* 6. The vehicle picker's own ticks (Select all / Reissue / No longer in use) are
      already flex rows; keep the box from being squeezed on a narrow screen. */
.hca-pick-include > input[type="checkbox"],
.hca-pick-remove > input[type="checkbox"] { flex: 0 0 auto; margin-top: .2em; }

/* 7. The footer's two buttons must wrap on a narrow screen instead of running off
      the side — seen at 390 px on the new staging once they carry real padding. */
.hca-portal .gform_wrapper .gform_footer,
.hca-portal .gform_wrapper .gform-footer,
.hca-portal .gform_wrapper .gform_page_footer {
	display: flex; flex-wrap: wrap; align-items: center; gap: .6rem;
}
.hca-portal .gform_wrapper .gform_footer > .gform_button,
.hca-portal .gform_wrapper .gform_footer > .gform_save_link { margin: 0; }