/* ── El panel de Nico y Lucho con el lenguaje nuevo (23-sep-2026) ─────────
   Pedro: "quiero que todas estas mejoras también se vean como admin". Las
   pantallas del admin (Alumnos, Errores, Enviar, Cuentas, Skool, Base de
   datos, Invitar, la ficha) conservan su lógica; aquí solo cambian a la
   misma piel del alumno: encabezados finos, cifras en tarjetas, tablas
   limpias. Todo va acotado a body:not(.lx-alumno), así el alumno no cambia.

   Carga el último; quitar su <link> devuelve el panel de antes. */

/* ── Inicio del admin: siete columnas, a todo el ancho ─────────────────── */
body:not(.lx-alumno) .in-inicio.in-admin{ max-width:none }
body:not(.lx-alumno) .in-admin .in-rejilla{ height:420px }
body:not(.lx-alumno) .in-admin .in-tarjeta.oro{ --c:var(--c-oro) }

/* ── Encabezados: como "Tu rutina" / "Tu personaje" ────────────────────── */
body:not(.lx-alumno) .portada{ padding:40px 40px 22px !important }
body:not(.lx-alumno) .portada .haz{ display:none }
body:not(.lx-alumno) .portada .encima{ font-size:9.5px !important; letter-spacing:.3em !important; font-weight:400 !important; color:var(--tinta-tenue) !important }
body:not(.lx-alumno) .portada h2{ font-family:var(--display); font-weight:200 !important; font-size:clamp(30px,3.4vw,38px) !important; letter-spacing:-.03em !important; line-height:1.05; margin-top:14px }
body:not(.lx-alumno) .portada .bajo{ font-size:12.5px !important; line-height:1.6; color:var(--tinta-media) !important; max-width:60ch }

/* ── Las cifras: tarjetas como las de Personaje ────────────────────────── */
body:not(.lx-alumno) .tira{ gap:10px !important }
body:not(.lx-alumno) .dato{
  padding:18px 20px !important; border-radius:20px !important;
  border:1px solid rgba(238,237,245,.08) !important; background:rgba(238,237,245,.02) !important;
  box-shadow:none !important; backdrop-filter:none !important;
}
body:not(.lx-alumno) .dato:hover{ transform:none !important; border-color:rgba(238,237,245,.14) !important }
body:not(.lx-alumno) .dato .rotulo{ font-size:9.5px !important; letter-spacing:.26em !important; color:var(--tinta-tenue) !important }
body:not(.lx-alumno) .dato .cifra{ font-family:var(--display); font-weight:200 !important; font-size:38px !important; letter-spacing:-.04em; margin-top:8px }
body:not(.lx-alumno) .dato .al-pie{ font-size:11px !important; color:var(--tinta-tenue) !important }
body:not(.lx-alumno) .dato.viva{ border-color:rgba(var(--c-oro),.3) !important; background:linear-gradient(180deg, rgba(var(--c-oro),.06), rgba(238,237,245,.015)) !important }

/* ── Títulos de sección ────────────────────────────────────────────────── */
body:not(.lx-alumno) .titulo-zona{ font-family:var(--display); font-weight:200 !important; font-size:24px !important; letter-spacing:-.02em }
body:not(.lx-alumno) .sub-zona{ font-size:12.5px !important; color:var(--tinta-tenue) !important }

/* ── Tablas: sin cajas pesadas, filas con línea fina ───────────────────── */
body:not(.lx-alumno) .marco-tabla{
  border-radius:22px !important; border:1px solid rgba(238,237,245,.08) !important;
  background:rgba(238,237,245,.015) !important; box-shadow:none !important; backdrop-filter:none !important; overflow:hidden;
}
body:not(.lx-alumno) th{
  background:rgba(238,237,245,.025) !important; font-size:9.5px !important; letter-spacing:.24em !important; font-weight:500 !important;
  color:var(--tinta-tenue) !important; border-bottom:1px solid rgba(238,237,245,.07) !important; padding:14px 16px !important;
}
body:not(.lx-alumno) td{ border-bottom:1px solid rgba(238,237,245,.05) !important; padding:14px 16px !important; font-size:13px }
body:not(.lx-alumno) tr:last-child td{ border-bottom:0 !important }
body:not(.lx-alumno) tbody tr{ transition:background .2s }
body:not(.lx-alumno) tbody tr:hover{ background:rgba(238,237,245,.025) }

/* Los campos dentro de las tablas (calibraciones): oscuros y finos. */
body:not(.lx-alumno) td input, body:not(.lx-alumno) td select{
  background:rgba(238,237,245,.035) !important; border:1px solid rgba(238,237,245,.1) !important; border-radius:10px !important;
  box-shadow:none !important; color:var(--tinta); font:300 13.5px var(--display);
}
body:not(.lx-alumno) td input:focus, body:not(.lx-alumno) td select:focus{ border-color:rgba(var(--c-lila),.55) !important; box-shadow:0 0 0 4px rgba(var(--c-lila),.08) !important }

/* ── Avisos: más discretos ─────────────────────────────────────────────── */
body:not(.lx-alumno) .zona .nota{ border-radius:16px !important; font-size:12.5px; box-shadow:none !important; backdrop-filter:none !important }

/* ── Tarjetas sueltas (formularios de invitar, ficha, avisos de errores) ─ */
body:not(.lx-alumno) .zona .bloque, body:not(.lx-alumno) .zona .tarjeta, body:not(.lx-alumno) .zona .panel-caja{
  border-radius:22px !important; border:1px solid rgba(238,237,245,.08) !important; background:rgba(238,237,245,.02) !important;
  box-shadow:none !important; backdrop-filter:none !important;
}

@media (max-width:860px){
  body:not(.lx-alumno) .portada{ padding:22px 18px 16px !important }
  body:not(.lx-alumno) .in-admin .in-rejilla{ height:auto }
}

/* La fila recién calibrada se enciende un momento al repintar la lista. */
body:not(.lx-alumno) tr.recien-guardada{ animation:fila-guardada 1.8s ease both }
@keyframes fila-guardada{ 0%{ background:rgba(95,242,214,.12) } 100%{ background:transparent } }

/* En la ficha los "datos" son texto (WhatsApp, correo, fechas), no cifras:
   letra de dato, no de número, y que el correo largo se parta. */
body:not(.lx-alumno) .ficha-datos .dato .cifra{ font-size:17px !important; font-weight:300 !important; letter-spacing:0 !important; line-height:1.35; overflow-wrap:anywhere }

/* ── Respaldos (Base de datos) ─────────────────────────────────────────── */
body:not(.lx-alumno) .respaldos{ padding:22px 24px; border-radius:22px; border:1px solid rgba(var(--c-menta),.18); background:linear-gradient(180deg, rgba(var(--c-menta),.05), rgba(238,237,245,.015)) }
body:not(.lx-alumno) .respaldos-cabeza{ display:flex; justify-content:space-between; align-items:flex-start; gap:18px; flex-wrap:wrap }
body:not(.lx-alumno) .respaldos-listas{ display:grid; grid-template-columns:1fr 1fr; gap:18px; margin-top:10px }
body:not(.lx-alumno) .respaldo-fila{ display:flex; justify-content:space-between; gap:12px; padding:9px 12px; margin-top:4px; border-radius:10px; font-size:12.5px; color:var(--tinta-media); text-decoration:none; transition:background .2s }
body:not(.lx-alumno) .respaldo-fila:hover{ background:rgba(238,237,245,.04); color:var(--tinta) }
body:not(.lx-alumno) .respaldo-fila span:last-child{ color:rgb(var(--c-menta)); white-space:nowrap }
@media (max-width:860px){ body:not(.lx-alumno) .respaldos-listas{ grid-template-columns:1fr } }

/* ── La ficha del alumno en pestañas (26-sep-2026) ─────────────────────── */
body:not(.lx-alumno) .ficha-tabs{ display:flex; gap:4px; flex-wrap:wrap; margin:0 0 6px }
body:not(.lx-alumno) .respaldos-ficha{ max-width:720px }
body:not(.lx-alumno) .ficha-rutina{ display:grid; grid-template-columns:repeat(30, 1fr); gap:4px; align-items:end; height:120px; max-width:900px; padding:14px 16px 6px; border-radius:18px; border:1px solid rgba(238,237,245,.08); background:rgba(238,237,245,.015) }
body:not(.lx-alumno) .fr-dia{ height:100%; display:flex; flex-direction:column; justify-content:flex-end; align-items:center; gap:4px }
body:not(.lx-alumno) .fr-dia i{ display:block; width:100%; max-width:14px; border-radius:4px; background:linear-gradient(180deg, rgb(var(--c-menta)), rgba(var(--c-lila),.7)) }
body:not(.lx-alumno) .fr-dia span{ font-size:9px; color:var(--tinta-tenue) }
@media (max-width:860px){ body:not(.lx-alumno) .ficha-rutina{ gap:2px; padding:10px 8px 4px } body:not(.lx-alumno) .fr-dia span{ display:none } }