/* v726 · Panel: Ajustes es el patrón maestro visual, sin reinterpretaciones. */
:root{
  --eg726-surface:#0d1012;
  --eg726-line:rgba(229,231,235,.14);
  --eg726-muted:#a7adb2;
  --eg726-radius:15px;
}
body.eg-pagina-actualizar .eg-panel-hero,
body.eg-pagina-permisos .eg-panel-hero,
body.eg-pagina-organizador .eg-panel-hero{
  display:flex;align-items:center;justify-content:space-between;gap:28px;
  box-sizing:border-box;padding:28px 32px;margin:0 0 22px;
  background:var(--eg726-surface)!important;
  border:1px solid var(--eg726-line)!important;border-radius:var(--eg726-radius)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.03),0 12px 28px rgba(0,0,0,.24)!important;
}
.eg-panel-hero-copy{min-width:0;flex:1 1 auto}
.eg-panel-kicker{margin:0 0 12px;color:#ff8a20;font-size:12px;font-weight:900;letter-spacing:.12em;text-transform:uppercase}
.eg-panel-kicker span{opacity:.65;padding:0 7px}
body.eg-pagina-actualizar .eg-panel-hero h1,
body.eg-pagina-permisos .eg-panel-hero h1,
body.eg-pagina-organizador .eg-panel-hero h1{
  margin:0!important;padding:0!important;background:none!important;border:0!important;box-shadow:none!important;
  font-size:clamp(42px,4vw,64px)!important;line-height:1.02!important;letter-spacing:-.035em;
}
body.eg-pagina-actualizar .eg-panel-hero p,
body.eg-pagina-permisos .eg-panel-hero p,
body.eg-pagina-organizador .eg-panel-hero p{margin:10px 0 0!important;color:var(--eg726-muted)!important;font-size:16px!important;line-height:1.5!important}

.eg-panel-kpis{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;margin:0 0 22px}
.eg-panel-kpis-3{grid-template-columns:repeat(3,minmax(0,1fr))}
.eg-panel-kpi{
  min-width:0;box-sizing:border-box;padding:20px 22px;display:flex;align-items:center;gap:16px;
  background:var(--eg726-surface)!important;border:1px solid var(--eg726-line)!important;border-radius:var(--eg726-radius)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.03),0 12px 28px rgba(0,0,0,.22)!important;
}
.eg-panel-kpi-icon{width:48px;height:48px;min-width:48px;border-radius:13px;border:1px solid rgba(150,160,168,.26);display:grid;place-items:center;color:#c5cbd0}
.eg-panel-kpi-icon.naranja{color:#ff8a20;border-color:rgba(255,138,32,.42)}
.eg-panel-kpi-icon.rojo{color:#ff6262;border-color:rgba(255,98,98,.42)}
.eg-panel-kpi-icon svg{width:25px;height:25px}
.eg-panel-kpi>div{min-width:0}
.eg-panel-kpi-label{display:block;color:#aeb4ba;font-size:12px;font-weight:850;letter-spacing:.06em;text-transform:uppercase;margin-bottom:5px}
.eg-panel-kpi strong{display:block;color:#f4f5f6;font-size:clamp(28px,2.1vw,38px);line-height:1;font-weight:850;letter-spacing:-.03em;overflow-wrap:anywhere}
.eg-panel-kpi small{display:block;margin-top:7px;color:#8f979e;font-size:13px}
.eg-panel-kpi-status{font-size:24px!important;line-height:1.05!important}

/* Los módulos de las tres páginas usan la misma superficie que Ajustes. */
body.eg-pagina-actualizar .eg-panel-primary,
body.eg-pagina-permisos .panel,
body.eg-pagina-organizador .panel{
  background:var(--eg726-surface)!important;border:1px solid var(--eg726-line)!important;border-radius:var(--eg726-radius)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.03),0 12px 28px rgba(0,0,0,.22)!important;
}
body.eg-pagina-permisos .panel,body.eg-pagina-organizador .panel{padding:24px 26px!important}
body.eg-pagina-permisos .panel>h2:first-child,body.eg-pagina-organizador .panel>h2:first-child{margin-top:0!important}

/* Permisos: respiración equivalente a Ajustes; no casillas pegadas. */
body.eg-pagina-permisos #cuadroPermisos{padding:24px 26px!important}
body.eg-pagina-permisos .filtros{gap:12px 16px!important;padding:10px 0!important}
body.eg-pagina-permisos .filtros label{box-sizing:border-box;padding:10px 12px;border-radius:10px}
body.eg-pagina-permisos .filtros label:has(input[type=checkbox]){background:#090b0d;border:1px solid rgba(229,231,235,.08)}
body.eg-pagina-permisos .filtros input[type=checkbox]{margin-right:8px}
body.eg-pagina-permisos h2{margin:30px 0 12px!important}

@media(max-width:1200px){.eg-panel-kpis{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:900px){
  body.eg-pagina-actualizar .eg-panel-hero,body.eg-pagina-permisos .eg-panel-hero,body.eg-pagina-organizador .eg-panel-hero{padding:22px 20px;margin-bottom:16px}
  .eg-panel-kpis,.eg-panel-kpis-3{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:560px){
  .eg-panel-kpis,.eg-panel-kpis-3{grid-template-columns:1fr}
  .eg-panel-kpi{padding:16px}
  body.eg-pagina-permisos .panel,body.eg-pagina-organizador .panel,body.eg-pagina-permisos #cuadroPermisos{padding:18px 16px!important}
  body.eg-pagina-permisos .filtros label{width:100%;min-width:0!important}
}