/* ============================================================================
   MDP REGISTER REDESIGN (PM 2026-07)
   Re-skin of the wp-jobsearch register popup to match the approved prototype
   (https://luminous-alpaca-5e4e35.netlify.app/): left 4-step rail, sequential
   gating (details -> terms -> human check -> create), inline validation,
   password meter + requirements, success screens, discard confirm.
   Markup is built by mdp-register-redesign.js INSIDE the original
   form[id^="registration-form-"] so the plugin's FormData/AJAX/captcha keep
   working. Class names mirror the prototype, prefixed/scoped under .mdp-r2*.
   ========================================================================== */

/* ---- design tokens (prototype :root), scoped to the redesigned modal ---- */
.jobsearch-modal.mdp-reg2{
  --mdpr-navy:#030451;
  --mdpr-violet:#9966FF;
  --mdpr-periwinkle:#9C9EFE;
  --mdpr-p-700:#4F52CE; --mdpr-p-600:#6265E4; --mdpr-p-500:#8B8DF3; --mdpr-p-100:#E7E7FD; --mdpr-p-050:#F5F5FF;
  --mdpr-g-600:#0B8F52; --mdpr-g-500:#10A15F; --mdpr-g-200:#AEE5C8; --mdpr-g-050:#EFFAF4;
  --mdpr-o-600:#B45309; --mdpr-r-600:#D0342C; --mdpr-r-050:#FEF3F2;
  --mdpr-ink:#030451; --mdpr-ink-2:#3B4079; --mdpr-ink-3:#6E749B; --mdpr-ink-4:#9AA0C0;
  --mdpr-line:#E6E6F5; --mdpr-line-2:#D6D7EA; --mdpr-surf:#FAFAFE;
  --mdpr-r:12px; --mdpr-pill:999px;
  --mdpr-t:200ms cubic-bezier(.2,.7,.3,1);
}

/* ---- modal shell: prototype card look, only while the REGISTER view is on ---- */
.jobsearch-modal.mdp-reg2.mdp-reg2-open .modal-box-area{
  position:relative;
  width:100%;
  max-width:600px;
  background:#fff;
  border-radius:18px !important;
  box-shadow:0 30px 70px -24px rgba(3,4,81,.45);
  padding:34px 36px 30px !important;
  font-family:Inter,-apple-system,"Segoe UI",Roboto,sans-serif;
  font-size:15px;
  line-height:1.5;
  color:var(--mdpr-ink);
  -webkit-font-smoothing:antialiased;
}
@media(max-width:600px){
  .jobsearch-modal.mdp-reg2.mdp-reg2-open .modal-box-area{padding:26px 20px 24px !important;border-radius:14px !important}
}
/* darken the backdrop like the prototype (navy tint). The plugin paints the
   overlay on the modal ROOT (rgba(0,0,0,.7)) — recolor it there. */
.jobsearch-modal.mdp-reg2.mdp-reg2-open{
  background:rgba(3,4,81,.55) !important;
}
/* the plugin's own close X — restyle to prototype ghost circle */
.jobsearch-modal.mdp-reg2.mdp-reg2-open .modal-close{
  position:absolute;top:16px;right:16px;width:32px;height:32px;border-radius:50%;
  background:transparent;color:var(--mdpr-ink-4);font-size:16px;line-height:32px;text-align:center;cursor:pointer;
}
.jobsearch-modal.mdp-reg2.mdp-reg2-open .modal-close:hover{background:#F2F3F9;color:var(--mdpr-ink-2)}

/* the original plugin form list is kept in the DOM (hidden) so hidden inputs,
   nonce, role radios and the real submit button keep working. Everything the
   plugin renders directly inside the form (original account-type cards, the
   field list, dividers) is hidden — display:none keeps fields IN FormData,
   and jQuery .trigger('click') on the hidden role buttons still works. */
.mdp-r2-origlist{display:none !important}
form.mdp-r2-form > *:not(.mdp-r2){display:none !important}
/* plugin's own title/subtitle above the form duplicates ours — hide the text
   but KEEP the .modal-close X that lives in the same title box */
.jobsearch-modal.mdp-reg2.mdp-reg2-open .jobsearch-register-form .jobsearch-modal-title-box{
  padding:0 !important;margin:0 !important;border:0 !important;min-height:0}
.jobsearch-modal.mdp-reg2.mdp-reg2-open .jobsearch-register-form .jobsearch-modal-title-box > *:not(.modal-close){
  display:none !important}
/* plugin's own alert bar is replaced by inline messages/toasts */
.jobsearch-modal.mdp-reg2 .registration-errors{display:none !important}
/* plugin's "Very weak" badge & field eye icons are replaced by our meter/toggle */
.jobsearch-modal.mdp-reg2 .mdp-r2 .passlenth-chk-msg,
.jobsearch-modal.mdp-reg2 .mdp-r2 i.jobsearch-icon{display:none !important}

/* ================= left 4-step rail ================= */
.mdp-r2-progress{display:none}
@media(min-width:900px){
  .jobsearch-modal.mdp-reg2.mdp-reg2-open .mdp-r2-progress{
    display:flex;flex-direction:column;align-items:flex-start;
    position:absolute;left:-148px;top:50%;transform:translateY(-50%);
    width:118px;z-index:999;
    padding: 10px;
    background: #fff;
    border-radius: 10px;
  }
  .mdp-r2-progress .pstep{display:flex;align-items:center;gap:11px;transition:color var(--mdpr-t)}
  .mdp-r2-progress .pstep span{font-size:12.5px;font-weight:500;white-space:nowrap;color:#333}
  .mdp-r2-progress .pdot{width:13px;height:13px;border-radius:50%;flex:none;background:#9C9EFE;
    border:2px solid rgba(255,255,255,.4);transition:background var(--mdpr-t),border-color var(--mdpr-t),box-shadow var(--mdpr-t)}
  .mdp-r2-progress .pstep.active .pdot{border-color:var(--mdpr-periwinkle);box-shadow:0 0 0 4px rgba(156,158,254,.3)}
  .mdp-r2-progress .pstep.active span{font-weight:600}
  .mdp-r2-progress .pstep.done .pdot{background:var(--mdpr-g-500);border-color:var(--mdpr-g-500)}
  .mdp-r2-progress .pstep:not(.active):not(.done) span{color:#333}
  .mdp-r2-progress .pline{width:2px;height:26px;margin:2px 0 2px 5.5px;background:#9C9EFE;flex:none;
    transition:background var(--mdpr-t)}
  .mdp-r2-progress .pline.done{background:var(--mdpr-g-500)}
}
.ddup-btn.placeholder span{
    color: #fff !important;
}
.ddup-btn.placeholder svg{
        stroke: #fff !important;
}
/* ================= new form container ================= */
.mdp-r2{display:block;text-align:left}
.mdp-r2 a{color:var(--mdpr-p-600);text-decoration:none;font-weight:500}
.mdp-r2 a:hover{text-decoration:underline;text-underline-offset:2px}
.mdp-r2 :focus-visible{outline:2px solid var(--mdpr-p-600);outline-offset:2px;border-radius:6px}

.mdp-r2 .r2-title{font-size:23px;font-weight:700;letter-spacing:-.02em;margin:0 0 6px;color:var(--mdpr-ink);
  font-family:inherit;text-transform:none}
.mdp-r2 .sub{color:var(--mdpr-ink-3);font-size:14px;margin:0 0 24px;max-width:46ch}

/* account type */
.mdp-r2 .divider{display:flex;align-items:center;gap:12px;margin-bottom:14px;color:var(--mdpr-p-600);
  font-size:12.5px;font-weight:500}
.mdp-r2 .divider::before,.mdp-r2 .divider::after{content:"";height:1px;background:var(--mdpr-line);flex:1}
.mdp-r2 .types{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px;margin-bottom:22px}
.mdp-r2 .type{position:relative;border:1.5px solid var(--mdpr-line);border-radius:var(--mdpr-r);padding:16px 12px 14px;
  background:#fff;cursor:pointer;text-align:center;transition:all var(--mdpr-t);width:100%;font-family:inherit;
  white-space:normal;min-width:0} /* the theme sets nowrap on buttons — that blows up the grid's min-content */
.mdp-r2 .type:hover{border-color:var(--mdpr-line-2)}
.mdp-r2 .tico{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;margin:0 auto 9px;
  background:var(--mdpr-p-050);color:var(--mdpr-p-600);transition:all var(--mdpr-t)}
.mdp-r2 .tico svg{width:17px;height:17px;stroke:currentColor;stroke-width:1.8;fill:none;stroke-linecap:round;stroke-linejoin:round}
.mdp-r2 .type strong{display:block;font-size:15px;font-weight:600;margin-bottom:2px;color:var(--mdpr-ink)}
.mdp-r2 .type small{display:block;color:var(--mdpr-ink-3);font-size:12px}
.mdp-r2 .type[aria-pressed="true"]{border-color:var(--mdpr-p-600);background:var(--mdpr-p-600);
  box-shadow:0 8px 18px -10px rgba(98,101,228,.9)}
.mdp-r2 .type[aria-pressed="true"] strong{color:#fff}
.mdp-r2 .type[aria-pressed="true"] small{color:rgba(255,255,255,.86)}
.mdp-r2 .type[aria-pressed="true"] .tico{background:rgba(255,255,255,.2);color:#fff}

/* fields */
.mdp-r2 .grid2{display:grid;gap:14px}
@media(min-width:520px){.mdp-r2 .grid2{grid-template-columns:1fr 1fr}}
.mdp-r2 .field{margin-bottom:14px}
.mdp-r2 .field > label{display:block;font-size:13px;font-weight:600;margin-bottom:6px;color:var(--mdpr-ink-2);
  font-family:inherit;text-transform:none}
.mdp-r2 .req{color:var(--mdpr-violet)}
.mdp-r2 .field input[type="text"],
.mdp-r2 .field input[type="email"],
.mdp-r2 .field input[type="password"],
.mdp-r2 .field select{
  width:100% !important;height:44px !important;padding:0 13px !important;
  border:1px solid var(--mdpr-line-2) !important;border-radius:var(--mdpr-r) !important;
  font-size:14.5px !important;color:var(--mdpr-ink) !important;background:#fff !important;
  font-family:inherit !important;font-weight:400 !important;line-height:normal !important;
  margin:0 !important;box-shadow:none;
  transition:border-color 140ms,box-shadow 140ms;
}
.mdp-r2 .field select{appearance:none;-webkit-appearance:none;cursor:pointer;padding-right:38px !important;
  background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none' stroke='%236E749B' stroke-width='1.8' stroke-linecap='round'><path d='M4 6.5l4 4 4-4'/></svg>") !important;
  background-repeat:no-repeat !important;background-position:right 15px center !important}
.mdp-r2 .field input::placeholder{color:var(--mdpr-ink-4) !important;font-family:inherit !important}
.mdp-r2 .field input:focus,.mdp-r2 .field select:focus{outline:none !important;border-color:var(--mdpr-p-600) !important;
  box-shadow:0 0 0 3.5px var(--mdpr-p-100) !important}
.mdp-r2 .field input:disabled,.mdp-r2 .field select:disabled{background:var(--mdpr-surf) !important;
  color:var(--mdpr-ink-4) !important;cursor:not-allowed}
.mdp-r2 .field.ok input,.mdp-r2 .field.ok select{border-color:var(--mdpr-g-200) !important}
.mdp-r2 .field.bad input,.mdp-r2 .field.bad select{border-color:var(--mdpr-r-600) !important}
.mdp-r2 .field.bad input:focus{box-shadow:0 0 0 3.5px var(--mdpr-r-050) !important}
.mdp-r2 .pwwrap{position:relative}
.mdp-r2 .pwwrap input{padding-right:62px !important}
.mdp-r2 .reveal{position:absolute;right:6px;top:6px;height:32px;padding:0 12px;border:0;background:transparent;
  color:var(--mdpr-ink-3);font-size:12px;font-weight:600;cursor:pointer;border-radius:8px;font-family:inherit}
.mdp-r2 .reveal:hover{background:#F2F3F9;color:var(--mdpr-ink)}

.mdp-r2 .msg{font-size:12.5px;margin-top:6px;line-height:1.45;display:flex;gap:5px;align-items:flex-start;padding-left:2px}
.mdp-r2 .msg:empty{display:none}
.mdp-r2 .msg.bad{color:var(--mdpr-r-600)}
.mdp-r2 .msg.good{color:var(--mdpr-g-600)}
.mdp-r2 .msg.warn{color:var(--mdpr-o-600)}
.mdp-r2 .linkbtn{background:none;border:0;padding:0;color:inherit;font:inherit;font-weight:600;text-decoration:underline;cursor:pointer}
.mdp-r2 .acts{display:none;gap:8px;margin-top:9px}
.mdp-r2 .acts.show{display:flex}
.mdp-r2 .mini{height:31px;padding:0 14px;border-radius:var(--mdpr-pill);border:1px solid var(--mdpr-line-2);background:#fff;
  font-size:12.5px;font-weight:500;cursor:pointer;color:var(--mdpr-ink-2);font-family:inherit}
.mdp-r2 .mini:hover{border-color:var(--mdpr-p-600);color:var(--mdpr-p-600)}

/* password strength — one thin line, no chip */
.mdp-r2 .meter{display:flex;gap:4px;margin-top:9px;align-items:center}
.mdp-r2 .meter i{height:3px;flex:1;border-radius:99px;background:var(--mdpr-line);transition:background var(--mdpr-t)}
.mdp-r2 .meter span{font-size:11px;font-weight:600;color:var(--mdpr-ink-4);min-width:62px;text-align:right}
/* requirements appear only while the field is in use */
.mdp-r2 .reqs{list-style:none;margin:0;padding:0;display:grid;grid-template-rows:0fr;
  transition:grid-template-rows 220ms var(--mdpr-t),opacity 180ms;opacity:0}
.mdp-r2 .reqs.show{grid-template-rows:1fr;opacity:1}
.mdp-r2 .reqs>div{overflow:hidden}
.mdp-r2 .reqinner{display:grid;gap:6px;margin-top:10px;padding:11px 13px;background:var(--mdpr-surf);
  border:1px solid var(--mdpr-line);border-radius:var(--mdpr-r)}
@media(min-width:480px){.mdp-r2 .reqinner{grid-template-columns:1fr 1fr}}
.mdp-r2 .reqs li{font-size:12px;color:var(--mdpr-ink-3);display:flex;gap:7px;align-items:center;
  transition:color var(--mdpr-t);margin:0;list-style:none}
.mdp-r2 .reqs li.opt{grid-column:1/-1;color:var(--mdpr-ink-4);border-top:1px solid var(--mdpr-line);padding-top:7px}
/* the hint is a sentence with an inline <b> — flex (from .reqs li) splits it
   into separate items and breaks the line; render it as normal flowing text */
.mdp-r2 .reqs li.rhint{display:block;grid-column:1/-1;color:var(--mdpr-ink-3);font-weight:500;margin-bottom:1px;line-height:1.45}
.mdp-r2 .tickc{width:13px;height:13px;border-radius:50%;border:1.5px solid var(--mdpr-line-2);flex:none;
  display:grid;place-items:center;background:#fff;transition:all var(--mdpr-t)}
.mdp-r2 .tickc svg{width:7px;height:7px;stroke:#fff;stroke-width:3.6;fill:none;opacity:0;transform:scale(.3);
  transition:all var(--mdpr-t)}
.mdp-r2 .reqs li.met{color:var(--mdpr-g-600)}
.mdp-r2 .reqs li.met .tickc{background:var(--mdpr-g-500);border-color:var(--mdpr-g-500)}
.mdp-r2 .reqs li.met .tickc svg{opacity:1;transform:scale(1)}
.mdp-r2 .caps{display:none;margin-top:7px;font-size:12px;color:var(--mdpr-o-600);gap:5px;align-items:center}
.mdp-r2 .caps.show{display:flex}

/* ---- Primary Job Function: custom DROP-UP (PM follow-up) ----
   The native select stays hidden inside the form (FormData/role-swap intact);
   the .ddup control mirrors it and opens its panel UPWARDS. */
.mdp-r2 .field select.ddup-native{display:none !important}
.mdp-r2 .ddup{position:relative}
.mdp-r2 .ddup-btn{width:100%;height:44px;padding:0 13px;border:1px solid var(--mdpr-line-2);border-radius:var(--mdpr-r);
  background:#fff;font-family:inherit;font-size:14.5px;color:var(--mdpr-ink);cursor:pointer;
  display:flex;align-items:center;justify-content:space-between;gap:10px;text-align:left;
  transition:border-color 140ms,box-shadow 140ms;white-space:normal;min-width:0}
.mdp-r2 .ddup-btn:focus{outline:none;border-color:var(--mdpr-p-600);box-shadow:0 0 0 3.5px var(--mdpr-p-100)}
.mdp-r2 .ddup-btn.placeholder .ddup-label{color:var(--mdpr-ink-4)}
.mdp-r2 .ddup-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.mdp-r2 .ddup-btn svg{width:16px;height:16px;flex:none;stroke:var(--mdpr-ink-3);stroke-width:1.8;fill:none;
  stroke-linecap:round;stroke-linejoin:round;transition:transform var(--mdpr-t)}
.mdp-r2 .ddup.open .ddup-btn svg{transform:rotate(180deg)}
.mdp-r2 .field.bad .ddup-btn{border-color:var(--mdpr-r-600)}
.mdp-r2 .field.ok .ddup-btn{border-color:var(--mdpr-g-200)}
.mdp-r2 .ddup-panel{display:none;position:absolute;left:0;right:0;bottom:calc(100% + 6px);z-index:40;
  background:#fff;border:1px solid var(--mdpr-line-2);border-radius:12px;padding:6px;
  box-shadow:0 -12px 34px -14px rgba(3,4,81,.35),0 6px 22px -12px rgba(3,4,81,.18);
  max-height:262px;overflow:auto}
.mdp-r2 .ddup.open .ddup-panel{display:block;animation:mdp-r2-rise 160ms cubic-bezier(.2,.7,.3,1)}
.mdp-r2 .ddup-opt{padding:9px 12px;border-radius:8px;font-size:14px;line-height:1.35;color:var(--mdpr-ink);cursor:pointer}
.mdp-r2 .ddup-opt:hover{background:var(--mdpr-p-050)}
.mdp-r2 .ddup-opt.sel{background:var(--mdpr-p-100);font-weight:600}
.mdp-r2.is-submitting .ddup{pointer-events:none}

/* proactive email hint (Hiring Team only) */
.mdp-r2 .fieldhint{display:none;align-items:flex-start;gap:6px;font-size:12px;color:var(--mdpr-ink-3);margin-top:6px;line-height:1.4}
.mdp-r2 .fieldhint.show{display:flex}
.mdp-r2 .fieldhint svg{width:12px;height:12px;flex:none;margin-top:2px;stroke:var(--mdpr-ink-4);stroke-width:1.8;fill:none}

/* conditional Organization field (Hiring Team only) */
.mdp-r2 .condfield{display:grid;grid-template-rows:0fr;opacity:0;
  transition:grid-template-rows 220ms var(--mdpr-t),opacity 180ms;margin-top:0}
.mdp-r2 .condfield.show{grid-template-rows:1fr;opacity:1;margin-top:14px}
.mdp-r2 .condfield>div{overflow:hidden}

/* ================= terms + human check, sequential gating ================= */
.mdp-r2 .gatewrap{margin-top:20px}
.mdp-r2 .checkrow{display:flex;gap:10px;align-items:flex-start;justify-content:center;margin:20px 0 0}
.mdp-r2 .cbox{width:18px;height:18px;border:1.5px solid var(--mdpr-line-2);border-radius:4px;background:#fff;flex:none;
  margin-top:1px;display:grid;place-items:center;cursor:pointer;transition:all var(--mdpr-t)}
.mdp-r2 .cbox svg{width:10px;height:10px;stroke:#fff;stroke-width:3.2;fill:none;opacity:0;transform:scale(.3);
  transition:all var(--mdpr-t)}
.mdp-r2 .cbox[aria-checked="true"]{background:var(--mdpr-p-600);border-color:var(--mdpr-p-600)}
.mdp-r2 .cbox[aria-checked="true"] svg{opacity:1;transform:scale(1)}
.mdp-r2 .checkrow label{font-weight:400;font-size:13.5px;color:var(--mdpr-ink-2);margin:0;cursor:pointer;line-height:1.45;
  display:inline;font-family:inherit}
.mdp-r2 .checkrow.locked,.mdp-r2 .ts.locked{opacity:.75}
.mdp-r2 .checkrow.locked .cbox{border-color:var(--mdpr-line);background:var(--mdpr-surf);cursor:not-allowed}
.mdp-r2 .checkrow.locked label{color:var(--mdpr-ink-4);cursor:not-allowed}

/* human verification box: hosts the REAL captcha when present, mock otherwise */
.mdp-r2 .ts{display:flex;align-items:center;gap:12px;border:1px solid var(--mdpr-line-2);border-radius:var(--mdpr-r);
  padding:11px 14px;max-width:310px;margin:20px auto 0;background:#fff;position:relative}
.mdp-r2 .ts.locked{background:var(--mdpr-surf);border-style:dashed}
.mdp-r2 .ts.locked .tstext{color:var(--mdpr-ink-4)}
.mdp-r2 .ts.locked::after{content:"";position:absolute;inset:0;border-radius:var(--mdpr-r);cursor:not-allowed;z-index:3}
.mdp-r2 .tsbox{width:22px;height:22px;border:1.5px solid var(--mdpr-line-2);border-radius:4px;background:#fff;cursor:pointer;
  flex:none;display:grid;place-items:center}
.mdp-r2 .tstext{font-size:13.5px;flex:1;color:var(--mdpr-ink-2)}
.mdp-r2 .tsb{font-size:8.5px;color:var(--mdpr-ink-4);text-align:right;line-height:1.5;letter-spacing:.04em;text-transform:uppercase}
/* real captcha widget slotted in (recaptcha/turnstile) */
.mdp-r2 .ts.has-real{max-width:none;border:0;padding:0;background:transparent;justify-content:center}
.mdp-r2 .ts.has-real.locked{opacity:.55}
.mdp-r2 .spin{width:15px;height:15px;border:2px solid var(--mdpr-p-100);border-top-color:var(--mdpr-p-600);border-radius:50%;
  animation:mdp-r2-spin .7s linear infinite}
@keyframes mdp-r2-spin{to{transform:rotate(360deg)}}

.mdp-r2 .gate{display:flex;gap:6px;align-items:flex-start;justify-content:center;text-align:center;
  font-size:12.5px;margin:7px 0 0;color:var(--mdpr-ink-4);line-height:1.45;transition:color var(--mdpr-t)}
.mdp-r2 .gate:empty{display:none}
.mdp-r2 .gate.good{color:var(--mdpr-g-600);font-weight:500}
.mdp-r2 .gate.warn{color:var(--mdpr-o-600);font-weight:500}
.mdp-r2 .gate svg{width:12px;height:12px;flex:none;margin-top:3px;stroke:currentColor;stroke-width:1.8;fill:none}
.mdp-r2 .nudge{animation:mdp-r2-nudge 420ms cubic-bezier(.36,.07,.19,.97)}
@keyframes mdp-r2-nudge{10%,90%{transform:translateX(-1px)}20%,80%{transform:translateX(2px)}
  30%,50%,70%{transform:translateX(-4px)}40%,60%{transform:translateX(4px)}}
.mdp-r2 .spot{box-shadow:0 0 0 4px var(--mdpr-p-100)!important;border-radius:var(--mdpr-r)}

/* while the signup AJAX runs: fields are readOnly (so FormData keeps them);
   selects and pointer interaction are blocked here instead of [disabled] */
.mdp-r2.is-submitting .field input,
.mdp-r2.is-submitting .field select{background:var(--mdpr-surf) !important;color:var(--mdpr-ink-4) !important}
.mdp-r2.is-submitting .field select,
.mdp-r2.is-submitting .types,
.mdp-r2.is-submitting .cbox,
.mdp-r2.is-submitting .ts{pointer-events:none}

/* submit */
.mdp-r2 .submit{width:100%;height:50px;margin-top:22px;border-radius:var(--mdpr-pill);border:0;font-size:15.5px;font-weight:600;
  color:#fff;background:var(--mdpr-p-600);cursor:pointer;display:flex;align-items:center;justify-content:center;gap:9px;
  transition:background var(--mdpr-t),box-shadow var(--mdpr-t),transform 140ms;font-family:inherit}
.mdp-r2 .submit:hover:not(:disabled){background:var(--mdpr-p-700);transform:translateY(-1px);
  box-shadow:0 12px 24px -12px rgba(79,82,206,.8)}
.mdp-r2 .submit:disabled{background:#E9EAF4;color:#A4A9C4;cursor:not-allowed}
.mdp-r2 .submit .spin{border-color:rgba(255,255,255,.35);border-top-color:#fff}
.mdp-r2 .bhint{text-align:center;font-size:12.5px;color:var(--mdpr-ink-3);margin:10px 0 0;min-height:18px}
.mdp-r2 .bhint:empty{display:none}
.mdp-r2 .foot{text-align:center;font-size:13.5px;color:var(--mdpr-ink-3);margin:18px 0 0}

/* ================= success / closed views ================= */
.mdp-r2 .success{display:none;text-align:center;padding:26px 4px 10px}
.mdp-r2 .success.show{display:block;animation:mdp-r2-rise 320ms cubic-bezier(.2,.7,.3,1)}
@keyframes mdp-r2-rise{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
.mdp-r2 .sicon{width:66px;height:66px;border-radius:50%;background:var(--mdpr-g-050);border:1.5px solid var(--mdpr-g-200);
  display:grid;place-items:center;margin:0 auto 20px;font-size:28px}
.mdp-r2 .sicon svg{width:29px;height:29px;stroke:var(--mdpr-g-500);stroke-width:2.6;fill:none;stroke-dasharray:44;
  stroke-dashoffset:44;animation:mdp-r2-draw 500ms 150ms forwards ease-out}
@keyframes mdp-r2-draw{to{stroke-dashoffset:0}}
.mdp-r2 .success h2{font-size:22px;font-weight:700;letter-spacing:-.02em;margin:0 0 9px;color:var(--mdpr-ink)}
.mdp-r2 .success p{color:var(--mdpr-ink-3);margin:0 auto 22px;max-width:38ch;font-size:14.5px}
.mdp-r2 .success b{color:var(--mdpr-ink);font-weight:600}
.mdp-r2 .srow{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}
.mdp-r2 .btn2{height:42px;padding:0 20px;border-radius:var(--mdpr-pill);border:1px solid var(--mdpr-line-2);background:#fff;
  font-weight:500;font-size:14px;cursor:pointer;color:var(--mdpr-ink-2);font-family:inherit}
.mdp-r2 .btn2:hover{border-color:var(--mdpr-p-600);color:var(--mdpr-p-600)}
.mdp-r2 .btn1{height:42px;padding:0 20px;border-radius:var(--mdpr-pill);border:0;background:var(--mdpr-p-600);color:#fff;
  font-weight:500;font-size:14px;cursor:pointer;font-family:inherit}

/* ================= discard confirm ================= */
.mdp-r2-confirm{position:absolute;inset:0;z-index:20;border-radius:18px;background:rgba(255,255,255,.82);
  -webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);display:none;place-items:center;padding:20px;
  font-family:Inter,-apple-system,"Segoe UI",Roboto,sans-serif}
.mdp-r2-confirm.show{display:grid;animation:mdp-r2-fadein 160ms}
@keyframes mdp-r2-fadein{from{opacity:0}to{opacity:1}}
.mdp-r2-confirm .confirmcard{background:#fff;border:1px solid #E6E6F5;border-radius:14px;padding:22px 22px 18px;
  max-width:380px;box-shadow:0 20px 50px -18px rgba(3,4,81,.4);animation:mdp-r2-pop 180ms cubic-bezier(.2,.7,.3,1)}
@keyframes mdp-r2-pop{from{opacity:0;transform:scale(.97) translateY(6px)}to{opacity:1;transform:none}}
.mdp-r2-confirm h2{font-size:17px;font-weight:700;margin:0 0 7px;letter-spacing:-.01em;color:#030451}
.mdp-r2-confirm p{margin:0 0 18px;font-size:13.5px;color:#6E749B;line-height:1.5}
.mdp-r2-confirm .confirmrow{display:flex;gap:9px;justify-content:flex-end;flex-wrap:wrap}
.mdp-r2-confirm .btn-keep{height:40px;padding:0 18px;border-radius:999px;border:0;background:#6265E4;color:#fff;
  font-size:14px;font-weight:600;cursor:pointer;font-family:inherit}
.mdp-r2-confirm .btn-keep:hover{background:#4F52CE}
.mdp-r2-confirm .btn-discard{height:40px;padding:0 18px;border-radius:999px;border:1px solid #D6D7EA;background:#fff;
  color:#D0342C;font-size:14px;font-weight:500;cursor:pointer;font-family:inherit}
.mdp-r2-confirm .btn-discard:hover{border-color:#D0342C;background:#FEF3F2}

/* ================= toasts ================= */
.mdp-r2-toasts{position:fixed;right:18px;bottom:18px;display:grid;gap:10px;z-index:100050;
  max-width:min(340px,calc(100vw - 36px));font-family:Inter,-apple-system,"Segoe UI",Roboto,sans-serif}
.mdp-r2-toasts .toast{background:#fff;border:1px solid #E6E6F5;border-left:3px solid #D0342C;border-radius:12px;
  padding:13px 15px;box-shadow:0 12px 34px -12px rgba(3,4,81,.4);animation:mdp-r2-slide 220ms}
.mdp-r2-toasts .toast.warn{border-left-color:#B45309}
@keyframes mdp-r2-slide{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
.mdp-r2-toasts .toast strong{display:block;font-size:14px;margin-bottom:2px;color:#030451}
.mdp-r2-toasts .toast p{margin:0;font-size:13px;color:#6E749B}
.mdp-r2-toasts .toast .mini{margin-top:10px;height:31px;padding:0 14px;border-radius:999px;border:1px solid #D6D7EA;
  background:#fff;font-size:12.5px;font-weight:500;cursor:pointer;color:#3B4079;font-family:inherit}

/* footer line under the modal, on the backdrop */
.mdp-r2-pagefoot{display:none}
@media(min-width:760px){
  .jobsearch-modal.mdp-reg2.mdp-reg2-open .mdp-r2-pagefoot{
    display:block;position:absolute;top:100%;left:0;right:0;margin:14px auto 0;max-width:600px;
    text-align:center;font-size:11.5px;line-height:1.5;color:rgba(255,255,255,.72);
    font-family:Inter,-apple-system,"Segoe UI",Roboto,sans-serif}
}

@media(prefers-reduced-motion:reduce){
  .mdp-r2 *,.mdp-r2-confirm,.mdp-r2-toasts .toast{transition:none!important}
}