/* ---------------------------------------------------------------------------
   Application flow v2 — additions on top of app.css (loaded after it, only
   when the shortcode carries variant="v2"). Everything else reuses the
   existing classes so the two variants stay visually identical.
   --------------------------------------------------------------------------- */

/* The Prompter gradient is retired (Antonio, 2026-08-12): v2 sits on plain
   white and the card's border and shadow carry the depth. Not #f8fafc: the
   shell is inset inside the theme's content wrapper, so any fill paints a
   visible grey slab against the white page (his 2nd note). White here also
   matches the checkout page, the next screen in the same funnel. Base sheet
   keeps the gradient for the live v1 page; this override only ever loads
   with the v2 variant. */
.nn-shell {
  background: transparent;
}

/* The funnel bar has no gutter of its own on purpose: on checkout it renders
   inside the theme's padded container and picks the gutter up from there. The
   application page is a full-width template, so the shortcode drops the bar
   straight against the viewport and the logo touches the left edge while "Your
   website" touches the right (Antonio, 2026-08-13). The fix belongs here and
   not in the shared component, because adding horizontal padding there would
   double-indent the bar on checkout, where it is already inset.

   clamp() lands on the ~40px the fair theme header uses at desktop width and
   eases to 20px on a 390px screen, where the compact rail is what renders. */
body.nn-funnel .nn-funnel-bar {
  padding-left: clamp(20px, 4vw, 40px);
  padding-right: clamp(20px, 4vw, 40px);
}

/* Collapsed optional-fields disclosure on the collection screens ("Add a
   website or D-U-N-S number"). Rendered inside .nn-fields, so it gets a
   contained, bordered look rather than the flush list style the Terms screen
   uses. */
.nn-form-disc {
  border: 1px solid #e2e8f0;
  border-radius: 10px;
  background: #f8fafc;
  margin: 6px 0;
}

.nn-form-disc summary {
  font-size: 14px;
  font-weight: 600;
  color: #2D7FF0;
  padding: 12px 16px;
}

.nn-form-disc[open] {
  background: #fff;
}

/* Breathing room inside the open panel: the fields must not sit against the
   rounded bottom edge (spacing gate — this exact cramp has shipped before). */
.nn-form-disc-body {
  padding: 6px 16px 20px;
  display: flex;
  flex-direction: column;
  gap: 18px;
}

/* Optional consent checkbox: present but visually subordinate to the three
   required certifications above it. */
.nn-check-optional {
  font-weight: 400;
  color: #6b7280;
  border-top: 1px solid #eef2f7;
  padding-top: 14px;
  margin-top: 6px;
}

/* One divider separates the optional group from the required certifications;
   the optional boxes themselves sit together without another rule between. */
.nn-check-optional + .nn-check-optional {
  border-top: none;
  padding-top: 0;
  margin-top: 0;
}

.nn-optional-tag {
  font-style: normal;
  font-size: 12px;
  color: #94a3b8;
}

/* Field-level eligibility notice under the industry input: firm but calm,
   and only ever rendered for the applicant it concerns. */
.nn-restricted-note {
  margin: 8px 0 0;
  padding: 10px 14px;
  border-left: 3px solid #d97706;
  border-radius: 0 8px 8px 0;
  background: rgba(217, 119, 6, 0.07);
  font-size: 13px;
  line-height: 1.55;
  color: #7c4a03;
}