.auth-shell--recovery{
  width:min(1240px,100%);
  grid-template-columns:minmax(0,1.12fr) minmax(370px,.88fr);
}

.recovery-methods{
  margin:0 0 24px;
  padding:5px;
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:5px;
  border:1px solid rgba(151,180,183,.12);
  border-radius:14px;
  background:rgba(2,10,14,.48);
}

.recovery-method{
  min-height:52px;
  padding:8px 13px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:9px;
  border:1px solid transparent;
  border-radius:10px;
  color:#819599;
  background:transparent;
  font-size:13px;
  font-weight:900;
  text-decoration:none;
  transition:.18s ease;
}

.recovery-method svg{
  width:18px;
  height:18px;
  fill:none;
  stroke:currentColor;
  stroke-width:1.8;
  stroke-linecap:round;
  stroke-linejoin:round;
}

.recovery-method:hover{
  color:#dce8e5;
  border-color:rgba(185,229,50,.16);
  background:rgba(185,229,50,.035);
}

.recovery-method.is-active{
  color:#eaffad;
  border-color:rgba(185,229,50,.31);
  background:linear-gradient(135deg,rgba(185,229,50,.13),rgba(95,177,186,.05));
  box-shadow:0 0 24px rgba(185,229,50,.055),inset 0 1px rgba(255,255,255,.035);
}

.recovery-method.is-active svg{color:var(--auth-lime)}

.recovery-context{
  margin:-9px 0 22px;
  color:#72878b;
  font-size:12px;
  font-weight:650;
  line-height:1.9;
}

.recovery-context strong{color:#b6c7c6;font-weight:850}
.recovery-email-panel{
  position:relative;
  padding:18px;
  overflow:hidden;
  border:1px solid rgba(185,229,50,.17);
  border-radius:18px;
  background:
    radial-gradient(420px 170px at 100% 0,rgba(185,229,50,.075),transparent 68%),
    linear-gradient(145deg,rgba(13,34,41,.92),rgba(4,15,20,.9));
  box-shadow:inset 0 1px rgba(255,255,255,.025),0 20px 46px rgba(0,0,0,.17);
}

.recovery-email-panel::before{
  content:"";
  position:absolute;
  top:0;
  right:18px;
  left:18px;
  height:1px;
  background:linear-gradient(90deg,transparent,rgba(219,255,113,.5),transparent);
}

.recovery-email-panel__head{
  display:grid;
  grid-template-columns:46px minmax(0,1fr) auto;
  align-items:center;
  gap:12px;
}

.recovery-email-panel__icon{
  width:46px;
  height:46px;
  display:grid;
  place-items:center;
  border:1px solid rgba(185,229,50,.25);
  border-radius:14px;
  color:var(--auth-lime-bright);
  background:linear-gradient(145deg,rgba(185,229,50,.13),rgba(115,215,223,.035));
  box-shadow:0 0 24px rgba(185,229,50,.08),inset 0 1px rgba(255,255,255,.05);
}

.recovery-email-panel__icon svg,
.recovery-email-control__icon svg,
.recovery-email-privacy svg{
  fill:none;
  stroke:currentColor;
  stroke-width:1.8;
  stroke-linecap:round;
  stroke-linejoin:round;
}

.recovery-email-panel__icon svg{width:22px;height:22px}
.recovery-email-panel__eyebrow{display:block;margin-bottom:2px;color:#789095;font-size:8px;font-weight:900;letter-spacing:.12em}
.recovery-email-panel__head h3{margin:0;color:#edf5f3;font-size:15px;font-weight:900;line-height:1.65}
.recovery-email-panel__head p{margin:2px 0 0;color:#71878b;font-size:10px;font-weight:650;line-height:1.75}

.recovery-email-panel__status{
  min-height:28px;
  padding:0 9px;
  display:inline-flex;
  align-items:center;
  gap:6px;
  border:1px solid rgba(185,229,50,.16);
  border-radius:999px;
  color:#a9c866;
  background:rgba(185,229,50,.035);
  font-size:10px;
  font-weight:900;
  white-space:nowrap;
}

.recovery-email-panel__status i{width:5px;height:5px;border-radius:50%;background:var(--auth-lime);box-shadow:0 0 9px rgba(185,229,50,.7)}

.recovery-email-panel__meta{
  margin:15px 0 17px;
  padding:9px 11px;
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:8px;
  border:1px solid rgba(144,176,180,.08);
  border-radius:11px;
  background:rgba(2,10,14,.35);
}

.recovery-email-panel__meta span{display:flex;align-items:center;gap:5px;color:#5f777c;font-size:10px;font-weight:650}
.recovery-email-panel__meta span::before{content:"";width:4px;height:4px;flex:0 0 4px;border-radius:50%;background:rgba(115,215,223,.7)}
.recovery-email-panel__meta strong{color:#9fb1b1;font-size:10px;font-weight:900}
.recovery-email-form{margin:0}
.recovery-email-control input{padding-left:44px!important}

.recovery-email-control__icon{
  position:absolute;
  z-index:2;
  left:8px;
  width:32px;
  height:32px;
  display:grid;
  place-items:center;
  border-right:1px solid rgba(158,190,193,.1);
  color:#6f858a;
  pointer-events:none;
}

.recovery-email-control__icon svg{width:16px;height:16px}
.recovery-email-control:focus-within .recovery-email-control__icon{color:var(--auth-lime)}
.recovery-email-help{color:#5e7479;font-size:10px;font-weight:650;line-height:1.75}
.recovery-email-actions{margin-top:17px}

.recovery-email-privacy{
  display:flex;
  align-items:flex-start;
  gap:8px;
  border-right-color:rgba(185,229,50,.28);
  background:rgba(185,229,50,.018);
}

.recovery-email-privacy svg{width:15px;height:15px;flex:0 0 15px;margin-top:3px;color:#8eae43}

.recovery-stage{
  margin-bottom:19px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
}

.recovery-stage__title{
  display:grid;
  gap:3px;
}

.recovery-stage__title strong{font-size:14px;font-weight:900}
.recovery-stage__title span{color:var(--auth-muted);font-size:11px;font-weight:650;line-height:1.8}

.recovery-stage__number{
  width:36px;
  height:36px;
  flex:0 0 36px;
  display:grid;
  place-items:center;
  border:1px solid rgba(185,229,50,.28);
  border-radius:50%;
  color:var(--auth-lime);
  background:rgba(185,229,50,.045);
  font-size:10px;
  font-weight:950;
  box-shadow:0 0 18px rgba(185,229,50,.07);
}

.recovery-mobile-mask{
  direction:ltr;
  unicode-bidi:isolate;
  color:var(--auth-lime-bright);
  font-weight:900;
  letter-spacing:.08em;
}

.recovery-otp .auth-control{height:64px}
.recovery-otp .auth-control input{
  height:64px;
  direction:ltr;
  text-align:center;
  font-size:28px;
  font-weight:900;
  letter-spacing:.48em;
  padding-left:4px;
}

.recovery-tools{
  margin-top:13px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  flex-wrap:wrap;
}

.recovery-tool-form{margin:0}

.recovery-link-button{
  padding:0;
  border:0;
  color:#8ea2a4;
  background:transparent;
  font:inherit;
  font-size:12px;
  font-weight:850;
  cursor:pointer;
  text-decoration:none;
}

.recovery-link-button:hover{color:var(--auth-lime)}
.recovery-link-button:disabled{color:#43575c;cursor:not-allowed}

.recovery-privacy{
  margin-top:18px;
  padding:11px 13px;
  border-right:2px solid rgba(115,215,223,.32);
  border-radius:6px 10px 10px 6px;
  color:#657b80;
  background:rgba(115,215,223,.022);
  font-size:11px;
  font-weight:650;
  line-height:1.9;
}

.recovery-choice-card{
  padding:13px 14px;
  display:grid;
  gap:4px;
  border:1px solid rgba(151,181,184,.09);
  border-radius:12px;
  background:linear-gradient(90deg,rgba(255,255,255,.013),rgba(255,255,255,.03));
}

.recovery-choice-card strong{font-size:13px;font-weight:900}
.recovery-choice-card span{color:var(--auth-muted);font-size:11px;font-weight:650;line-height:1.8}

.auth-button:disabled{
  transform:none;
  color:#50646a;
  border:1px solid rgba(151,180,183,.08);
  background:rgba(255,255,255,.018);
  box-shadow:none;
  cursor:not-allowed;
}

@media (max-width:680px){
  .recovery-method{padding-inline:8px;font-size:12px}
  .recovery-email-panel{padding:15px}
  .recovery-email-panel__head{grid-template-columns:42px minmax(0,1fr)}
  .recovery-email-panel__icon{width:42px;height:42px}
  .recovery-email-panel__status{display:none}
  .recovery-email-panel__meta{grid-template-columns:1fr}
  .recovery-stage{align-items:flex-start}
  .recovery-tools{align-items:flex-start;flex-direction:column}
}

/* Light palette. Geometry and the dark defaults above remain unchanged. */
html[data-theme="light"] .recovery-methods{
  border-color:var(--theme-line,rgba(37,99,235,.15));
  background:var(--theme-surface-soft,#edf4fa);
}

html[data-theme="light"] .recovery-method{
  color:var(--theme-muted,#5b7188);
  border-color:transparent;
  background:transparent;
}

html[data-theme="light"] .recovery-method:hover{
  color:var(--theme-text,#10243a);
  border-color:var(--theme-line-strong,rgba(27,82,128,.27));
  background:var(--theme-surface-hover,#e3eef8);
}

html[data-theme="light"] .recovery-method.is-active{
  color:var(--theme-accent-strong,#075a91);
  border-color:rgba(18,111,172,.34);
  background:linear-gradient(135deg,rgba(18,111,172,.15),rgba(14,116,144,.07));
  box-shadow:0 0 24px rgba(18,111,172,.08),inset 0 1px rgba(255,255,255,.82);
}

html[data-theme="light"] .recovery-context{
  color:var(--theme-muted,#5b7188);
}

html[data-theme="light"] .recovery-context strong{
  color:var(--theme-text-soft,#2d4864);
}

html[data-theme="light"] .recovery-email-panel{
  border-color:rgba(18,111,172,.22);
  background:
    radial-gradient(420px 170px at 100% 0,rgba(18,111,172,.11),transparent 68%),
    linear-gradient(145deg,rgba(255,255,255,.98),rgba(237,244,250,.94));
  box-shadow:inset 0 1px rgba(255,255,255,.92),0 20px 46px var(--theme-shadow-color,rgba(25,65,105,.16));
}

html[data-theme="light"] .recovery-email-panel::before{
  background:linear-gradient(90deg,transparent,rgba(18,111,172,.48),transparent);
}

html[data-theme="light"] .recovery-email-panel__icon{
  color:var(--theme-accent-strong,#075a91);
  border-color:rgba(18,111,172,.28);
  background:linear-gradient(145deg,rgba(18,111,172,.15),rgba(14,116,144,.06));
  box-shadow:0 0 24px rgba(18,111,172,.1),inset 0 1px rgba(255,255,255,.74);
}

html[data-theme="light"] .recovery-email-panel__eyebrow,
html[data-theme="light"] .recovery-email-panel__head p{
  color:var(--theme-muted,#5b7188);
}

html[data-theme="light"] .recovery-email-panel__head h3{
  color:var(--theme-text,#10243a);
}

html[data-theme="light"] .recovery-email-panel__status{
  color:var(--theme-accent-strong,#075a91);
  border-color:rgba(18,111,172,.24);
  background:rgba(18,111,172,.08);
}

html[data-theme="light"] .recovery-email-panel__status i{
  background:var(--theme-accent,#126fac);
  box-shadow:0 0 9px rgba(18,111,172,.42);
}

html[data-theme="light"] .recovery-email-panel__meta{
  border-color:var(--theme-line,rgba(27,82,128,.15));
  background:rgba(255,255,255,.68);
}

html[data-theme="light"] .recovery-email-panel__meta span{
  color:var(--theme-muted,#5b7188);
}

html[data-theme="light"] .recovery-email-panel__meta span::before{
  background:var(--theme-accent,#126fac);
}

html[data-theme="light"] .recovery-email-panel__meta strong{
  color:var(--theme-text-soft,#2d4864);
}

html[data-theme="light"] .recovery-email-control__icon{
  color:var(--theme-muted,#5b7188);
  border-right-color:var(--theme-line,rgba(27,82,128,.15));
}

html[data-theme="light"] .recovery-email-control:focus-within .recovery-email-control__icon{
  color:var(--theme-accent,#126fac);
}

html[data-theme="light"] .recovery-email-help{
  color:var(--theme-muted,#5b7188);
}

html[data-theme="light"] .recovery-email-privacy{
  border-right-color:rgba(18,111,172,.3);
  background:rgba(18,111,172,.055);
}

html[data-theme="light"] .recovery-email-privacy svg{
  color:var(--theme-accent-strong,#075a91);
}

html[data-theme="light"] .recovery-stage__title strong{
  color:var(--theme-text,#10243a);
}

html[data-theme="light"] .recovery-stage__title span{
  color:var(--theme-muted,#5b7188);
}

html[data-theme="light"] .recovery-stage__number{
  color:var(--theme-accent-strong,#075a91);
  border-color:rgba(18,111,172,.3);
  background:rgba(18,111,172,.08);
  box-shadow:0 0 18px rgba(18,111,172,.09);
}

html[data-theme="light"] .recovery-mobile-mask{
  color:var(--theme-accent-strong,#075a91);
}

html[data-theme="light"] .recovery-link-button{
  color:var(--theme-text-soft,#2d4864);
  background:transparent;
}

html[data-theme="light"] .recovery-link-button:hover{
  color:var(--theme-accent-strong,#075a91);
}

html[data-theme="light"] .recovery-link-button:disabled{
  color:#8999a9;
}

html[data-theme="light"] .recovery-privacy{
  color:var(--theme-muted,#5b7188);
  border-right-color:rgba(18,111,172,.3);
  background:rgba(18,111,172,.055);
}

html[data-theme="light"] .recovery-choice-card{
  border-color:var(--theme-line,rgba(27,82,128,.15));
  background:linear-gradient(90deg,rgba(255,255,255,.72),rgba(227,238,248,.88));
}

html[data-theme="light"] .recovery-choice-card strong{
  color:var(--theme-text,#10243a);
}

html[data-theme="light"] .recovery-choice-card span{
  color:var(--theme-muted,#5b7188);
}

html[data-theme="light"] .auth-button:disabled{
  color:#8999a9;
  border-color:var(--theme-line,rgba(27,82,128,.15));
  background:var(--theme-surface-soft,#edf4fa);
  box-shadow:none;
}
