.join-hero{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(280px,.85fr);gap:1rem;align-items:stretch}.join-hero.compact{grid-template-columns:1fr auto}.guide-card{background:#fff;border:1px solid var(--line,#dfe8f5);border-radius:24px;padding:1.2rem;box-shadow:var(--shadow2,0 10px 28px rgba(15,72,130,.08))}.guide-card ol{margin:.75rem 0 0;padding-left:1.2rem;color:#475569}.role-join-grid{margin-top:1rem}.role-join-card h4{margin:.75rem 0 .3rem}.role-join-card ul{margin:.25rem 0 1rem;padding-left:1.15rem;color:#475569}.onboarding-layout{display:grid;grid-template-columns:minmax(240px,330px) minmax(0,1fr);gap:1rem;align-items:start}.onboarding-steps{position:sticky;top:92px}.role-step{display:block;text-decoration:none;border:1px solid var(--line,#dfe8f5);border-radius:18px;padding:.85rem;margin:.55rem 0;background:#f8fbff;color:#13213c}.role-step.active{background:linear-gradient(135deg,#eaf3ff,#ecfffb);border-color:#8bd9ff;box-shadow:0 10px 24px rgba(12,109,253,.1)}.role-step b,.role-step small{display:block}.role-step small{color:#64748b;margin-top:.25rem;line-height:1.35}.provider-form label{display:grid;gap:.35rem;font-weight:800;color:#24364f}.provider-form input,.provider-form select,.provider-form textarea{width:100%;border:1px solid var(--line,#dfe8f5);border-radius:14px;padding:.78rem .9rem;background:#fff;color:#13213c;min-height:44px}.provider-form input[type=file]{padding:.6rem;background:#f8fbff}.form-grid.two{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem}.upload-grid{margin-top:.5rem}.rule-box{border:1px solid #cfe9ff;background:#f5fbff;border-radius:18px;padding:.85rem;margin-top:.8rem}.rule-box p{margin:.35rem 0 0;color:#52637a}.alert{border-radius:18px;padding:.9rem 1rem;margin:.8rem 0;font-weight:850}.alert.success{background:#ecfdf5;color:#166534;border:1px solid #bbf7d0}.alert.danger{background:#fff1f2;color:#be123c;border:1px solid #fecdd3}.status-card{display:grid;gap:.45rem}.doc-chip{display:inline-flex;margin:.15rem .25rem .15rem 0;padding:.32rem .55rem;border-radius:999px;background:#eff7ff;color:#0b55b7;font-weight:800;font-size:.8rem}.inline-action{display:flex;gap:.35rem;align-items:center;flex-wrap:wrap}.inline-action input{min-width:180px;flex:1 1 180px}.inline-action button{min-height:38px;padding:.5rem .7rem}.mini-list{border:1px solid var(--line,#dfe8f5);border-radius:16px;padding:.8rem;margin:.6rem 0;background:#f8fbff}.mini-list strong,.mini-list span,.mini-list small{display:block}.mini-list small{color:#64748b;margin-top:.2rem}@media(max-width:900px){.join-hero,.join-hero.compact,.onboarding-layout{grid-template-columns:1fr}.onboarding-steps{position:static}.form-grid.two{grid-template-columns:1fr}.inline-action{display:grid}.inline-action input,.inline-action button{width:100%}.table-wrap table{min-width:980px}}@media(max-width:430px){.provider-form,.onboarding-steps,.guide-card{border-radius:18px;padding:.9rem}.role-step{border-radius:15px;padding:.75rem}}

/* Modern provider join UI v3 */
.join-modern-hero{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:1rem;align-items:stretch;background:linear-gradient(135deg,#ffffff,#eef6ff 55%,#ecfeff);border:1px solid var(--line,#dfe8f5);border-radius:30px;padding:clamp(18px,3vw,34px);box-shadow:0 24px 70px rgba(15,72,130,.1);margin-bottom:1rem}.join-modern-hero h1{margin:.25rem 0 .55rem;font-size:clamp(1.7rem,4vw,3.2rem);letter-spacing:-.05em}.join-modern-hero p{color:#52637a;line-height:1.65;max-width:850px}.join-hero-actions{display:flex;gap:.6rem;flex-wrap:wrap;margin-top:1rem}.join-process-card{background:#0f213d;color:#fff;border-radius:24px;padding:1rem;display:grid;gap:.55rem;box-shadow:0 20px 44px rgba(15,33,61,.22)}.join-process-card b{font-size:1.1rem}.join-process-card span{background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.16);border-radius:14px;padding:.6rem .7rem;font-weight:850}.provider-type-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem;margin:1rem 0}.provider-type-card{text-decoration:none;color:#13213c;background:#fff;border:1px solid var(--line,#dfe8f5);border-radius:22px;padding:1rem;display:grid;gap:.45rem;min-height:160px;box-shadow:0 14px 34px rgba(15,72,130,.07)}.provider-type-card.active{border-color:#60a5fa;background:linear-gradient(135deg,#eff6ff,#ecfeff);box-shadow:0 18px 42px rgba(37,99,235,.12)}.provider-type-card strong{font-size:1rem}.provider-type-card span{color:#52637a;line-height:1.45}.provider-type-card em{align-self:end;width:max-content;border-radius:999px;background:#eaf3ff;color:#1d4ed8;padding:.28rem .6rem;font-weight:900;font-style:normal}.onboarding-layout.modern{grid-template-columns:minmax(260px,360px) minmax(0,1fr)}.onboarding-steps.modern,.provider-form.modern{border-radius:26px;box-shadow:0 18px 48px rgba(15,72,130,.08)}.onboarding-steps.modern p{color:#52637a;line-height:1.6}.requirement-list{display:grid;gap:.45rem;padding:0;margin:.7rem 0;list-style:none}.requirement-list li{position:relative;padding:.58rem .7rem .58rem 2rem;border:1px solid var(--line,#dfe8f5);border-radius:14px;background:#f8fbff;color:#24364f;font-weight:800}.requirement-list li:before{content:"✓";position:absolute;left:.65rem;color:#059669}.form-title-row{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:.75rem}.form-title-row h2{margin:.15rem 0}.rmp-badge{border-radius:999px;background:#fff7ed;color:#c2410c;padding:.35rem .7rem;font-weight:900}.provider-form.modern h3{margin:1.1rem 0 .65rem}.gps-action-row{display:flex;gap:.7rem;align-items:center;flex-wrap:wrap;margin:.75rem 0}.gps-action-row small{color:#64748b;font-weight:800}@media(max-width:1050px){.join-modern-hero,.provider-type-grid,.onboarding-layout.modern{grid-template-columns:1fr}.provider-type-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.join-process-card{grid-template-columns:repeat(2,minmax(0,1fr))}.join-process-card b{grid-column:1/-1}}@media(max-width:620px){.provider-type-grid,.join-process-card{grid-template-columns:1fr}.join-modern-hero{border-radius:22px}.join-hero-actions,.gps-action-row,.form-title-row{display:grid}.button{width:100%}}

/* Provider onboarding role-specific patch v4 */
.provider-v4-hero{background:radial-gradient(circle at top left,#dff3ff,transparent 34%),linear-gradient(135deg,#ffffff,#f3f8ff 58%,#eefdfa);}
.compact-flow-card span{display:flex;align-items:center;gap:.4rem}.compact-flow-card span:before{content:"";width:8px;height:8px;border-radius:999px;background:#67e8f9;box-shadow:0 0 0 4px rgba(103,232,249,.12)}
.provider-v4-types{grid-template-columns:repeat(4,minmax(0,1fr))}.provider-v4-types .provider-type-card{position:relative;overflow:hidden;min-height:190px}.provider-v4-types .provider-type-card:after{content:"";position:absolute;right:-30px;top:-34px;width:96px;height:96px;border-radius:999px;background:linear-gradient(135deg,rgba(59,130,246,.12),rgba(14,165,233,.08))}.provider-v4-types .provider-type-card i{width:44px;height:44px;border-radius:16px;display:grid;place-items:center;background:#f1f8ff;font-style:normal;font-size:1.35rem}.provider-v4-types .provider-type-card small{color:#0b66c3;text-transform:uppercase;letter-spacing:.08em;font-weight:950}.provider-v4-types .provider-type-card.active i{background:#0ea5e9;color:#fff}.provider-v4-layout{align-items:start}.provider-v4-side{position:sticky;top:88px}.selected-role-mark{display:flex;gap:.75rem;align-items:center}.selected-role-mark i{width:52px;height:52px;border-radius:18px;background:linear-gradient(135deg,#e0f2fe,#dbeafe);display:grid;place-items:center;font-style:normal;font-size:1.5rem}.selected-role-mark small{font-weight:950;color:#2563eb;text-transform:uppercase;letter-spacing:.08em}.selected-role-mark h2{margin:.1rem 0 0}.provider-v4-form{padding:clamp(1rem,2vw,1.35rem)}.form-progress{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.45rem;margin:.8rem 0 1rem}.form-progress span{border:1px solid #dbeafe;background:#f8fbff;border-radius:999px;padding:.5rem .65rem;text-align:center;font-weight:950;color:#64748b}.form-progress span.done,.form-progress span.active{background:#eaf3ff;color:#075db3;border-color:#93c5fd}.form-block{border:1px solid #dfe8f5;background:linear-gradient(180deg,#ffffff,#fbfdff);border-radius:24px;padding:1rem;margin:1rem 0;box-shadow:0 12px 28px rgba(15,72,130,.045)}.form-block h3{display:flex;align-items:center;gap:.5rem;margin-top:0}.form-block h3:before{content:"";width:10px;height:10px;border-radius:999px;background:#0ea5e9}.provider-v4-form label small{font-weight:800;color:#64748b}.form-grid .wide{grid-column:1/-1}.provider-v4-form input[readonly]{background:#eef6ff;color:#0f3b64}.otp-block{background:linear-gradient(135deg,#eff6ff,#ecfeff)}.otp-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.8rem;align-items:end}.single-next,.submit-row{justify-content:flex-end}.upload-panel{background:#fbfdff}.upload-grid label{border:1px dashed #cbdcf0;background:#f8fbff;border-radius:18px;padding:.8rem}.speciality-pills{display:flex;gap:.45rem;flex-wrap:wrap;margin:.5rem 0 .9rem}.speciality-pills label{display:inline-flex;align-items:center;gap:.35rem;border:1px solid #dbeafe;background:#f8fbff;border-radius:999px;padding:.4rem .7rem;cursor:pointer;font-weight:900}.speciality-pills input{width:auto;min-height:0}.speciality-pills label:has(input:checked){background:#eaf3ff;border-color:#60a5fa;color:#1d4ed8}.gps-action-row .button{min-width:170px}@media(max-width:1100px){.provider-v4-types{grid-template-columns:repeat(2,minmax(0,1fr))}.provider-v4-side{position:static}}@media(max-width:720px){.provider-v4-types,.form-progress,.otp-row{grid-template-columns:1fr}.form-progress{text-align:left}.provider-v4-form{padding:.9rem}.form-block{border-radius:18px}.single-next,.submit-row{display:grid}.single-next .button,.submit-row .button{width:100%}}

/* Provider onboarding compact card patch v5 */
.provider-v5-hero{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:.85rem;
  padding:clamp(12px,2.2vw,22px);
  border-radius:22px;
  margin-bottom:.75rem;
}
.provider-v5-hero h1{
  font-size:clamp(1.35rem,3vw,2.3rem);
  margin:.1rem 0 .25rem;
  letter-spacing:-.035em;
}
.provider-v5-hero p{
  margin:0;
  font-size:.94rem;
  line-height:1.35;
  color:#52637a;
}
.status-only-btn{white-space:nowrap;min-height:42px;padding:.72rem 1rem;border-radius:14px;font-weight:950}
.provider-v5-types{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:.65rem;
  margin:.75rem 0 1rem;
}
.provider-v5-types .provider-type-card{
  min-height:auto;
  border-radius:18px;
  padding:.75rem;
  display:grid;
  grid-template-columns:38px minmax(0,1fr);
  grid-template-areas:"icon text" "action action";
  gap:.5rem .6rem;
  align-items:center;
  box-shadow:0 10px 22px rgba(15,72,130,.055);
}
.provider-v5-types .provider-type-card:after{display:none}
.provider-v5-types .provider-type-card i{
  grid-area:icon;
  width:38px;
  height:38px;
  border-radius:14px;
  display:grid;
  place-items:center;
  background:#eef7ff;
  font-size:1.18rem;
  font-style:normal;
}
.provider-v5-types .provider-type-card>div{grid-area:text;min-width:0}
.provider-v5-types .provider-type-card small{
  display:block;
  font-size:.64rem;
  line-height:1.1;
  color:#2563eb;
  text-transform:uppercase;
  letter-spacing:.06em;
  font-weight:950;
  margin-bottom:.18rem;
}
.provider-v5-types .provider-type-card strong{
  display:block;
  font-size:.9rem;
  line-height:1.15;
  letter-spacing:-.015em;
}
.provider-v5-types .provider-type-card span{
  display:block;
  font-size:.75rem;
  line-height:1.25;
  color:#64748b;
  margin-top:.18rem;
}
.provider-v5-types .provider-type-card em{
  grid-area:action;
  width:max-content;
  min-width:64px;
  text-align:center;
  border-radius:999px;
  padding:.22rem .52rem;
  font-size:.72rem;
  font-weight:950;
}
.provider-v5-types .provider-type-card.active{
  border-color:#38bdf8;
  background:linear-gradient(135deg,#eff6ff,#f0fdfa);
}
.provider-v5-types .provider-type-card.active i{background:#0ea5e9;color:#fff}
.provider-v5-layout{display:block;max-width:1040px;margin:0 auto}
.provider-v5-form{
  border-radius:24px;
  padding:clamp(.9rem,2vw,1.25rem);
}
.provider-v5-form .form-title-row{
  padding:.75rem .85rem;
  border:1px solid #e2ecf8;
  border-radius:18px;
  background:linear-gradient(135deg,#ffffff,#f8fbff);
  margin-bottom:.8rem;
}
.provider-v5-form .form-title-row h2{
  font-size:clamp(1.1rem,2vw,1.5rem);
  margin:.05rem 0 .12rem;
}
.provider-v5-form .form-title-row p{
  margin:0;
  color:#64748b;
  font-size:.88rem;
  line-height:1.35;
}
.provider-v5-form .form-block{
  padding:.9rem;
  margin:.75rem 0;
  border-radius:20px;
}
.provider-v5-form .form-block h3{font-size:1rem;margin:0 0 .6rem}
.modern-next-btn,
.provider-v5-form .submit-row .button{
  min-height:46px;
  border-radius:15px;
  padding:.82rem 1.15rem;
  font-weight:950;
  box-shadow:0 12px 24px rgba(37,99,235,.18);
}
.provider-v5-form .single-next{margin-top:.8rem}
.provider-v5-form .form-progress{display:none!important}
@media(max-width:920px){
  .provider-v5-types{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:620px){
  .provider-v5-hero{display:grid;border-radius:18px;padding:.9rem}
  .provider-v5-hero h1{font-size:1.35rem}
  .provider-v5-hero p{font-size:.85rem}
  .status-only-btn{width:100%;text-align:center}
  .provider-v5-types{grid-template-columns:1fr;gap:.5rem;margin:.6rem 0 .8rem}
  .provider-v5-types .provider-type-card{
    border-radius:15px;
    padding:.62rem;
    grid-template-columns:34px minmax(0,1fr) auto;
    grid-template-areas:"icon text action";
    gap:.5rem;
  }
  .provider-v5-types .provider-type-card i{width:34px;height:34px;border-radius:12px;font-size:1rem}
  .provider-v5-types .provider-type-card small{font-size:.58rem}
  .provider-v5-types .provider-type-card strong{font-size:.84rem}
  .provider-v5-types .provider-type-card span{font-size:.68rem;line-height:1.18}
  .provider-v5-types .provider-type-card em{font-size:.66rem;min-width:auto;padding:.2rem .45rem}
  .provider-v5-form{border-radius:18px;padding:.75rem}
  .provider-v5-form .form-title-row{display:block;padding:.7rem;border-radius:15px}
  .provider-v5-form .form-title-row h2{font-size:1.06rem}
  .provider-v5-form .form-title-row p{font-size:.8rem}
  .provider-v5-form .form-block{padding:.72rem;border-radius:16px}
  .provider-v5-form input,.provider-v5-form select,.provider-v5-form textarea{min-height:42px;border-radius:12px;padding:.68rem .75rem}
  .provider-v5-form .button{width:100%}
}