.credentials-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}
.credentials-actions button,#credentials-tabs button,#credentials-dialog button{font:inherit;cursor:pointer}
#credentials-dialog{width:min(440px,calc(100vw - 24px));max-height:calc(100dvh - 24px);overflow-y:auto;padding:22px;box-sizing:border-box}
#credentials-dialog .dialog-head{position:relative;padding-right:32px}
#credentials-dialog h2{margin:0;font-size:21px}
#credentials-intro{font-size:13px;color:#b6bfd1;line-height:1.6}
#credentials-tabs{display:flex;gap:8px;margin:14px 0}
#credentials-tabs button{flex:1;padding:9px;border:1px solid #44536d;border-radius:7px;background:#182438;color:#f1f5ff}
#credentials-tabs button[aria-pressed=true]{border-color:#7da7ff;background:#264777}
#credentials-form{display:grid;gap:13px}
#credentials-form label{display:grid;gap:6px;font-size:14px}
#credentials-form input{box-sizing:border-box;width:100%;min-width:0;border:1px solid #4c5c79;border-radius:7px;background:#101b2c;color:#fff;padding:11px;font:inherit}
#credentials-form input:focus-visible{outline:2px solid #8ab0ff;outline-offset:1px}
#credentials-form small{color:#b6bfd1;font-size:12px}
.credentials-password{display:flex;gap:7px;align-items:center;min-width:0}
.credentials-password input{flex:1}
.credentials-password button{flex:none;border:1px solid #4c5c79;border-radius:7px;background:#1d2b42;color:#eef4ff;min-height:42px;padding:6px 10px}
#credentials-status{min-height:20px;margin:0;color:#ffc98a;font-size:13px;line-height:1.5;overflow-wrap:anywhere}
#credentials-submit{width:100%;min-height:44px}
#credentials-dialog [hidden]{display:none!important}
#credentials-dialog button:disabled{opacity:.5;cursor:wait}
@media(max-width:480px){#credentials-dialog{padding:17px}}