/* ============================================================
   LEGACY-KEEP (v37) — Las únicas reglas VIVAS rescatadas de los
   5 CSS legacy retirados (renderUIDecoupling, pulsoUnifiedDesignSystem,
   unifiedUISkin, spatialCompositor, completeFullBuild).
   Análisis de vida de selectores: el resto apuntaba a paneles del
   renderer espacial que ya no existen. Los archivos originales siguen
   en el repo y se recargan con ?legacy=1 para comparar.
   ============================================================ */
/* de pulsoUnifiedDesignSystem.css */
:root {
  /* Tokens legacy REMAPEADOS al tema Pro Silver: cualquier panel viejo
     que los consuma hereda el negro/plata sin tocar su CSS. */
  --pulso-bg:rgba(13,13,16,.92);
  --pulso-bg2:rgba(255,255,255,.05);
  --pulso-bg3:rgba(201,204,212,.18);
  --pulso-border:#2a2a30;
  --pulso-border2:#45454d;
  --pulso-text:#e8e8ec;
  --pulso-muted:#9a9aa3;
  --pulso-accent:#c9ccd4;
  --pulso-radius:14px;
  --pulso-font:Inter,-apple-system,system-ui,sans-serif;
  --pulso-shadow:0 8px 28px rgba(0,0,0,.5);
  --pulso-blur:blur(20px);
}

/* de pulsoUnifiedDesignSystem.css */
section[id^="pulso-"][id$="-panel"], #pulso-performance-system {
  box-sizing:border-box!important;
  background:rgba(15,15,18,.92)!important;
  border:1px solid var(--pulso-border)!important;
  border-radius:var(--pulso-radius)!important;
  color:var(--pulso-text)!important;
  font-family:var(--pulso-font)!important;
  box-shadow:var(--pulso-shadow)!important;
  backdrop-filter:var(--pulso-blur)!important;
  -webkit-backdrop-filter:var(--pulso-blur)!important;
}

/* de pulsoUnifiedDesignSystem.css */
section[id^="pulso-"] h3, #pulso-performance-system h3 {
  margin:0 0 12px!important;
  padding-right:72px!important;
  color:var(--pulso-text)!important;
  font-family:var(--pulso-font)!important;
  font-size:12px!important;
  line-height:1.2!important;
  font-weight:750!important;
  letter-spacing:.135em!important;
  text-transform:uppercase!important;
  opacity:.92!important;
}

/* de pulsoUnifiedDesignSystem.css */
section[id^="pulso-"] h4 {
  margin:13px 0 7px!important;
  color:var(--pulso-muted)!important;
  font-size:10px!important;
  font-weight:750!important;
  letter-spacing:.14em!important;
  text-transform:uppercase!important;
}

/* de pulsoUnifiedDesignSystem.css */
section[id^="pulso-"] button, #pulso-performance-system button {
  appearance:none!important;
  border:1px solid var(--pulso-border)!important;
  background:var(--pulso-bg2)!important;
  color:var(--pulso-text)!important;
  border-radius:14px!important;
  font-family:var(--pulso-font)!important;
  font-size:12px!important;
  font-weight:600!important;
  min-height:34px;
  padding:8px 11px!important;
  cursor:pointer!important;
  box-shadow:none!important;
}

/* de pulsoUnifiedDesignSystem.css */
section[id^="pulso-"] button:hover {
  background:var(--pulso-bg3)!important;
  border-color:var(--pulso-border2)!important;
}

/* de pulsoUnifiedDesignSystem.css */
section[id^="pulso-"] input[type="range"], #pulso-performance-system input[type="range"] {
  width:100%!important;
  accent-color:var(--pulso-accent);
  touch-action:none;
}

/* de pulsoUnifiedDesignSystem.css */
section[id^="pulso-"] input[type="number"], section[id^="pulso-"] select {
  background:rgba(255,255,255,.065)!important;
  color:var(--pulso-text)!important;
  border:1px solid var(--pulso-border)!important;
  border-radius:10px!important;
  padding:5px 7px!important;
  font-family:var(--pulso-font)!important;
}

/* de pulsoUnifiedDesignSystem.css */
section[id^="pulso-"] .row {
  color:var(--pulso-muted)!important;
  font-size:12px!important;
  line-height:1.25!important;
}

/* de pulsoUnifiedDesignSystem.css */
section[id^="pulso-"] .status, section[id^="pulso-"] .pulso-status {
  color:rgba(246,241,255,.44)!important;
  font-size:11px!important;
  line-height:1.35!important;
  margin-top:10px!important;
}

/* de pulsoUnifiedDesignSystem.css */
canvas {font-family:initial}

/* de unifiedUISkin.css */
:root {
  --pulso-ui-bg: rgba(7, 8, 16, .78);
  --pulso-ui-bg-soft: rgba(255,255,255,.055);
  --pulso-ui-bg-hover: rgba(255,255,255,.105);
  --pulso-ui-border: rgba(255,255,255,.13);
  --pulso-ui-border-strong: rgba(160,164,172,.32);
  --pulso-ui-text: #B388FF;
  --pulso-ui-muted: rgba(245,241,255,.62);
  --pulso-ui-accent: rgba(180, 140, 255, .26);
  --pulso-ui-radius: 18px;
  --pulso-ui-radius-small: 12px;
  --pulso-ui-shadow: 0 18px 80px rgba(0,0,0,.42);
  --pulso-ui-blur: blur(18px);
  --pulso-ui-font: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

/* de unifiedUISkin.css */
section[id^="pulso-"][id$="-panel"], #pulso-performance-system {
  background: var(--pulso-ui-bg) !important;
  border: 1px solid var(--pulso-ui-border) !important;
  border-radius: var(--pulso-ui-radius) !important;
  color: var(--pulso-ui-text) !important;
  font-family: var(--pulso-ui-font) !important;
  box-shadow: var(--pulso-ui-shadow) !important;
  backdrop-filter: var(--pulso-ui-blur) !important;
  -webkit-backdrop-filter: var(--pulso-ui-blur) !important;
}

/* de unifiedUISkin.css */
section[id^="pulso-"][id$="-panel"] h3, #pulso-performance-system h3 {
  margin: 0 0 8px !important;
  font-size: 13px !important;
  letter-spacing: .12em !important;
  text-transform: uppercase !important;
  opacity: .76 !important;
  font-weight: 650 !important;
  color: var(--pulso-ui-text) !important;
}

/* de unifiedUISkin.css */
section[id^="pulso-"][id$="-panel"] h4, #pulso-performance-system h4 {
  font-size: 11px !important;
  text-transform: uppercase !important;
  letter-spacing: .12em !important;
  opacity: .58 !important;
  margin: 12px 0 6px !important;
}

/* de unifiedUISkin.css */
section[id^="pulso-"][id$="-panel"] button, #pulso-performance-system button {
  border: 1px solid var(--pulso-ui-border) !important;
  background: var(--pulso-ui-bg-soft) !important;
  color: var(--pulso-ui-text) !important;
  border-radius: 999px !important;
  cursor: pointer !important;
  font-size: 12px !important;
  font-family: var(--pulso-ui-font) !important;
  transition: background .18s ease, border-color .18s ease, transform .18s ease !important;
}

/* de unifiedUISkin.css */
section[id^="pulso-"][id$="-panel"] button:hover, #pulso-performance-system button:hover {
  background: var(--pulso-ui-accent) !important;
  border-color: var(--pulso-ui-border-strong) !important;
}

/* de unifiedUISkin.css */
section[id^="pulso-"][id$="-panel"] input[type="range"], #pulso-performance-system input[type="range"] {
  accent-color: rgb(190, 155, 255);
  width: 100% !important;
  touch-action: none;
}

/* de unifiedUISkin.css */
section[id^="pulso-"][id$="-panel"] input[type="number"], #pulso-performance-system input[type="number"], section[id^="pulso-"][id$="-panel"] select, #pulso-performance-system select {
  background: rgba(255,255,255,.07) !important;
  color: var(--pulso-ui-text) !important;
  border: 1px solid var(--pulso-ui-border) !important;
  border-radius: 10px !important;
  padding: 4px 7px !important;
}

/* de unifiedUISkin.css */
section[id^="pulso-"][id$="-panel"] .row, #pulso-performance-system .row {
  color: var(--pulso-ui-text) !important;
  opacity: .88 !important;
  font-size: 12px !important;
}

/* de unifiedUISkin.css */
section[id^="pulso-"][id$="-panel"] .status, section[id^="pulso-"][id$="-panel"] .pulso-status, #pulso-performance-system .status, #pulso-performance-system .pulso-status {
  color: var(--pulso-ui-muted) !important;
  font-size: 11px !important;
  opacity: .68 !important;
}

/* de spatialCompositor.css */
:root {
  --pulso-compositor-topology: .8;
  --pulso-compositor-hydra: .6;
  --pulso-compositor-particles: .6;
  --pulso-compositor-atmosphere: .7;
  --pulso-compositor-feedback: .6;
  --pulso-compositor-uiquiet: .7;
  --pulso-compositor-scale: 1;
}

/* de completeFullBuild.css */
:root {--pulso-bg:rgba(7,8,16,.84);--pulso-bg2:rgba(255,255,255,.065);--pulso-bg3:rgba(201,204,212,.24);--pulso-border:rgba(255,255,255,.13);--pulso-border2:rgba(160,164,172,.34);--pulso-text:#B388FF;--pulso-muted:rgba(246,241,255,.62);--pulso-accent:#9d74ff;--pulso-radius:18px;--pulso-font:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--pulso-shadow:0 18px 80px rgba(0,0,0,.44);--pulso-blur:blur(18px)}

/* de completeFullBuild.css */
html, body {background:#000!important}

/* de completeFullBuild.css */
section[id^="pulso-"][id$="-panel"], #pulso-performance-system {box-sizing:border-box!important;background:rgba(15,15,18,.92)!important;border:1px solid var(--pulso-border)!important;border-radius:var(--pulso-radius)!important;color:var(--pulso-text)!important;font-family:var(--pulso-font)!important;box-shadow:var(--pulso-shadow)!important;backdrop-filter:var(--pulso-blur)!important;-webkit-backdrop-filter:var(--pulso-blur)!important}

/* de completeFullBuild.css */
section[id^="pulso-"][id$="-panel"] h3, #pulso-performance-system h3 {margin:0 0 12px!important;padding-right:72px!important;color:var(--pulso-text)!important;font-family:var(--pulso-font)!important;font-size:12px!important;line-height:1.2!important;font-weight:750!important;letter-spacing:.135em!important;text-transform:uppercase!important;opacity:.92!important}

/* de completeFullBuild.css */
section[id^="pulso-"][id$="-panel"] button, #pulso-performance-system button {appearance:none!important;border:1px solid var(--pulso-border)!important;background:var(--pulso-bg2)!important;color:var(--pulso-text)!important;border-radius:14px!important;font-family:var(--pulso-font)!important;font-size:12px!important;font-weight:600!important;min-height:34px;padding:8px 11px!important;cursor:pointer!important}

/* de completeFullBuild.css */
section[id^="pulso-"][id$="-panel"] button:hover {background:var(--pulso-bg3)!important;border-color:var(--pulso-border2)!important}

/* de completeFullBuild.css */
section[id^="pulso-"][id$="-panel"] input[type="range"], #pulso-performance-system input[type="range"] {width:100%!important;accent-color:var(--pulso-accent);touch-action:none}

/* de completeFullBuild.css */
#pulso-atmospheric-overlay {opacity:.10!important;mix-blend-mode:screen!important;pointer-events:none!important}

/* de completeFullBuild.css */
#pulso-atmospheric-grain {opacity:.05!important;mix-blend-mode:overlay!important;pointer-events:none!important}

/* de completeFullBuild.css */
canvas[id^="pulso-"] {background:transparent!important}