/* ═══════════════════════════════════════════════════════════════════════
   MISE · Acceso y cuenta (login, 2FA, invitaciones, contraseña, Mi cuenta)
   Complementa app.css. Solo tokens --m-*.
   ═══════════════════════════════════════════════════════════════════════ */

/* ── Pantallas de acceso ─────────────────────────────────────────────── */
.m-acceso__intro{display:grid;gap:6px}
.m-acceso__intro .m-eyebrow{color:var(--m-acc-ink)}
.m-acceso__nota{font-size:.8rem;color:var(--m-muted);text-align:center;margin:0}
.m-acceso__alternativa{display:flex;justify-content:center;font-size:.85rem}
.m-acceso__alternativa form{display:contents}

.m-acceso__pasos{list-style:none;margin:0;padding:0;display:grid;gap:18px;counter-reset:paso}
.m-acceso__pasos>li{counter-increment:paso;display:grid;gap:10px;padding-left:40px;position:relative}
.m-acceso__pasos>li::before{content:counter(paso);position:absolute;left:0;top:-2px;width:28px;height:28px;border-radius:50%;display:grid;place-items:center;font-size:.8rem;font-weight:800;background:var(--m-acc-soft);color:var(--m-acc-ink);border:1px solid var(--m-line)}
.m-acceso__pasos>li>strong{font-size:.92rem}
.m-acceso__pasos>li>span{font-size:.84rem;color:var(--m-muted);margin-top:-6px}

.m-clave{flex:1;min-width:0;font-family:var(--m-mono);font-size:.92rem;font-weight:700;letter-spacing:.08em;padding:10px 12px;border-radius:var(--m-r-sm);background:var(--m-surface-2);border:1px solid var(--m-line);color:var(--m-ink);overflow-wrap:anywhere;user-select:all}

.m-acceso__quien{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:var(--m-r-md);background:var(--m-surface-2);border:1px solid var(--m-line-soft);min-width:0}
.m-acceso__quien div{min-width:0}
.m-acceso__quien strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.m-acceso__quien small{display:block;color:var(--m-muted);font-size:.8rem;font-weight:600}
.m-acceso__quien b{color:var(--m-acc-ink)}

.m-acceso__invalido{justify-items:center;text-align:center}
.m-acceso__icono{font-size:48px;color:var(--m-acc-ink)}

ul.m-codigos{list-style:none;margin:0}
ul.m-codigos li{padding:4px 0;user-select:all}

/* ── Plegables (<details>) para acciones secundarias ─────────────────── */
.m-plegable{border:1px solid var(--m-line-soft);border-radius:var(--m-r-md);background:var(--m-surface-2)}
.m-plegable>summary{display:flex;align-items:center;gap:8px;padding:12px 14px;cursor:pointer;font-weight:700;font-size:.86rem;color:var(--m-ink-2);list-style:none;border-radius:var(--m-r-md)}
.m-plegable>summary::-webkit-details-marker{display:none}
.m-plegable>summary::after{content:'expand_more';font-family:'Material Symbols Rounded';font-feature-settings:'liga';font-weight:normal;font-size:20px;line-height:1;margin-left:auto;color:var(--m-muted);transition:transform var(--m-dur) var(--m-ease)}
.m-plegable[open]>summary::after{transform:rotate(180deg)}
.m-plegable>summary:hover{color:var(--m-ink)}
.m-plegable>summary .ms{font-size:19px;color:var(--m-muted)}
.m-plegable__cuerpo{display:grid;gap:14px;padding:4px 14px 14px}
.m-plegable+.m-plegable{margin-top:10px}

/* ── Mi cuenta ───────────────────────────────────────────────────────── */
.m-cuenta{display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(min(100%,380px),1fr));align-items:start}
.m-cuenta__bloque{display:grid;gap:12px}
.m-cuenta__fila{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:12px;align-items:center}
.m-cuenta__fila strong{display:block;font-size:.92rem}
.m-cuenta__fila small{display:block;color:var(--m-muted);font-size:.8rem;font-weight:600}
.m-cuenta__icono{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;background:var(--m-surface-3);color:var(--m-ink-2);font-size:20px}
.m-cuenta__nota{display:flex;align-items:center;gap:8px;font-size:.8rem;font-weight:600;color:var(--m-muted)}
.m-cuenta__nota .ms{font-size:18px}
.m-cuenta .m-plegable{background:transparent}
.m-cuenta input[readonly]{color:var(--m-muted);background:var(--m-surface-3);cursor:default}

.m-sesiones{list-style:none;margin:0 0 14px;padding:0;display:grid;gap:8px}
.m-sesion{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:12px;align-items:center;padding:10px 12px;border-radius:var(--m-r-md);border:1px solid var(--m-line-soft);background:var(--m-surface-2)}
.m-sesion.is-actual{border-color:color-mix(in srgb,var(--m-acc) 45%,transparent)}
.m-sesion__icono{width:36px;height:36px;border-radius:11px;display:grid;place-items:center;background:var(--m-surface-3);color:var(--m-ink-2);font-size:20px}
.m-sesion.is-actual .m-sesion__icono{background:var(--m-acc-soft);color:var(--m-acc-ink)}
.m-sesion__texto{min-width:0}
.m-sesion__texto strong{display:block;font-size:.88rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.m-sesion__texto small{display:block;color:var(--m-muted);font-size:.78rem;font-weight:600}

ol.m-linea-tiempo{list-style:none;margin:0;padding:0}

@media(max-width:520px){
  .m-acceso__pasos>li{padding-left:0}
  .m-acceso__pasos>li::before{position:static;margin-bottom:-2px}
  .m-cuenta__fila{grid-template-columns:auto minmax(0,1fr)}
  .m-cuenta__fila>:last-child{grid-column:1 / -1;justify-self:start}
}