/* Login dialog (see login-popup.js): one rounded card, big fields, one primary button */
.auction-login-dialog{width:min(420px,calc(100vw - 32px));max-height:calc(100vh - 32px);padding:24px;border:0;border-radius:20px;background:#fff;color:#191f28;box-shadow:0 20px 60px rgba(25,31,40,.28);overflow:auto}
.auction-login-dialog::backdrop{background:rgba(25,31,40,.5)}
.auction-login-dialog header{display:flex;align-items:center;justify-content:space-between;margin:0 0 6px}
.auction-login-dialog h2{margin:0;font-size:22px;font-weight:800;letter-spacing:-.03em}
.auction-login-close{width:36px;height:36px;margin:-6px -8px 0 0;border:0;border-radius:50%;background:transparent;color:#6b7684;font-size:26px;line-height:1;cursor:pointer}
.auction-login-close:hover{background:#f2f4f6}
.auction-login-note{margin:0 0 18px;font-size:14px;line-height:1.6;color:#6b7684}
.auction-login-body form,.auction-login-body fieldset{margin:0;padding:0;border:0}
.auction-login-body .control-group{display:flex;flex-direction:column;gap:10px;margin:0 0 12px}
.auction-login-body input[type=text],.auction-login-body input[type=password]{width:100%;height:48px;padding:0 14px;border:1px solid #e5e8eb;border-radius:12px;background:#fff;color:#191f28;font:inherit;font-size:15px;box-sizing:border-box}
.auction-login-body input[type=text]:focus,.auction-login-body input[type=password]:focus{outline:0;border-color:#3563f0;box-shadow:0 0 0 3px rgba(53,99,240,.16)}
.auction-login-body label{display:flex;align-items:center;gap:8px;font-size:13px;color:#4e5968}
.auction-login-body .submit,.auction-login-body input[type=submit]{width:100%;height:50px;margin-top:6px;border:0;border-radius:12px;background:#3563f0;color:#fff;font:inherit;font-size:16px;font-weight:700;cursor:pointer}
.auction-login-body .submit:hover,.auction-login-body input[type=submit]:hover{background:#2748c9}
.auction-login-foot{display:flex;justify-content:center;gap:18px;margin:16px 0 0;font-size:13px}
.auction-login-foot a{color:#6b7684;text-decoration:none}
.auction-login-foot a:hover{color:#2748c9;text-decoration:underline}
@media (max-width:480px){.auction-login-dialog{width:calc(100vw - 24px);padding:20px}}
/* the site-wide input.btn rule turns the label dark: restate the button colours with a stronger selector */
html body.auction-ui .auction-login-dialog .auction-login-body input[type=submit].btn{background:#3563f0;border:0;color:#fff;font-weight:700}
html body.auction-ui .auction-login-dialog .auction-login-body input[type=submit].btn:hover{background:#2748c9;color:#fff}