/* NextProjex primary actions — approved charcoal → blue → steel palette.
   A named important layer takes precedence over legacy unlayered overrides,
   without escalating selectors or changing button geometry or behavior.
   Import this same file in document pages and isolated shadow workspaces. */
@layer nx-action-theme {
  :where(:root, :host) {
    --nx-action-charcoal: #202c3b;
    --nx-action-blue: #234f7b;
    --nx-action-steel: #52718c;
  }

  #wh-home .wh-create > summary,
  :is(button, a, input[type="submit"], input[type="button"], [role="button"]):is(
    .primary, .btn-primary, .pmh-primary, .it-primary, .cq-primary,
    .ca-primary, .cp-primary, .cm-primary, .nc-primary, .nxs-primary,
    .kn-recv-primary, .tour-primary, .btn-o, .btn.o, .btn.pri, .gbtn.pri,
    .authbtn:not(.g):not(.ms), .mg-cta, .nxh-cta,
    .btn.navy, .pri, .sx-pri, .bmx-pri, .pc-cta, .c2cta, .p2cta, .jn-cta
  ):not(:is(.danger, .destructive, .dangerous, .btn-danger, .nxf-danger, .nt-danger, .bad)),
  dialog.nxf-dialog button[type="submit"]:not(:is(.danger, .destructive, .nxf-danger)),
  :is(#sr-dialog, #ss-dialog, #ms-dialog, #gs-dialog, #as-dialog, #os-dialog,
      #of-dialog, #pmh-dialog, #cq-dialog, #it-dialog, #cm-dialog, .ca-dialog, .nc-dialog)
    button[type="submit"]:not(:is(.danger, .destructive, .nxf-danger, .nt-danger, .bad)) {
    --nx-action-fill: linear-gradient(100deg,
      var(--nx-action-charcoal, #202c3b) 0%,
      var(--nx-action-blue, #234f7b) 52%,
      var(--nx-action-steel, #52718c) 100%);
    background: var(--nx-action-fill) !important;
    border-color: var(--nx-action-border, #344e68) !important;
    color: #fff !important;
    -webkit-text-fill-color: #fff !important;
    text-shadow: none !important;
    box-shadow: var(--nx-action-shadow, inset 0 1px 0 rgb(255 255 255 / 18%),
      0 2px 4px rgb(18 36 54 / 13%)) !important;
    transition: filter 140ms ease, box-shadow 140ms ease !important;
  }

  /* Match only the explicitly themed actions; do not infer primaries from
     text, position, or a generic submit button elsewhere on the site. */
  #wh-home .wh-create > summary,
  :is(button, a, input, [role="button"]):is(
    .primary, .btn-primary, .pmh-primary, .it-primary, .cq-primary,
    .ca-primary, .cp-primary, .cm-primary, .nc-primary, .nxs-primary,
    .kn-recv-primary, .tour-primary, .btn-o, .btn.o, .btn.pri, .gbtn.pri,
    .authbtn:not(.g):not(.ms), .mg-cta, .nxh-cta,
    .btn.navy, .pri, .sx-pri, .bmx-pri, .pc-cta, .c2cta, .p2cta, .jn-cta
  ):not(:is(.danger, .destructive, .dangerous, .btn-danger, .nxf-danger, .nt-danger, .bad)),
  dialog.nxf-dialog button[type="submit"]:not(:is(.danger, .destructive, .nxf-danger)),
  :is(#sr-dialog, #ss-dialog, #ms-dialog, #gs-dialog, #as-dialog, #os-dialog,
      #of-dialog, #pmh-dialog, #cq-dialog, #it-dialog, #cm-dialog, .ca-dialog, .nc-dialog)
    button[type="submit"]:not(:is(.danger, .destructive, .nxf-danger, .nt-danger, .bad)) {
    &:hover:not(:disabled):not([aria-disabled="true"]) {
      filter: brightness(1.04) !important;
      box-shadow: inset 0 1px 0 rgb(255 255 255 / 22%),
        0 3px 7px rgb(18 36 54 / 20%) !important;
    }
    &:active:not(:disabled):not([aria-disabled="true"]) {
      filter: brightness(.92) !important;
      box-shadow: inset 0 1px 3px rgb(0 0 0 / 22%) !important;
    }
    &:focus-visible {
      outline: 3px solid #315c87 !important;
      outline-offset: 2px !important;
      box-shadow: 0 0 0 2px #fff !important;
    }
    &:disabled, &[aria-disabled="true"] {
      background: #e4e7ec !important;
      border-color: #d0d5dd !important;
      color: #596579 !important;
      -webkit-text-fill-color: #596579 !important;
      box-shadow: none !important;
      filter: none !important;
      opacity: 1 !important;
    }
    @media (prefers-reduced-motion: reduce) {
      transition: none !important;
    }
  }
}

/* v441 approved button proportions; screen-only so print geometry is unchanged. */
@layer nx-action-theme {
 @media screen {
  #wh-home .wh-create > summary,
  :is(button, a, input[type="submit"], input[type="button"], [role="button"]):is(
    .primary, .btn-primary, .pmh-primary, .it-primary, .cq-primary,
    .ca-primary, .cp-primary, .cm-primary, .nc-primary, .nxs-primary,
    .kn-recv-primary, .tour-primary, .btn-o, .btn.o, .btn.pri, .gbtn.pri,
    .authbtn:not(.g):not(.ms), .mg-cta, .nxh-cta,
    .btn.navy, .pri, .sx-pri, .bmx-pri, .pc-cta, .c2cta, .p2cta, .jn-cta
  ):not(:is(.danger, .destructive, .dangerous, .btn-danger, .nxf-danger, .nt-danger, .bad)),
  dialog.nxf-dialog button[type="submit"]:not(:is(.danger, .destructive, .nxf-danger)),
  :is(#sr-dialog, #ss-dialog, #ms-dialog, #gs-dialog, #as-dialog, #os-dialog,
      #of-dialog, #pmh-dialog, #cq-dialog, #it-dialog, #cm-dialog, .ca-dialog, .nc-dialog)
    button[type="submit"]:not(:is(.danger, .destructive, .nxf-danger, .nt-danger, .bad)) {
   border-radius:9px!important;min-height:var(--nx-action-min-height,42px)!important;
   padding:10px 17px!important;line-height:1.35!important;
   font-size:var(--nx-action-font-size,13px)!important;font-weight:600!important;
 }
 :is(.hero,.join,.jn,.nxh-hero,.p2hero) :is(.btn-o,.btn.o,.jn-cta,.nxh-cta,.p2cta):not(:disabled):not([aria-disabled="true"]) {
   --nx-action-border:#8caac5;
   --nx-action-shadow:inset 0 1px 0 rgb(255 255 255 / 26%),0 3px 9px rgb(0 0 0 / 14%);
 }
 .authbtn:not(.g):not(.ms) {--nx-action-min-height:46px;--nx-action-font-size:14px;}
 @media(pointer:coarse) {
  #wh-home .wh-create > summary,
  :is(button, a, input[type="submit"], input[type="button"], [role="button"]):is(
    .primary, .btn-primary, .pmh-primary, .it-primary, .cq-primary,
    .ca-primary, .cp-primary, .cm-primary, .nc-primary, .nxs-primary,
    .kn-recv-primary, .tour-primary, .btn-o, .btn.o, .btn.pri, .gbtn.pri,
    .authbtn:not(.g):not(.ms), .mg-cta, .nxh-cta,
    .btn.navy, .pri, .sx-pri, .bmx-pri, .pc-cta, .c2cta, .p2cta, .jn-cta
  ):not(:is(.danger, .destructive, .dangerous, .btn-danger, .nxf-danger, .nt-danger, .bad)),
  dialog.nxf-dialog button[type="submit"]:not(:is(.danger, .destructive, .nxf-danger)),
  :is(#sr-dialog, #ss-dialog, #ms-dialog, #gs-dialog, #as-dialog, #os-dialog,
      #of-dialog, #pmh-dialog, #cq-dialog, #it-dialog, #cm-dialog, .ca-dialog, .nc-dialog)
    button[type="submit"]:not(:is(.danger, .destructive, .nxf-danger, .nt-danger, .bad)) {min-height:max(44px,var(--nx-action-min-height,42px))!important;}
 }
 }
}

@layer nx-action-theme { @media screen {
:is(  #wh-home .wh-create > summary,
  :is(button, a, input[type="submit"], input[type="button"], [role="button"]):is(
    .primary, .btn-primary, .pmh-primary, .it-primary, .cq-primary,
    .ca-primary, .cp-primary, .cm-primary, .nc-primary, .nxs-primary,
    .kn-recv-primary, .tour-primary, .btn-o, .btn.o, .btn.pri, .gbtn.pri,
    .authbtn:not(.g):not(.ms), .mg-cta, .nxh-cta,
    .btn.navy, .pri, .sx-pri, .bmx-pri, .pc-cta, .c2cta, .p2cta, .jn-cta
  ):not(:is(.danger, .destructive, .dangerous, .btn-danger, .nxf-danger, .nt-danger, .bad)),
  dialog.nxf-dialog button[type="submit"]:not(:is(.danger, .destructive, .nxf-danger)),
  :is(#sr-dialog, #ss-dialog, #ms-dialog, #gs-dialog, #as-dialog, #os-dialog,
      #of-dialog, #pmh-dialog, #cq-dialog, #it-dialog, #cm-dialog, .ca-dialog, .nc-dialog)
    button[type="submit"]:not(:is(.danger, .destructive, .nxf-danger, .nt-danger, .bad))) > svg {width:16px!important;height:16px!important;flex-shrink:0!important;}
}}
