/* ==========================================================================
   CUIK UI1.1.1 · MATERIAL PREMIUM DESIGN SYSTEM
   Material 3 Rounded-inspired · local SVG · no external icon font dependency
   ========================================================================== */
:root{
  --mp-bg:#0b1018;--mp-bg2:#101722;--mp-surface:#151e2b;--mp-surface2:#1b2636;
  --mp-surface3:#223147;--mp-text:#f7f9fc;--mp-muted:#9cabc0;
  --mp-line:rgba(177,197,222,.14);--mp-line2:rgba(177,197,222,.24);
  --mp-primary:#9b6cff;--mp-primary-strong:#7c3aed;--mp-primary-container:#2c2147;
  --mp-cyan:#35d2e4;--mp-green:#35d29a;--mp-danger:#fb7185;--mp-warning:#f4c95d;
  --mp-radius-xl:22px;--mp-radius-lg:18px;--mp-radius-md:14px;--mp-radius-sm:12px;
  --mp-shadow:0 16px 44px rgba(0,0,0,.22);--mp-shadow-soft:0 7px 24px rgba(0,0,0,.13);
  --mp-control:44px;
}
html[data-theme="light"],html[data-cuik-theme="light"],body.theme-light,body.light{
  --mp-bg:#f4f7fb;--mp-bg2:#edf2f7;--mp-surface:#ffffff;--mp-surface2:#f8fafc;
  --mp-surface3:#eef3f8;--mp-text:#172033;--mp-muted:#66758a;
  --mp-line:rgba(48,68,94,.12);--mp-line2:rgba(48,68,94,.22);
  --mp-primary-container:#eee7ff;
  --mp-shadow:0 16px 38px rgba(39,56,81,.10);--mp-shadow-soft:0 7px 22px rgba(39,56,81,.07);
}
body[class*="cuik-page-"]:not(.cuik-page-inicio){
  color:var(--mp-text)!important;
  background:radial-gradient(circle at 8% -8%,rgba(155,108,255,.07),transparent 25%),linear-gradient(180deg,var(--mp-bg2),var(--mp-bg))!important;
  font-family:Inter,"Segoe UI",Roboto,Arial,sans-serif!important;
  -webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;
}
body[class*="cuik-page-"]:not(.cuik-page-inicio) :is(h1,h2,h3,h4,strong){color:var(--mp-text)}
body[class*="cuik-page-"]:not(.cuik-page-inicio) :is(.muted,.subtitle,.sub,.subtle,.helper,.hint,small){color:var(--mp-muted)}

/* Header / app bars */
body[class*="cuik-page-"]:not(.cuik-page-inicio) :is(.topbar,.core-shell-topbar,.admin-topbar,.eb-topbar,.territorial-topbar,.push-topbar,.soc-topbar,.geo-topbar,.fichas-topbar,.cal-topbar){
  min-height:64px!important;padding:10px 12px!important;gap:10px!important;
  background:color-mix(in srgb,var(--mp-surface) 94%,transparent)!important;
  border:1px solid var(--mp-line)!important;box-shadow:0 8px 24px rgba(0,0,0,.08)!important;
  backdrop-filter:blur(16px) saturate(125%);-webkit-backdrop-filter:blur(16px) saturate(125%);
}

/* Material icon-only toolbars. Label remains in aria-label/title -> native tooltip on hover. */
[data-cuik-mobile-icon-only="true"]{
  position:relative!important;inline-size:44px!important;min-inline-size:44px!important;max-inline-size:44px!important;
  block-size:44px!important;min-block-size:44px!important;padding:0!important;gap:0!important;
  display:inline-grid!important;place-items:center!important;font-size:0!important;line-height:0!important;
  border-radius:14px!important;border:1px solid var(--mp-line)!important;background:var(--mp-surface2)!important;
  color:var(--mp-text)!important;box-shadow:none!important;overflow:visible!important;
}
[data-cuik-mobile-icon-only="true"]>.cuik-icon-glyph{inline-size:22px!important;block-size:22px!important;min-inline-size:22px!important;flex-basis:22px!important}
[data-cuik-mobile-icon-only="true"]>span:not(.cuik-icon-glyph):not([class*="badge"]):not([class*="count"]):not([class*="status"]){position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
[data-cuik-mobile-icon-only="true"].active,[data-cuik-mobile-icon-only="true"][aria-current="page"]{background:var(--mp-primary-container)!important;color:var(--mp-primary)!important;border-color:color-mix(in srgb,var(--mp-primary) 42%,var(--mp-line))!important}
@media(hover:hover){[data-cuik-mobile-icon-only="true"]:hover{background:color-mix(in srgb,var(--mp-primary) 12%,var(--mp-surface2))!important;border-color:color-mix(in srgb,var(--mp-primary) 35%,var(--mp-line))!important;transform:translateY(-1px)}}

/* General controls */
body[class*="cuik-page-"]:not(.cuik-page-inicio) :is(button,.btn,.button,.core-shell-action,.soc-btn,.geo-button,.fichas-button,.fichas-icon-button){border-radius:14px!important}
body[class*="cuik-page-"]:not(.cuik-page-inicio) :is(input:not([type="checkbox"]):not([type="radio"]),select,textarea){min-height:44px!important;border-radius:13px!important;border:1px solid var(--mp-line)!important;background:var(--mp-surface2)!important;color:var(--mp-text)!important;box-shadow:none!important}
body[class*="cuik-page-"]:not(.cuik-page-inicio) :is(input:not([type="checkbox"]):not([type="radio"]),select,textarea):focus{outline:none!important;border-color:color-mix(in srgb,var(--mp-primary) 58%,var(--mp-line))!important;box-shadow:0 0 0 3px color-mix(in srgb,var(--mp-primary) 14%,transparent)!important}

/* Cards / panels */
body[class*="cuik-page-"]:not(.cuik-page-inicio) :is(.card,.panel,.soc-panel,.geo-panel,.kpi,.soc-kpi-card,.summary-card,.metric-card,.stat-tile,.table-card,.chart-card,.section-block){border-color:var(--mp-line)!important;border-radius:18px!important;box-shadow:var(--mp-shadow-soft)!important}
body[class*="cuik-page-"]:not(.cuik-page-inicio) :is(.badge,.pill,.status-pill,.scope-pill,.soc-chip,.geo-chip){border-radius:999px!important}

/* Dashboard */
.cuik-page-dashboard .header{max-width:1180px;margin-inline:auto}.cuik-page-dashboard .header h1{font-size:clamp(39.48px,6vw,60.16px)!important;line-height:1!important;letter-spacing:-.035em}.cuik-page-dashboard .header .subtitle{max-width:940px;color:var(--mp-muted)!important}.cuik-page-dashboard .dashboard-initial-loader-card{border-radius:18px!important;box-shadow:var(--mp-shadow-soft)!important}

/* Administration */
.core-admin-page .admin-page-host{max-width:1480px;margin-inline:auto}.core-admin-page .core-config-tabs{gap:10px!important;padding:12px!important;border:1px solid var(--mp-line)!important;border-radius:18px!important;background:var(--mp-surface2)!important}.core-admin-page .core-config-tabs button{min-height:48px!important}

/* Push */
.cuik-page-push :is(.kpi,.panel,.modal-content){background:var(--mp-surface)!important;color:var(--mp-text)!important;border-color:var(--mp-line)!important}.cuik-page-push .kpi :is(h3,strong,.kpi-value){color:var(--mp-text)!important}.cuik-page-push .kpi :is(p,small,.muted){color:var(--mp-muted)!important}.cuik-page-push .kpi-grid{gap:14px!important}

/* SOC */
.cuik-page-soc :is(.soc-command,.soc-kpi-card,.soc-panel){background:var(--mp-surface)!important;border-color:var(--mp-line)!important}.cuik-page-soc .soc-command{border-radius:22px!important}.cuik-page-soc .soc-kpis{gap:14px!important}

/* Knowledge */
.cuik-page-knowledge .workspace{min-width:0!important}.cuik-page-knowledge .search-trigger-label{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important}.cuik-page-knowledge #globalSearchButton{min-width:44px!important}

/* Territorial */
.cuik-page-territorial .territorial-main{width:100%!important;max-width:1680px!important;margin-inline:auto!important;min-width:0!important}.cuik-page-territorial :is(.kpi,.card,.panel,.map-card){background:var(--mp-surface)!important;border-color:var(--mp-line)!important}.cuik-page-territorial .bottom-grid>*{min-width:0!important;max-width:100%!important}

/* Evaluation / Events / Experience / Fichas / Calendar / Referral */
.cuik-page-evaluacion :is(.hero,.card,.panel),.cuik-page-eventos :is(.scope-banner,.hero,.card,.filters),.cuik-page-experiencia :is(.hero,.card,.panel),.cuik-page-fichas :is(.fichas-card,.card,.panel),.cuik-page-calendar :is(.card,.panel),.cuik-page-campana :is(.card,.panel){border-color:var(--mp-line)!important;box-shadow:var(--mp-shadow-soft)!important}

/* Hidden backdrops stay hidden. Never resurrect through icon renderer. */
:is(.core-shell-backdrop,.sidebar-backdrop,.geo-backdrop,.mobile-backdrop,.command-backdrop,.cuik-fichas-backdrop,.cuik-referral-backdrop).cuik-icon-target:not(.open):not(.active):not([aria-hidden="false"]){display:none!important}

/* Mobile */
@media(max-width:900px),(pointer:coarse){
  :root{--mp-control:48px}
  body[class*="cuik-page-"]:not(.cuik-page-inicio) :is(.topbar,.core-shell-topbar,.admin-topbar,.eb-topbar,.territorial-topbar,.push-topbar,.soc-topbar,.geo-topbar,.fichas-topbar,.cal-topbar){min-height:60px!important;padding:8px 9px!important;gap:7px!important;border-radius:0!important}
  [data-cuik-mobile-icon-only="true"]{inline-size:48px!important;min-inline-size:48px!important;max-inline-size:48px!important;block-size:48px!important;min-block-size:48px!important}
  body[class*="cuik-page-"]:not(.cuik-page-inicio) :is(.core-shell-primary-actions,.topbar-actions,.top-actions,.topbar-right,.fichas-actions,.soc-actions,.push-user){display:flex!important;align-items:center!important;gap:7px!important;flex-wrap:nowrap!important;overflow-x:auto!important;scrollbar-width:none!important}
  body[class*="cuik-page-"]:not(.cuik-page-inicio) :is(.core-shell-primary-actions,.topbar-actions,.top-actions,.topbar-right,.fichas-actions,.soc-actions,.push-user)::-webkit-scrollbar{display:none}
  body[class*="cuik-page-"]:not(.cuik-page-inicio) :is(.card,.panel,.soc-panel,.geo-panel,.table-card,.chart-card){border-radius:16px!important}
  .cuik-page-dashboard .header{padding-inline:12px!important}.cuik-page-dashboard .header h1{font-size:clamp(31.96px,10vw,43.24px)!important}.cuik-page-dashboard .dashboard-initial-loader-card{margin:10px 12px!important;padding:14px!important;min-height:auto!important}.cuik-page-dashboard .dashboard-initial-loader-card .loader-lines{max-height:60px!important;overflow:auto!important}
  .core-admin-page .admin-page-host,.cuik-page-soc .soc-main,.cuik-page-eventos .eb-main,.cuik-page-territorial .territorial-main,.cuik-page-evaluacion .main,.cuik-page-push .push-main{padding-inline:10px!important}
  .cuik-page-push .kpi-grid,.cuik-page-soc .soc-kpis,.cuik-page-eventos .kpi-grid,.cuik-page-territorial .kpi-grid,.cuik-page-evaluacion .kpi-grid{grid-template-columns:1fr!important}
  .cuik-page-territorial .bottom-grid{grid-template-columns:1fr!important}.cuik-page-territorial .territorial-shell{display:block!important;grid-template-columns:none!important;width:100%!important;max-width:100%!important}.cuik-page-territorial .territorial-main{width:100%!important;max-width:100%!important}
  .cuik-page-soc .soc-actions>.soc-btn-wide,.cuik-page-evaluacion .top-actions>.btn{flex:0 0 48px!important;width:48px!important;min-width:48px!important;max-width:48px!important;padding:0!important}
  .cuik-page-eventos .filters{grid-template-columns:1fr!important}.cuik-page-eventos .hero-actions,.cuik-page-dashboard .header-actions{display:grid!important;grid-template-columns:1fr!important;gap:10px!important}
}


/* ==========================================================================
   UI1.1.1 · SIDEBAR VISIBLE EN SMARTPHONE = ALINEACIÓN IZQUIERDA
   El centrado sigue permitido solo en el rail COLAPSADO de escritorio.
   Fichas queda excluido: su sidebar móvil es icon-only por diseño.
   ========================================================================== */
@media(max-width:1080px){
  .cuik-page-eventos .eb-sidebar :is(.nav-item,.sidebar-status),
  .cuik-page-territorial .territorial-sidebar :is(.nav-item,.sidebar-status),
  .cuik-page-knowledge .sidebar :is(.nav-item,.sidebar-action,.sidebar-status),
  .cuik-page-georegistry .geo-sidebar :is(.geo-nav a,.geo-side-button,.geo-user-card,.geo-brand),
  .cuik-page-push .push-sidebar :is(nav button,.push-back),
  .cuik-page-evaluacion .sidebar .nav a{
    justify-content:flex-start!important;
    text-align:left!important;
  }
  .cuik-page-eventos .eb-sidebar :is(.brand-copy,.nav-item b,.sidebar-status-copy),
  .cuik-page-territorial .territorial-sidebar :is(.brand-copy,.nav-item b,.sidebar-status-copy),
  .cuik-page-knowledge .sidebar :is(.brand-copy,.nav-label){
    text-align:left!important;
  }
}

/* SOC no carga cuik-theme.css; su contrato de iconos vive aquí. */
html[data-theme="dark"] .cuik-page-soc :is(#socTheme,[data-cuik-mobile-icon-only="true"]:not(.primary):not(.danger):not(.active)){
  color:#f7f9fc!important;
}
html[data-theme="light"] .cuik-page-soc :is(#socTheme,[data-cuik-mobile-icon-only="true"]:not(.primary):not(.danger):not(.active)){
  color:#172033!important;
}
.cuik-page-soc :is(#socTheme,.cuik-icon-target) :is(.cuik-theme-icon,.cuik-icon-glyph,svg){
  stroke:currentColor!important;
  opacity:1!important;
  visibility:visible!important;
}

/* Match the executive hero to the other dashboard cards on desktop. */
@media (min-width:901px){
  .cuik-page-dashboard .core-shell-main > .header{
    width:100%;max-width:none;margin-inline:0;box-sizing:border-box;
  }
}