/* Eterano v1.21.2i — Account credentials + secure signed-in auth changes */
#settingsAccountPanel #accountCredentials1212i{grid-column:1/-1}
.account-credentials1212i{display:grid;gap:12px}
.credentials-head1212i{display:flex;justify-content:space-between;align-items:flex-start;gap:14px}
.credentials-head1212i>div{display:grid;gap:3px;min-width:0}
.credentials-head1212i>div>span,.credential-row1212i>div>span{font-size:.75rem;color:var(--muted);font-weight:750}
.credentials-head1212i>div>strong{font-size:1rem;overflow-wrap:anywhere}
.account-credentials1212i>p{margin:0!important}
.credential-rows1212i{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.credential-row1212i{display:flex;align-items:center;justify-content:space-between;gap:14px;border:1px solid var(--line);background:var(--surface);border-radius:13px;padding:13px}
.credential-row1212i>div{display:grid;gap:4px;min-width:0}
.credential-row1212i>div>strong{overflow-wrap:anywhere}
.credential-row1212i small{color:var(--muted);line-height:1.4}
.credential-row1212i button{flex:0 0 auto;white-space:nowrap}
.credential-pending1212i{display:grid;grid-template-columns:auto 1fr;gap:3px 10px;align-items:center;border:1px solid color-mix(in srgb,#d79015 40%,var(--line));background:color-mix(in srgb,var(--surface-soft) 92%,#f0a33a 8%);border-radius:12px;padding:11px 12px}
.credential-pending1212i>span{color:#d79015;font-size:.72rem;font-weight:900;text-transform:uppercase;letter-spacing:.04em}
.credential-pending1212i>strong{overflow-wrap:anywhere}
.credential-pending1212i>small{grid-column:1/-1;color:var(--muted);line-height:1.4}

.account-auth-modal1212i{width:min(650px,calc(100vw - 28px))}
.account-auth-modal1212i form{padding:25px}
.account-auth-intro1212i{margin:.4rem 0 0;line-height:1.5}
.account-current1212i{display:grid;gap:5px;border:1px solid var(--line);border-radius:13px;background:var(--surface-soft);padding:12px 13px;margin-bottom:15px}
.account-current1212i span{font-size:.75rem;color:var(--muted);font-weight:750}
.account-current1212i strong{overflow-wrap:anywhere}
.account-auth-help1212i{font-size:.8rem;line-height:1.5;margin:-3px 0 15px}
.account-auth-success1212i{text-align:center;padding:16px 4px 4px}
.account-auth-success1212i h3{margin:12px 0 7px;font-size:1.35rem}
.account-auth-success1212i p{max-width:510px;margin:0 auto 18px;line-height:1.55}
.account-auth-success-icon1212i{width:52px;height:52px;margin:0 auto;border-radius:50%;display:grid;place-items:center;background:rgba(20,166,112,.13);border:1px solid rgba(20,166,112,.35);color:#18a874;font-size:1.4rem;font-weight:900}
.reauth-sent1212i{display:flex;align-items:flex-start;gap:9px;border:1px solid rgba(20,166,112,.28);background:rgba(20,166,112,.08);border-radius:12px;padding:10px 12px;margin-bottom:15px}
.reauth-sent1212i>span{color:#18a874;font-weight:900}
.reauth-sent1212i p{margin:0;color:var(--muted);font-size:.82rem;line-height:1.45}
.password-field1212i{position:relative}
.password-field1212i input{padding-right:72px}
.password-field1212i .password-reveal1212i{position:absolute;right:7px;top:50%;transform:translateY(-50%);border:0;background:transparent;color:var(--accent-strong,#1479f8);font-size:.76rem;font-weight:800;padding:7px 8px}

@media(max-width:760px){
  .credential-rows1212i{grid-template-columns:1fr}
  .credential-row1212i{align-items:stretch;flex-direction:column}
  .credential-row1212i button{width:100%}
  .credentials-head1212i{flex-direction:column}
  .account-auth-modal1212i{width:calc(100vw - 16px);max-height:94vh}
  .account-auth-modal1212i form{padding:18px}
}