/* BIE_PASSKEYS_V1 — boton del boleto y panel de llaves en Administracion. */
#auth.bie-pase .bpk-login{display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:6px!important;margin:12px 0 0!important;width:100%!important}
#auth.bie-pase .bpk-or{display:flex!important;align-items:center!important;gap:10px!important;font:700 12px/1 var(--bp-sans)!important;color:var(--bp-soft)!important;text-transform:uppercase!important;letter-spacing:.14em!important}
#auth.bie-pase .bpk-or::before,#auth.bie-pase .bpk-or::after{content:""!important;flex:1!important;border-top:1px solid var(--bp-rule)!important}
#auth.bie-pase .bpk-login-btn{display:flex!important;align-items:center!important;justify-content:center!important;gap:10px!important;width:100%!important;min-height:50px!important;margin:0!important;padding:10px 14px!important;border:2px solid var(--bp-ink)!important;border-radius:10px!important;background:transparent!important;color:var(--bp-ink)!important;font:800 15px/1.1 var(--bp-sans)!important;cursor:pointer!important;text-transform:none!important;letter-spacing:0!important;box-shadow:none!important}
#auth.bie-pase .bpk-login-btn:hover{background:rgba(16,22,26,.06)!important}
#auth.bie-pase .bpk-login-btn:disabled{opacity:.6!important;cursor:progress!important}
#auth.bie-pase .bpk-login-btn .bpk-fp{width:22px!important;height:22px!important;flex:none!important;color:var(--bp-green)!important}
#auth.bie-pase .bpk-login-btn.busy .bpk-fp{animation:bpk-pulse 1.1s ease-in-out infinite}
#auth.bie-pase .bpk-login-note{display:block!important;text-align:center!important;font:600 12px/1.3 var(--bp-sans)!important;color:var(--bp-soft)!important}
#auth.bie-pase .bp-verify .bpk-login,#auth.bie-pase .bp-checking .bpk-login{display:none!important}
@keyframes bpk-pulse{50%{opacity:.35}}
@media (prefers-reduced-motion:reduce){#auth.bie-pase .bpk-login-btn.busy .bpk-fp{animation:none}}

.bpk-panel{margin:0 0 18px;padding:20px 22px;border:1px solid rgba(214,177,94,.35);border-radius:14px;background:rgba(255,255,255,.025)}
.bpk-panel header{display:flex;gap:16px;justify-content:space-between;align-items:flex-start;flex-wrap:wrap}
.bpk-panel header small{display:block;font-size:11px;letter-spacing:.16em;opacity:.7}
.bpk-panel h2{margin:4px 0 6px;font-size:20px}
.bpk-panel header p{margin:0;max-width:560px;opacity:.78;font-size:14px;line-height:1.45}
.bpk-panel .bpk-add{display:inline-flex;align-items:center;gap:8px;white-space:nowrap}
.bpk-panel .bpk-add:disabled{opacity:.45;cursor:not-allowed}
.bpk-fp{width:18px;height:18px;flex:none}
.bpk-state{margin:12px 0 10px;font-size:13px;opacity:.8}
.bpk-list{display:grid;gap:8px}
.bpk-row{display:flex;align-items:center;gap:12px;padding:12px 14px;border:1px solid rgba(255,255,255,.09);border-radius:10px}
.bpk-row .bpk-ico{color:#8cf33e}
.bpk-row .bpk-ico .bpk-fp{width:22px;height:22px}
.bpk-main{flex:1;min-width:0}
.bpk-main b{display:block;font-size:14px}
.bpk-main small{display:block;margin-top:3px;font-size:12px;opacity:.7;overflow-wrap:anywhere}
.bpk-empty{padding:14px;border:1px dashed rgba(255,255,255,.14);border-radius:10px;font-size:13px;opacity:.75}
.bpk-fine{margin:12px 0 0;font-size:12px;opacity:.65}
.bpk-back{position:fixed;inset:0;z-index:2147483100;display:flex;align-items:center;justify-content:center;padding:16px;background:rgba(0,0,0,.62)}
.bpk-dialog{width:min(440px,100%);max-height:calc(100vh - 32px);overflow:auto;padding:22px;border:1px solid rgba(214,177,94,.4);border-radius:16px;background:#0d1013;color:#efe9db;box-shadow:0 24px 70px rgba(0,0,0,.55)}
.bpk-dialog h2{margin:0 0 6px;font-size:20px}
.bpk-dialog p{margin:0 0 14px;font-size:14px;line-height:1.45;opacity:.82}
.bpk-dialog label{display:block;margin:0 0 12px;font-size:12px;letter-spacing:.04em;opacity:.9}
.bpk-dialog input{display:block;width:100%;box-sizing:border-box;margin-top:5px;padding:11px 12px;border:1px solid rgba(255,255,255,.18);border-radius:9px;background:#05070a;color:#efe9db;font-size:16px}
.bpk-dialog input:focus{outline:2px solid #8cf33e;outline-offset:1px}
.bpk-err{min-height:1.2em;color:#f0b4ad!important;opacity:1!important}
.bpk-actions{display:flex;gap:10px;justify-content:flex-end;flex-wrap:wrap}
.bpk-actions button{display:inline-flex;align-items:center;gap:8px}
.bpk-actions button:disabled{opacity:.5;cursor:progress}
@media (max-width:640px){
  .bpk-panel{padding:16px}
  .bpk-panel .bpk-add{width:100%;justify-content:center}
  .bpk-row{flex-wrap:wrap}
  .bpk-row .bpk-revoke{width:100%}
  .bpk-actions button{flex:1;justify-content:center}
}
.bpk-panel.bpk-v4{margin:16px 0 0}
.bpk-row .bpk-rename,.bpk-row .bpk-revoke{white-space:nowrap}
.bpk-help{display:block;margin:-6px 0 12px;font-family:ui-monospace,Consolas,monospace;overflow-wrap:anywhere}
@media (max-width:640px){.bpk-row .bpk-rename{width:100%}}
