/* Perfil: botón del encabezado + ventana de login / registro / perfil */
.pf-btn{display:inline-flex;align-items:center;gap:8px;height:40px;padding:0 14px 0 6px;border-radius:999px;border:1px solid #3a4180;background:transparent;color:var(--ink);font:600 .92rem 'Instrument Sans',system-ui,sans-serif;cursor:pointer;max-width:200px}
.pf-btn:hover{background:#12163a}
.pf-btn .pf-lbl{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.pf-ava{flex:none;display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:var(--grad);color:#05060f;font:800 .85rem 'Bricolage Grotesque',system-ui,sans-serif;text-transform:uppercase}
.pf-ava svg{width:16px;height:16px}
@media (max-width:480px){.pf-btn{padding:0 6px}.pf-btn .pf-lbl{display:none}}

.pf-dlg{border:1px solid var(--line);background:var(--panel);color:var(--ink);border-radius:18px;padding:0;width:min(420px,calc(100vw - 32px));max-height:calc(100dvh - 32px);overflow:auto;box-shadow:0 40px 110px -30px rgba(110,90,255,.55)}
.pf-dlg::backdrop{background:rgba(5,6,15,.72);backdrop-filter:blur(4px)}
.pf-in{padding:26px 24px 24px;position:relative}
.pf-x{position:absolute;top:12px;right:12px;width:36px;height:36px;border-radius:10px;border:0;background:transparent;color:var(--mute);cursor:pointer;display:grid;place-items:center}
.pf-x:hover{background:#12163a;color:#fff}.pf-x svg{width:18px;height:18px}
.pf-in h2{font-size:1.5rem;margin:0 36px 4px 0}
.pf-sub{color:var(--mute);font-size:.95rem;margin-bottom:18px}
.pf-tabs{display:grid;grid-template-columns:1fr 1fr;gap:4px;background:#05060f;border:1px solid var(--line);border-radius:12px;padding:4px;margin:16px 0 18px}
.pf-tabs button{all:unset;cursor:pointer;text-align:center;padding:9px 6px;border-radius:9px;color:var(--mute);font:600 .95rem 'Instrument Sans',system-ui,sans-serif}
.pf-tabs button[aria-selected=true]{background:#171b3d;color:#fff}
.pf-f{display:grid;gap:14px}
.pf-r2{display:grid;grid-template-columns:1fr 1fr;gap:10px}
@media (max-width:420px){.pf-r2{grid-template-columns:1fr}}
.pf-f label{display:grid;gap:6px;font-size:.88rem;font-weight:600;color:var(--mute)}
.pf-f input{width:100%;background:#080b1c;border:1px solid var(--line);color:var(--ink);padding:12px 14px;border-radius:10px;font:400 1rem 'Instrument Sans',system-ui,sans-serif}
.pf-f input:focus{outline:2px solid var(--blue);outline-offset:1px;border-color:transparent}
.pf-err{color:#ff8f8f;font-size:.92rem;min-height:1.2em}
.pf-ok{color:#6ee7b7;font-size:.92rem}
.pf-f .btn{width:100%;text-align:center}
.pf-f .btn[disabled]{opacity:.6;cursor:wait}
.pf-card{display:flex;align-items:center;gap:14px;margin:8px 0 18px}
.pf-card .pf-ava{width:56px;height:56px;font-size:1.5rem}
.pf-card b{display:block;font:800 1.2rem 'Bricolage Grotesque',system-ui,sans-serif;overflow-wrap:anywhere}
.pf-card span{color:var(--mute);font-size:.95rem;overflow-wrap:anywhere}
.pf-dl{margin:0 0 20px;border:1px solid var(--line);border-radius:12px;overflow:hidden}
.pf-dl div{display:flex;justify-content:space-between;gap:16px;padding:12px 14px;border-top:1px solid var(--line);font-size:.92rem}
.pf-dl div:first-child{border-top:0}
.pf-dl dt{color:var(--mute);flex:none}.pf-dl dd{margin:0;text-align:right;overflow-wrap:anywhere}
.pf-dl dd.mono{font-family:ui-monospace,Menlo,Consolas,monospace;font-size:.8rem}
.pf-acts{display:grid;gap:10px}.pf-acts .btn,.pf-acts .btn2{width:100%;text-align:center}

.pf-badge{display:inline-block;margin-top:6px;font:700 .72rem 'Instrument Sans',system-ui,sans-serif;font-style:normal;letter-spacing:.04em;text-transform:uppercase;color:#05060f;background:var(--grad);border-radius:999px;padding:3px 10px}
.links a.adm-link{color:#9db0ff;font-weight:700}