/* BR Workspace · Executive Dashboard System 8.68.1
   Capa visual transversal. No altera datos, cálculos, textos ni lógica.
   Variantes: Análisis de Datos / Indicadores SST / Monitoreo Operacional. */

#data-intelligence{
  --brx-ink:#2E1B43;
  --brx-accent:#523178;
  --brx-accent-2:#8C4799;
  --brx-highlight:#F9B52C;
  --brx-soft:#faf7fc;
  --brx-line:#eadff0;
  --brx-glow:rgba(82,49,120,.08);
}
#indicators{
  --brx-ink:#2E1B43;
  --brx-accent:#5f347f;
  --brx-accent-2:#9a5aa2;
  --brx-highlight:#d8a231;
  --brx-soft:#fbf8fc;
  --brx-line:#eadff0;
  --brx-glow:rgba(95,52,127,.08);
}
#operational-monitoring{
  --brx-ink:#243b43;
  --brx-accent:#315d69;
  --brx-accent-2:#6a4a83;
  --brx-highlight:#d6a22d;
  --brx-soft:#f7fafb;
  --brx-line:#dce8ea;
  --brx-glow:rgba(49,93,105,.09);
}

/* ===== Cabeceras ejecutivas ===== */
#data-intelligence.is-presentation .brdi-presentation-head,
#indicators .brsst-hero,
#operational-monitoring .brom-report-top{
  border-radius:16px!important;
  min-height:78px;
  padding:16px 18px!important;
  box-sizing:border-box;
  background:
    radial-gradient(circle at 86% 45%,rgba(255,255,255,.08) 0 9%,transparent 9.5% 18%,rgba(255,255,255,.055) 18.5% 27%,transparent 27.5%),
    linear-gradient(118deg,var(--brx-ink),var(--brx-accent) 54%,var(--brx-accent-2))!important;
  box-shadow:0 12px 28px var(--brx-glow)!important;
}
#operational-monitoring .brom-report-top{
  background:
    radial-gradient(circle at 88% 42%,rgba(255,255,255,.07) 0 10%,transparent 10.5% 20%),
    linear-gradient(118deg,#243b43 0%,#315d69 53%,#6a4a83 100%)!important;
}
#data-intelligence.is-presentation .brdi-presentation-head h2,
#indicators .brsst-hero h2,
#operational-monitoring .brom-report-top h2{
  font-size:22px!important;
  letter-spacing:-.03em;
  line-height:1.02!important;
}
#data-intelligence.is-presentation .brdi-presentation-head small,
#indicators .brsst-hero span,
#operational-monitoring .brom-report-top span{
  color:var(--brx-highlight)!important;
  font-size:8px!important;
  letter-spacing:.11em!important;
}

/* ===== KPI strip: misma familia, distintos acentos ===== */
#indicators .brsst-kpis,
#operational-monitoring .brom-kpis{
  gap:6px!important;
  margin:8px 0 10px!important;
}
#indicators .brsst-kpi,
#operational-monitoring .brom-kpis article,
#data-intelligence.is-presentation .brdi-dashboard-kpis>div,
#data-intelligence.is-presentation .brdi-domain-kpi{
  position:relative;
  overflow:hidden;
  border-radius:11px!important;
  border:1px solid var(--brx-line)!important;
  background:linear-gradient(145deg,#fff,var(--brx-soft))!important;
  box-shadow:0 5px 14px var(--brx-glow)!important;
}
#indicators .brsst-kpi,
#operational-monitoring .brom-kpis article{
  min-height:54px!important;
  padding:8px 10px!important;
}
#indicators .brsst-kpi:after,
#operational-monitoring .brom-kpis article:after,
#data-intelligence.is-presentation .brdi-dashboard-kpis>div:after,
#data-intelligence.is-presentation .brdi-domain-kpi:after{
  content:"";
  position:absolute;
  width:56px;
  height:56px;
  border:10px solid color-mix(in srgb,var(--brx-accent-2) 9%,transparent);
  border-radius:50%;
  right:-24px;
  bottom:-31px;
  pointer-events:none;
}
#operational-monitoring .brom-kpis article:before{
  background:linear-gradient(180deg,var(--brx-accent),var(--brx-accent-2),var(--brx-highlight))!important;
}
#indicators .brsst-kpi>span{background:var(--brx-accent)!important}
#indicators .brsst-kpi.is-yellow>span{background:var(--brx-highlight)!important}
#indicators .brsst-kpi strong,
#operational-monitoring .brom-kpis strong{font-size:18px!important;color:var(--brx-ink)}
#indicators .brsst-kpi small,
#operational-monitoring .brom-kpis small{font-size:6.5px!important;letter-spacing:.06em;color:#6e6476}

/* ===== Tarjetas de contenido ===== */
#indicators .brsst-card,
#indicators .brsst-attention,
#operational-monitoring .brom-event-panel,
#operational-monitoring .brom-state-panel,
#operational-monitoring .brom-bottom>article,
#operational-monitoring .brom-branch,
#data-intelligence.is-presentation .brdi-card{
  border-radius:14px!important;
  border:1px solid var(--brx-line)!important;
  box-shadow:0 6px 18px var(--brx-glow)!important;
  background:#fff!important;
}
#indicators .brsst-card,
#operational-monitoring .brom-event-panel,
#operational-monitoring .brom-state-panel,
#operational-monitoring .brom-bottom>article{
  padding:11px 12px!important;
}
#indicators .brsst-card header span,
#indicators .brsst-attention header span,
#operational-monitoring .brom-event-panel header span,
#operational-monitoring .brom-state-panel header span,
#operational-monitoring .brom-bottom header span{
  color:var(--brx-accent-2)!important;
  font-size:7px!important;
  letter-spacing:.10em!important;
}
#indicators .brsst-card h3,
#operational-monitoring .brom-event-panel h3,
#operational-monitoring .brom-state-panel h3,
#operational-monitoring .brom-bottom h3{
  font-size:13px!important;
  color:var(--brx-ink)!important;
}

/* ===== Barras / visualizaciones ===== */
#indicators .brsst-track i,
#indicators .brsst-bar i,
#data-intelligence.is-presentation .brdi-chart-row i{
  background:linear-gradient(90deg,var(--brx-accent),var(--brx-accent-2),var(--brx-highlight))!important;
}
#operational-monitoring .brom-statusbar{
  background:#e8eef0!important;
  border-radius:999px!important;
  overflow:hidden!important;
}
#operational-monitoring .brom-statusbar i.normal{background:#4f9881!important}
#operational-monitoring .brom-statusbar i.monitor{background:#d6a22d!important}
#operational-monitoring .brom-statusbar i.attention{background:#d7793c!important}
#operational-monitoring .brom-statusbar i.critical{background:#c95567!important}
#operational-monitoring .brom-branch>header{
  background:linear-gradient(90deg,#315d69,#6a4a83)!important;
}
#operational-monitoring .brom-branch>header.monitor{background:linear-gradient(90deg,#315d69,#6d6a80)!important}
#operational-monitoring .brom-branch>header.attention{background:linear-gradient(90deg,#6a4a83,#a06c58)!important}
#operational-monitoring .brom-branch>header.critical{background:linear-gradient(90deg,#6a4a83,#b65165)!important}

/* ===== Densidad ejecutiva coherente ===== */
#indicators .brsst-grid{gap:7px!important}
#indicators .brsst-card{min-height:154px!important}
#indicators .brsst-attention{margin-top:8px!important}
#operational-monitoring .brom-mid,
#operational-monitoring .brom-bottom{gap:7px!important;margin-top:8px!important}
#operational-monitoring .brom-branches{gap:7px!important}
#data-intelligence.is-presentation .brdi-dashboard,
#data-intelligence.is-presentation .brdi-insight-grid{gap:10px!important}
#data-intelligence.is-presentation .brdi-dashboard-kpis{gap:7px!important}
#data-intelligence.is-presentation .brdi-dashboard-kpis>div{padding:12px 11px!important}
#data-intelligence.is-presentation .brdi-dashboard-kpis b{font-size:22px!important}
#data-intelligence.is-presentation .brdi-domain-kpi{padding:11px 12px!important}

/* ===== iPad ===== */
@media (min-width:700px) and (max-width:1180px){
  #data-intelligence.is-presentation .brdi-presentation-head,
  #indicators .brsst-hero,
  #operational-monitoring .brom-report-top{
    min-height:72px;
    padding:14px 16px!important;
  }
  #data-intelligence.is-presentation .brdi-presentation-head h2,
  #indicators .brsst-hero h2,
  #operational-monitoring .brom-report-top h2{font-size:20px!important}
  #indicators .brsst-kpis{grid-template-columns:repeat(4,minmax(0,1fr))!important}
  #operational-monitoring .brom-kpis{grid-template-columns:repeat(3,minmax(0,1fr))!important}
  #indicators .brsst-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  #operational-monitoring .brom-branches.is-many{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  #data-intelligence.is-presentation .brdi-dashboard,
  #data-intelligence.is-presentation .brdi-insight-grid{grid-template-columns:1fr!important}
}

/* ===== iPhone ===== */
@media (max-width:699px){
  #data-intelligence.is-presentation .brdi-presentation-head,
  #indicators .brsst-hero,
  #operational-monitoring .brom-report-top{
    min-height:0;
    padding:14px!important;
    border-radius:14px!important;
    align-items:flex-start!important;
    flex-direction:column!important;
    gap:7px!important;
  }
  #data-intelligence.is-presentation .brdi-presentation-head h2,
  #indicators .brsst-hero h2,
  #operational-monitoring .brom-report-top h2{font-size:19px!important}
  #indicators .brsst-kpis,
  #operational-monitoring .brom-kpis,
  #data-intelligence.is-presentation .brdi-dashboard-kpis{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:6px!important;
  }
  #indicators .brsst-grid,
  #indicators .brsst-attention>div,
  #operational-monitoring .brom-branches,
  #operational-monitoring .brom-mid,
  #operational-monitoring .brom-bottom,
  #data-intelligence.is-presentation .brdi-dashboard,
  #data-intelligence.is-presentation .brdi-insight-grid{
    grid-template-columns:1fr!important;
  }
  #indicators .brsst-card.brsst-wide{grid-column:auto!important}
  #indicators .brsst-card,
  #operational-monitoring .brom-event-panel,
  #operational-monitoring .brom-state-panel,
  #operational-monitoring .brom-bottom>article{
    min-height:0!important;
  }
  #data-intelligence.is-presentation .brdi-chart-row{
    grid-template-columns:minmax(78px,105px) minmax(0,1fr) 42px!important;
  }
}

@media (prefers-reduced-motion:reduce){
  #data-intelligence *,#indicators *,#operational-monitoring *{animation:none!important;transition:none!important}
}


/* 8.68.1 · responsive hardening */
#data-intelligence,
#indicators,
#operational-monitoring,
#data-intelligence *,
#indicators *,
#operational-monitoring *{min-width:0}
#indicators .brsst-kpi,
#operational-monitoring .brom-kpis article,
#indicators .brsst-card,
#operational-monitoring .brom-branch,
#operational-monitoring .brom-event-panel,
#operational-monitoring .brom-state-panel,
#operational-monitoring .brom-bottom>article,
#data-intelligence.is-presentation .brdi-card{
  overflow-wrap:anywhere;
}
#indicators .brsst-kpi small,
#operational-monitoring .brom-kpis small{
  font-size:10px!important;
  line-height:1.2!important;
}
#indicators .brsst-card header span,
#indicators .brsst-attention header span,
#operational-monitoring .brom-event-panel header span,
#operational-monitoring .brom-state-panel header span,
#operational-monitoring .brom-bottom header span{
  font-size:9px!important;
  line-height:1.2!important;
}
@media (min-width:700px) and (max-width:1180px){
  #indicators .brsst-kpis,
  #operational-monitoring .brom-kpis{align-items:stretch!important}
}
@media (max-width:699px){
  #data-intelligence.is-presentation .brdi-chart-row{
    grid-template-columns:minmax(72px,96px) minmax(0,1fr) 36px!important;
  }
}