/* Complementos de la beta con cuentas. Mismo tema oscuro, oliva y dorado. */
.auth-card{max-width:460px;margin:7vh auto 0;padding:34px}.auth-card h1{font-size:30px}.auth-card button[type=submit]{width:100%;margin-top:6px}.auth-card input{width:100%}
.pass-wrap{position:relative}.pass-wrap input:not([type=checkbox]){padding-right:50px}
.pass-wrap .pass-toggle{position:absolute;right:4px;top:50%;transform:translateY(-50%);width:42px;height:42px;padding:0;display:grid;place-items:center;flex:none;background:transparent;color:var(--muted);border:0;border-radius:7px}
.pass-wrap .pass-toggle:hover{color:var(--ink);filter:none}.pass-wrap .pass-toggle[aria-pressed=true]{color:#e4d094}
.account{color:var(--muted);font-size:12px;max-width:34vw;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
@media(max-width:700px){.header-right{gap:8px}.header-right button{padding:9px 10px;white-space:nowrap;font-size:12px}.header-right .pill,.header-right .account{display:none}.auth-card{padding:24px;margin-top:3vh}}
/* Planes de acceso: tres opciones por renglón; en teléfono, una debajo de otra. */
.plan-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:16px 0 6px}.plan-option{display:flex;flex-direction:column;align-items:flex-start;gap:4px;text-align:left;padding:14px}.plan-option span{font-weight:500;font-size:13px}@media(max-width:500px){.plan-grid{grid-template-columns:1fr}.plan-option{flex-direction:row;justify-content:space-between;align-items:center}}
/* Conexión guiada: pasos numerados y estado por modo (real y prueba). */
.connect-steps{padding-left:22px;margin:18px 0}.connect-steps>li{margin:0 0 18px;line-height:1.6}.connect-steps ul{margin:6px 0;padding-left:18px}.connect-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:8px}.connect-mode{border:1px solid var(--line);border-radius:12px;padding:16px}.connect-mode h3{margin:0}.connect-mode ul{margin:6px 0 0;padding-left:18px;font-size:12px}@media(max-width:700px){.connect-grid{grid-template-columns:1fr}}