/* ===== Worklab School · panel de la empresa (rediseño 28/10/2026, prefijo gwp-) =====
   Cabecera con el nombre de la empresa, portada «Inicio» (plantilla como puntos, cifras, lo que toca hoy),
   tablas más limpias y estados vacíos con La Plantilla. Marca 3.3: blanco, índigo y un verde. */
:root{--gwp-bloque:#2B3A67; --gwp-bloque-linea:transparent; --gwp-verde:#8FAF2E; --gwp-claro:#DDE2F5; --gwp-claro-2:#C3CBE6; --gwp-vacio-punto:rgba(255,255,255,.16)}
@media (prefers-color-scheme: dark){:root:not([data-theme="light"]){--gwp-bloque:#26315C; --gwp-bloque-linea:#34406E; --gwp-verde:#A6C63F}}
:root[data-theme="dark"]{--gwp-bloque:#26315C; --gwp-bloque-linea:#34406E; --gwp-verde:#A6C63F}
@keyframes gwp-aparece{from{transform:scale(0)}to{transform:none}}
@keyframes gwp-sube{from{transform:translateY(16px)}to{transform:none}}
@keyframes gwp-enciende{from{background:var(--gwp-vacio-punto); box-shadow:inset 0 0 0 2px rgba(255,255,255,.42)}}
@keyframes gwp-pulso{0%,100%{opacity:.25}50%{opacity:1}}
.gwp-fin{color:var(--gwp-verde)}
.gwp-oculto{position:absolute; width:1px; height:1px; overflow:hidden; clip:rect(0 0 0 0); white-space:nowrap}
.gwp-rotulo{display:flex; align-items:center; gap:8px; margin:0; font-size:12px; font-weight:800; letter-spacing:.14em; text-transform:uppercase; color:var(--ink-3)}
.gwp-rotulo i{width:8px; height:8px; border-radius:50%; background:#2BD4A4; flex:none}   /* familia Guías: un punto junto a una palabra */
.gwp-rotulo.gwp-claro{color:var(--gwp-claro-2)}

/* Cabecera: el nombre de la empresa, en grande; las plazas, como signo de puntos */
.gwp-cab-sec{padding:44px 0 30px}
.gwp-cab{display:grid; grid-template-columns:minmax(0,1fr) auto; gap:32px; align-items:end}
.gwp-empresa{margin:14px 0 0; font-size:clamp(38px,6.2vw,76px); font-weight:800; letter-spacing:-.04em; line-height:.98; color:var(--accent); overflow-wrap:anywhere}
.gwp-lema{margin:14px 0 0; font-size:17px; color:var(--ink-2); max-width:560px}
.gwp-plazas{display:flex; flex-wrap:wrap; gap:14px 28px; justify-content:flex-end}
.gwp-plaza{min-width:220px; max-width:300px; padding-left:22px; border-left:1px solid var(--hairline)}
.gwp-plaza-et{margin:0; font-size:12px; font-weight:800; letter-spacing:.12em; text-transform:uppercase; color:var(--ink-3)}
.gwp-plaza-cifra{margin:6px 0 0; font-size:15px; font-weight:600; color:var(--ink-2); font-variant-numeric:tabular-nums}
.gwp-plaza-cifra b{font-size:34px; font-weight:800; letter-spacing:-.03em; color:var(--accent); margin-right:2px}
.gwp-plaza-cifra span{display:block; font-size:13px; color:var(--ink-3); font-weight:600}
.gwp-plaza-puntos{display:grid; grid-template-columns:repeat(10,9px); gap:5px; margin-top:10px}
.gwp-plaza-puntos i{width:9px; height:9px; border-radius:50%; box-shadow:inset 0 0 0 1.5px var(--hairline)}
.gwp-plaza-puntos i.gwp-on{background:var(--accent); box-shadow:none}
.gwp-plaza-nota{margin:10px 0 0; font-size:13px; color:var(--ink-3); line-height:1.4}
.gwp-app-sec{padding-top:0}
.gwp-app-sec .gwn-app{box-shadow:none; border-radius:22px}
@media(max-width:899px){
  .gwp-cab-sec{padding:28px 0 18px}
  .gwp-cab{grid-template-columns:1fr; gap:22px}
  .gwp-plazas{justify-content:flex-start}
  .gwp-plaza{padding-left:0; border-left:0; padding-top:16px; border-top:1px solid var(--hairline); max-width:none; flex:1 1 100%}
  .gwp-lema{font-size:15.5px}
}

/* Menú lateral, más limpio: punto índigo en la sección abierta, sin caja gris */
.gwp-app-sec .gwn-app > .gwn-lateral{background:var(--paper-0)}
.gwp-app-sec .gwn-app .gwn-lista{scrollbar-color:transparent transparent}
.gwp-app-sec .gwn-app .gwn-lista:hover{scrollbar-color:var(--hairline) transparent}
.gwp-app-sec .gwn-app .pestanas button[aria-selected="true"]{background:var(--paper-2); box-shadow:none}
.gwp-app-sec .gwn-app .pestanas button[aria-selected="true"]::before{background:var(--accent)}

/* Inicio: bloque índigo con la plantilla como puntos */
.gwp-inicio{display:grid; gap:28px; min-width:0}
.gwp-inicio section.gwp-cifras{padding:0}
.gwp-inicio section.gwp-heroe{display:grid; grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr); gap:36px; align-items:center; background:var(--gwp-bloque); border:1px solid var(--gwp-bloque-linea); color:#fff; border-radius:22px; padding:36px 40px; min-width:0}
.gwp-heroe-n{margin:16px 0 0; font-size:clamp(72px,9vw,120px); font-weight:800; letter-spacing:-.05em; line-height:.86; color:#fff; font-variant-numeric:tabular-nums}
.gwp-heroe-n .gwp-pct::after{content:"\00a0%"; font-size:.42em; letter-spacing:-.02em; color:var(--gwp-claro-2)}
.gwp-heroe-et{margin:10px 0 0; font-size:22px; font-weight:800; letter-spacing:-.02em; color:#fff}
.gwp-heroe-et.gwp-grande{font-size:clamp(28px,3.4vw,40px); letter-spacing:-.04em; line-height:1.05; margin-top:16px}
.gwp-heroe-det{margin:10px 0 0; font-size:15px; color:var(--gwp-claro); max-width:380px; line-height:1.5}
.gwp-heroe-puntos{min-width:0}
.gwp-puntos{display:flex; flex-wrap:wrap; gap:var(--gwp-gap,10px)}
.gwp-persona{display:flex; flex-direction:column; align-items:center; gap:8px; animation:gwp-aparece 320ms var(--ease,ease-out) both; animation-delay:calc(var(--i) * var(--gwp-paso))}
.gwp-punto{display:block; width:var(--gwp-d,22px); height:var(--gwp-d,22px); border-radius:50%; flex:none; background:var(--gwp-vacio-punto)}
.gwp-punto.gwp-pendiente{background:transparent; box-shadow:inset 0 0 0 2px rgba(255,255,255,.42)}
.gwp-punto.gwp-curso{background:linear-gradient(90deg,var(--gwp-claro-2) 50%,transparent 50%); box-shadow:inset 0 0 0 2px var(--gwp-claro-2)}
.gwp-punto.gwp-formada{background:var(--gwp-verde)}
.gwp-persona .gwp-punto.gwp-formada,.gwp-persona .gwp-punto.gwp-curso{animation:gwp-enciende 320ms var(--ease,ease-out) both; animation-delay:calc(640ms + var(--i) * var(--gwp-paso))}
.gwp-nombre{font-size:12.5px; font-weight:600; color:var(--gwp-claro); max-width:64px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap}
.gwp-t-xl{--gwp-d:40px; --gwp-gap:16px 12px}
.gwp-puntos.gwp-t-xl{display:grid; grid-template-columns:repeat(var(--gwp-cols,8), var(--gwp-d)); justify-content:start}
.gwp-t-l{--gwp-d:24px; --gwp-gap:10px}
.gwp-t-m{--gwp-d:14px; --gwp-gap:7px}
.gwp-t-s{--gwp-d:9px; --gwp-gap:5px}
.gwp-leyenda{list-style:none; margin:22px 0 0; padding:18px 0 0; border-top:1px solid rgba(255,255,255,.14); display:flex; flex-wrap:wrap; gap:10px 24px; font-size:14.5px; color:var(--gwp-claro)}
.gwp-leyenda li{display:flex; align-items:center; gap:8px}
.gwp-leyenda .gwp-punto{--gwp-d:12px; animation:none}
.gwp-leyenda .gwp-punto.gwp-pendiente{box-shadow:inset 0 0 0 1.5px rgba(255,255,255,.6)}
.gwp-leyenda b{color:#fff; font-weight:800; font-variant-numeric:tabular-nums}
.gwp-foto{display:flex; align-items:flex-end; justify-content:center; min-height:170px}
.gwp-foto-img{height:170px; width:auto; margin:0 -14px}
.gwp-foto-img:nth-child(2n){height:184px}

/* Cifras grandes: sin cajas, separadas por un filete */
.gwp-cifras{display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); border-top:1px solid var(--hairline); border-bottom:1px solid var(--hairline)}
.gwp-cifra{padding:24px 24px 22px; min-width:0; animation:gwp-sube 640ms var(--ease,ease-out) both}
.gwp-cifra:nth-child(2){animation-delay:80ms}.gwp-cifra:nth-child(3){animation-delay:160ms}
.gwp-cifra + .gwp-cifra{border-left:1px solid var(--hairline)}
.gwp-cifra:first-child{padding-left:4px}
.gwp-cifra-n{margin:0; font-size:56px; font-weight:800; letter-spacing:-.045em; line-height:1; color:var(--accent); font-variant-numeric:tabular-nums}
.gwp-cifra-n small{font-size:.42em; letter-spacing:-.01em; color:var(--ink-3); font-weight:700}
.gwp-cifra-et{margin:8px 0 0; font-size:16px; font-weight:700; color:var(--ink-1)}
.gwp-cifra-det{margin:4px 0 0; font-size:13.5px; color:var(--ink-3)}
.gwp-cifra-ir{margin:12px 0 0; padding:0; border:0; background:none; font:inherit; font-size:14px; font-weight:700; color:var(--accent); cursor:pointer; text-decoration:underline; text-decoration-color:var(--hairline); text-underline-offset:4px}
.gwp-cifra-ir:hover{text-decoration-color:currentColor}
.gwp-cifra-ir:focus-visible{outline:2px solid var(--accent); outline-offset:3px; border-radius:4px}

/* Lo que toca hoy */
.gwp-inicio section.gwp-hoy{border:1px solid var(--hairline); border-radius:18px; padding:28px 32px; background:var(--paper-0); min-width:0}
.gwp-hoy-cab{display:flex; justify-content:space-between; align-items:flex-end; gap:16px}
.gwp-hoy-t{margin:10px 0 0; font-size:clamp(26px,3vw,34px); font-weight:800; letter-spacing:-.04em; line-height:1.05; color:var(--accent)}
.gwp-hoy-img{width:104px; height:auto; flex:none; margin:-12px -6px -6px 0}
.gwp-hoy-vacio{margin:14px 0 0; color:var(--ink-2)}
.gwp-acciones{list-style:none; margin:18px 0 0; padding:0}
.gwp-accion{display:grid; grid-template-columns:36px minmax(0,1fr) auto; gap:16px; align-items:center; padding:18px 0; border-top:1px solid var(--hairline); animation:gwp-sube 640ms var(--ease,ease-out) both; animation-delay:calc(240ms + var(--i) * 80ms)}
.gwp-accion-n{display:grid; place-items:center; width:36px; height:36px; border-radius:50%; background:var(--paper-2); color:var(--accent); font-weight:800; font-size:15px}
.gwp-accion:first-child .gwp-accion-n{background:var(--accent); color:var(--on-accent)}
.gwp-accion-t{margin:0; font-size:17px; font-weight:800; color:var(--ink-1); letter-spacing:-.01em}
.gwp-accion-d{margin:3px 0 0; font-size:14px; color:var(--ink-2); line-height:1.45}
.gwp-accion-b{white-space:nowrap}
.gwp-fuente{max-width:none; margin:-8px 0 0; font-family:'IBM Plex Mono',monospace; font-size:12px; color:var(--ink-3)}
.gwp-cargando{display:flex; align-items:center; gap:8px; padding:40px 0}
.gwp-cargando span{width:12px; height:12px; border-radius:50%; background:var(--accent); animation:gwp-pulso 960ms ease-in-out infinite}
.gwp-cargando span:nth-child(2){animation-delay:160ms}.gwp-cargando span:nth-child(3){animation-delay:320ms}
.gwp-cargando .nota{margin:0 0 0 8px}
.gwp-quieto *,.gwp-quieto{animation:none !important}
@media(max-width:1100px){.gwp-inicio section.gwp-heroe{grid-template-columns:1fr; gap:26px}}
@media(max-width:720px){
  .gwp-inicio section.gwp-heroe{padding:26px 22px; border-radius:18px}
  .gwp-t-xl{--gwp-d:34px; --gwp-gap:14px 10px}
  .gwp-puntos.gwp-t-xl{grid-template-columns:repeat(var(--gwp-cols-m,6), var(--gwp-d))}
  .gwp-cifras{grid-template-columns:1fr}
  .gwp-cifra{display:grid; grid-template-columns:auto minmax(0,1fr); column-gap:18px; align-items:baseline; padding:18px 2px}
  .gwp-cifra + .gwp-cifra{border-left:0; border-top:1px solid var(--hairline)}
  .gwp-cifra:first-child{padding-left:2px}
  .gwp-cifra-n{font-size:44px; grid-row:span 3; min-width:64px}
  .gwp-cifra-et{margin:0}
  .gwp-cifra-ir{justify-self:start; margin-top:6px}
  .gwp-inicio section.gwp-hoy{padding:22px 18px}
  .gwp-hoy-img{width:80px}
  .gwp-accion{grid-template-columns:32px minmax(0,1fr); gap:12px; align-items:start}
  .gwp-accion-n{width:32px; height:32px}
  .gwp-accion-b{grid-column:2; justify-self:start}
  .gwp-foto-img{height:120px; margin:0 -12px}
  .gwp-foto-img:nth-child(2n){height:130px}
  .gwp-foto{min-height:120px}
}
@media (prefers-reduced-motion: reduce){.gwp-inicio *,.gwp-inicio,.gwp-cargando span{animation:none !important; transition:none !important}}

/* Tablas del panel: más aire, cifras a la derecha, estados como punto + palabra */
.gwn-app .panel thead th{font-size:11px; letter-spacing:.1em; color:var(--ink-3); padding:0 16px 12px; border-bottom:1px solid var(--hairline); white-space:nowrap}
.gwn-app .panel tbody td{padding:16px; vertical-align:middle; color:var(--ink-2)}
.gwn-app .panel tbody tr{transition:background 160ms}
.gwn-app .panel tbody tr:hover{background:color-mix(in srgb, var(--paper-2) 70%, transparent)}
.gwn-app .panel thead th:first-child,.gwn-app .panel tbody td:first-child{padding-left:4px}
.gwn-app .panel td.num,.gwn-app .panel th.num{text-align:right}
.gwn-app .panel td b{color:var(--ink-1)}
.gwp-quien{display:block; overflow-wrap:anywhere; font-weight:700; color:var(--ink-1); font-size:15px}
.gwp-sub{display:block; margin-top:3px; font-size:13px; color:var(--ink-3)}
.gwp-mono{font-family:'IBM Plex Mono',monospace; font-size:13px}
.gwp-fechas{white-space:nowrap; font-size:14px}
.gwp-acciones-fila{white-space:nowrap; text-align:right}
.gwp-cuenta{display:inline-grid; place-items:center; min-width:28px; height:28px; padding:0 8px; margin-left:6px; border-radius:999px; background:var(--paper-2); color:var(--accent); font-size:14px; font-weight:800; vertical-align:middle}
.gwp-avance{display:inline-flex; flex-direction:column; align-items:flex-end; gap:6px}
.gwp-avance-n{font-weight:800; color:var(--ink-1); font-size:15px}
.gwp-barra{display:block; width:72px; height:6px; border-radius:3px; background:var(--paper-2); overflow:hidden}
.gwp-barra i{display:block; height:100%; background:var(--accent); border-radius:3px}
.gwp-barra i.gwp-lleno{background:var(--gwp-verde)}
.gwn-app .estado{background:transparent; padding:0; border-radius:0; color:var(--ink-1); font-size:14px; font-weight:600; letter-spacing:0; text-transform:none; gap:8px; white-space:nowrap}
.gwn-app .estado::before{width:9px; height:9px}
.gwn-app .estado.alta::before{background:var(--gwp-verde)}
.gwn-app .estado.tramite::before{background:var(--accent)}
.gwn-app .estado.revisar::before{background:transparent; box-shadow:inset 0 0 0 2px var(--accent)}
.gwn-app .estado.baja::before{background:var(--estado-baja)}

/* Estados vacíos: un personaje de La Plantilla y una frase con guiño */
.gwp-vacio{display:flex; align-items:center; gap:22px; padding:24px 28px; margin-top:12px; border:1px solid var(--hairline); border-radius:18px; background:var(--paper-2)}
.gwp-vacio-img{width:96px; height:auto; flex:none}
.gwp-vacio-frase{margin:0; font-size:20px; font-weight:800; letter-spacing:-.03em; line-height:1.15; color:var(--accent)}
.gwp-vacio-detalle{margin:6px 0 0; font-size:14.5px; color:var(--ink-2)}
.gwn-app .gwe-vacio{display:flex; flex-direction:column; align-items:center; border:1px solid var(--hairline); border-radius:18px; background:var(--paper-2)}
.gwn-app .gwe-vacio::before{content:""; display:block; width:88px; height:93px; margin:0 auto 10px; background:url(/empresas/formacion/plantilla/movimiento/paquita/busto-neutra.png) center/contain no-repeat}
@media(max-width:520px){.gwp-vacio{flex-direction:column; align-items:flex-start; padding:20px}.gwp-vacio-img{width:80px}}
/* Personas: la lista manda; el alta, más estrecha */
@media(min-width:1100px){.gwn-app [data-panel=pers] > .grid.grid-2{grid-template-columns:minmax(260px,.75fr) minmax(0,1.6fr) !important}}
.gwn-app [data-panel=pers] .gwp-acciones-fila{white-space:nowrap}
.gwn-app [data-panel=pers] .gwp-acciones-fila .btn{white-space:nowrap}
.gwn-app [data-panel=pers] .gwp-sub{overflow-wrap:anywhere}
@media(max-width:720px){
  .gwp-plaza{display:grid; grid-template-columns:auto 1fr; column-gap:14px; align-items:center; padding-top:14px}
  .gwp-plaza-et{grid-column:1/-1}
  .gwp-plaza-cifra{margin-top:4px}
  .gwp-plaza-cifra b{font-size:30px}
  .gwp-plaza-cifra span{display:inline; margin-left:4px}
  .gwp-plaza-puntos{grid-template-columns:repeat(10,7px); gap:4px; margin-top:6px; justify-self:end}
  .gwp-plaza-puntos i{width:7px; height:7px}
  .gwp-plaza-nota{grid-column:1/-1; margin-top:6px}
  .gwp-app-sec .gwn-app{border-radius:18px}
  .gwp-app-sec .gwn-app > .panel{padding:16px 12px}
  .gwp-inicio{gap:22px}
}
.gwp-app-sec .gwe-papel{display:flex; align-items:center; gap:8px; margin:0 0 16px; font-size:14.5px; color:var(--ink-2)}
.gwp-app-sec .gwe-papel::before{content:""; width:8px; height:8px; border-radius:50%; background:var(--accent); flex:none}
.gwp-app-sec .gwe-papel{display:flex; align-items:center; gap:8px; margin:0 0 16px; font-size:14.5px; color:var(--ink-2)}
.gwp-app-sec .gwe-papel::before{content:""; width:8px; height:8px; border-radius:50%; background:var(--accent); flex:none}

/* ===== Pasada de interfaz 29/10/2026 (ui-ux-pro-max): foco, toque, cifras, carga y error ===== */
.gwn-app :is(a,button,input,select,textarea,summary,[tabindex]):focus-visible{outline:2px solid var(--accent); outline-offset:2px}
.gwn-app .panel :is(td,th,.kpi,.gwp-cuenta,.gwp-avance-n,.gwp-cifra-n){font-variant-numeric:tabular-nums}
.gwp-cifra-ir{display:inline-flex; align-items:center; min-height:44px}
.gwn-app .panel summary{min-height:44px; padding-block:10px; box-sizing:border-box; cursor:pointer}
@media (pointer:coarse), (max-width:720px){
  .gwn-app .panel :is(button,.btn,select){min-height:44px}
  .gwn-app .panel button:not(.gwp-cifra-ir){min-width:44px}
  .gwn-app .panel .btn.ghost, .gwn-app td .btn.ghost{height:auto; padding:0 12px}
}
/* Que el botón flotante «Comentar» no tape lo último de la página */
body:has(.gwp-app-sec) .pie{padding-bottom:96px}
/* Carga: esqueleto con la forma del panel, en vez de «Cargando…» */
.gwp-esqueleto{display:grid; grid-template-columns:236px minmax(0,1fr); gap:24px; border:1px solid var(--hairline); border-radius:22px; padding:24px; min-height:420px}
.gwp-esqueleto span{display:block; border-radius:14px; background:linear-gradient(90deg,var(--paper-2) 0%,var(--paper-1,#F7F8FB) 50%,var(--paper-2) 100%); background-size:200% 100%; animation:gwp-brillo 1.4s ease-in-out infinite}
.gwp-esq-lado{grid-row:span 3}
.gwp-esq-bloque{height:200px}
.gwp-esq-fila{height:72px}
@keyframes gwp-brillo{from{background-position:100% 0}to{background-position:-100% 0}}
@media(max-width:899px){.gwp-esqueleto{grid-template-columns:1fr; padding:16px; min-height:360px}.gwp-esq-lado{grid-row:auto; height:44px}}
@media (prefers-reduced-motion: reduce){.gwp-esqueleto span{animation:none}}
/* Error con salida */
.gwp-error{display:grid; gap:16px; justify-items:start; padding:28px; border:1px solid var(--hairline); border-radius:18px; background:var(--paper-2)}
.gwp-error p{margin:0; font-size:17px; font-weight:700; color:var(--ink-1)}
/* Menú lateral: en pantallas de poca altura se veía cortado («Datos» y «Accesos» quedaban fuera); ahí va entero, sin pegarse */
@media (min-width:900px) and (max-height:1080px){.gwp-app-sec .gwn-app .gwn-lista{position:static; max-height:none; overflow:visible}}

/* ===== Móvil, pasada del 4/11/2026: nada cortado por la derecha ===== */
/* El texto oculto «Acciones» se salía de la tabla y ensanchaba toda la página (445 px en vez de 375) */
.gwn-app .tabla-scroll{position:relative}
@media(max-width:899px){
  /* La rejilla común usa 1fr y el contenido la ensanchaba (427 px en una caja de 317) */
  .gwn-app .grid-2{grid-template-columns:minmax(0,1fr)}
  .gwn-app .grid-2 > *{min-width:0}
  .gwn-app .panel textarea{width:100%; max-width:100%; box-sizing:border-box}
}
/* Personas y convocatorias: en el móvil, tarjetas con todas las acciones a la vista en vez de columnas fuera de pantalla */
@media(max-width:720px){
  .gwn-app [data-panel=pers] .grid-2 .tabla-scroll, .gwn-app [data-panel=conv] > .tabla-scroll{overflow:visible; background:none}
  .gwn-app [data-panel=pers] .grid-2 .gwp-tabla, .gwn-app [data-panel=conv] > .tabla-scroll > .gwp-tabla{display:block; width:100%; min-width:0}
  .gwn-app [data-panel=pers] .grid-2 .gwp-tabla thead, .gwn-app [data-panel=conv] > .tabla-scroll > .gwp-tabla thead{position:absolute; width:1px; height:1px; overflow:hidden; clip-path:inset(50%)}
  .gwn-app [data-panel=pers] .grid-2 .gwp-tabla tbody, .gwn-app [data-panel=conv] > .tabla-scroll > .gwp-tabla tbody{display:grid; gap:10px}
  .gwn-app [data-panel=pers] .grid-2 .gwp-tabla tr, .gwn-app [data-panel=conv] > .tabla-scroll > .gwp-tabla tr{display:grid; gap:8px; padding:14px; border:1px solid var(--hairline); border-radius:14px; background:var(--paper-0)}
  .gwn-app [data-panel=pers] .grid-2 .gwp-tabla td, .gwn-app [data-panel=conv] > .tabla-scroll > .gwp-tabla td{display:block; min-width:0; padding:0; border:0; text-align:left}
  .gwn-app [data-panel=pers] .gwp-acciones-fila, .gwn-app [data-panel=conv] > .tabla-scroll .gwp-acciones-fila{display:flex; flex-wrap:wrap; gap:8px; white-space:normal}
  .gwn-app [data-panel=conv] > .tabla-scroll > .gwp-tabla td.num{display:flex; align-items:center; gap:10px}
  .gwn-app [data-panel=conv] > .tabla-scroll > .gwp-tabla td.num::before{content:"Superado"; font-size:14px; color:var(--ink-2)}
  /* Las demás tablas siguen siendo tablas: con aviso de que se deslizan */
  .gwn-app :is([data-panel=accesos],[data-panel=inf],[data-panel=vig]) .tabla-scroll::before{content:"Desliza la tabla a los lados para verla entera"; display:block; position:sticky; left:0; width:max-content; max-width:280px; padding:0 0 8px; font-size:13.5px; color:var(--ink-2)}
  /* Informe: el nombre no se pierde al deslizar */
  .gwn-app [data-panel=inf] .tabla-scroll :is(th,td):first-child{position:sticky; left:0; z-index:1; max-width:132px; background:var(--paper-0); overflow-wrap:anywhere}
}