/* Inline PIN entry beneath the hero roster — no dialog or backdrop. */
#login.hero-login #loginForm.hero-inline-pin-form{
 display:block;width:min(335px,100%);max-width:100%;
 margin:3px auto 22px;padding:17px 18px 16px;
 border:1px solid #adff8466;border-radius:15px;
 background:#ffffff12;box-shadow:0 8px 26px #0002;text-align:left;color:inherit;
}
#login.hero-login #loginForm.hero-inline-pin-form[hidden]{display:none!important}
#login #loginForm .chosen-label{
 display:block;margin:0 0 12px;color:#d7f4c6;font-family:"Silkscreen","Courier New",monospace;
 font-size:16px;font-weight:400;letter-spacing:.04em;text-align:center;
}
#login .hero-pin-entry-label{display:block;margin:0 0 7px;color:#d4e9d7;font-size:12px;font-weight:800}
#login #heroPinInput{
 display:block;width:100%;height:49px;min-width:0;min-height:0;margin:0;
 padding:10px 13px;border:1px solid #849d90;border-radius:10px;
 background:#fff;color:#19372a;font:inherit;font-size:20px;font-weight:850;
 letter-spacing:.33em;text-align:center;caret-color:transparent;outline:none;
}
#login #heroPinInput::placeholder{color:#94a69b;opacity:.75}
#login #heroPinInput:focus-visible{border-color:#8fe9a8;outline:2px solid #83dba48e;outline-offset:2px;caret-color:transparent}
#login #loginButton{display:block;width:100%;margin:12px 0 0;min-height:43px;background:#b8ff7f;color:#193320;border:0;border-radius:10px;font-size:13px;font-weight:850}
#login .hero-pin-links{display:flex;flex-direction:column;gap:5px;margin:12px auto 0;align-items:center}
#login .hero-pin-links button{background:transparent;border:0;color:#bcf5a4;font-size:12px;text-decoration:underline;cursor:pointer;padding:3px 5px}
#login .hero-pin-links button[hidden]{display:none!important}
#login .hero-pin-setup.hidden{display:none!important}
#login .hero-pin-setup{padding-top:13px}
#login .hero-pin-setup label{display:block;margin:12px 0 6px;font-size:12px;font-weight:800;color:#d4eddb}
#login .hero-pin-setup label small{display:block;margin-top:3px;font-weight:400;color:#c5d5cd;line-height:1.5}
#login .hero-pin-setup input{display:block;width:100%;min-width:0;padding:10px 12px;background:#fff;color:#20342a;border:1px solid #b2c9b9;border-radius:10px;font-size:14px}
#login .hero-pin-note{font-size:12px;line-height:1.55;color:#d1e6d6;margin:2px 0 8px}
#login .hero-pin-setup-hint{font-size:11px;line-height:1.5;color:#cfdecf;margin:9px 0 0}
#login #loginForm #loginStatus{display:block;min-height:0;margin-top:10px;font-size:12px;text-align:center;color:#c9dacb}
#login #loginForm #error{margin-top:6px;font-size:12px;text-align:center;color:#ffc2c7}
html:not([data-theme="dark"]) #login.hero-login #loginForm.hero-inline-pin-form{
 background:#ffffffec;border-color:#d5dfd6;box-shadow:0 9px 26px #35473913;
}
html:not([data-theme="dark"]) #login #loginForm .chosen-label{color:#2c6a47}
html:not([data-theme="dark"]) #login .hero-pin-entry-label{color:#355d47}
html:not([data-theme="dark"]) #login .hero-pin-links button{color:#276342}
html:not([data-theme="dark"]) #login .hero-pin-setup label{color:#355d47}
html:not([data-theme="dark"]) #login .hero-pin-setup label small{color:#64756a}
html:not([data-theme="dark"]) #login .hero-pin-note,html:not([data-theme="dark"]) #login .hero-pin-setup-hint{color:#596b60}
html:not([data-theme="dark"]) #login #loginForm #loginStatus{color:#526158}
html:not([data-theme="dark"]) #login #loginForm #error{color:#b43744}