.role-tab.selected { background:var(--blue)!important;color:white!important;border-color:var(--blue)!important; }
.role-tab:not(.selected) { background:var(--blue-xpale)!important;color:var(--blue-dark)!important;border-color:var(--blue-pale)!important; }

.login-auto-role{display:flex;align-items:center;gap:9px;text-align:left;background:var(--blue-xpale);border:1px solid var(--blue-pale);border-radius:12px;padding:10px 11px;margin:18px 0}.login-auto-role>span{font-size:1.2rem}.login-auto-role>div{min-width:0;flex:1}.login-auto-role strong,.login-auto-role small{display:block}.login-auto-role strong{font-size:.74rem;color:var(--blue-dark)}.login-auto-role small{font-size:.61rem;color:var(--gray)}.login-auto-role>b{font-size:.64rem;background:#e2e8f0;color:#475569;border-radius:999px;padding:5px 8px;white-space:nowrap}.login-auto-role>b.admin{background:#dbeafe;color:#1d4ed8}.login-auto-role>b.worker{background:#ffedd5;color:#c2410c}
#loginUser{letter-spacing:0;text-align:left;font-size:.95rem}.remember-device{display:flex;align-items:center;gap:8px;margin-top:3px;color:var(--gray);font-size:.7rem;cursor:pointer;text-align:left}.remember-device input{width:16px;height:16px;padding:0;accent-color:var(--blue)}.quick-pin-panel{margin-top:16px;padding-top:14px;border-top:1px solid var(--blue-pale)}.quick-pin-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;color:var(--blue-dark);font-size:.72rem;font-weight:800}.quick-pin-title small{font-size:.58rem;color:var(--gray);font-weight:500}.quick-pin-row{display:grid;grid-template-columns:1fr 100px auto;gap:6px}.quick-pin-row select,.quick-pin-row input{min-width:0;border:1.5px solid var(--blue-pale);background:var(--blue-xpale);border-radius:8px;padding:9px 7px;font:600 .7rem Poppins,sans-serif;color:var(--blue-dark)}.quick-pin-row input{letter-spacing:3px!important;text-align:center!important;font-size:.78rem!important}.quick-pin-row button{border:0;border-radius:8px;background:#0f766e;color:#fff;padding:8px 10px;font-weight:800;cursor:pointer}.quick-pin-error{min-height:16px;color:var(--red);font-size:.62rem;margin-top:4px}.login-security-note{margin-top:12px;font-size:.62rem;color:var(--gray)}
@media(max-width:420px){.login-card{padding:34px 22px}.quick-pin-row{grid-template-columns:1fr 92px}.quick-pin-row button{grid-column:1/-1}}