.bp-panel {
  position: fixed;
  background: var(--panel, #161b22);
  border: 1px solid var(--line, #30363d);
  border-radius: 8px;
  color: var(--txt, #e6edf3);
  font-family: var(--mono, monospace);
  font-size: 11px;
  z-index: 500;
}
.bp-panel.colapsado .bp-panel-body { display: none; }
.bp-panel-header { cursor: pointer; padding: 6px 10px; user-select: none; }
.bp-badge {
  display: inline-block;
  border-radius: 10px;
  padding: 1px 7px;
  font-size: 10px;
  font-weight: 700;
}
.bp-salud {
  top: 10px;
  right: 10px;
  width: 220px;
}
.bp-salud .bp-panel-body > div {
  padding: 2px 0;
  display: flex;
  justify-content: space-between;
  gap: 8px;
}
.bp-badge.ok   { background: var(--ok, #16a34a); color: #fff; }
.bp-badge.warn { background: var(--warn, #fd9644); color: #111; }
.bp-bitacora {
  top: 240px;
  right: 10px;
  width: 260px;
}
.bp-bitacora .bp-panel-body {
  max-height: 180px;
  overflow-y: auto;
}
.bp-bitacora-item {
  padding: 3px 0;
  border-bottom: 1px solid var(--line, #30363d);
  display: flex;
  gap: 6px;
}
.bp-bitacora-hora    { color: var(--dim, #8b949e); flex-shrink: 0; }
.bp-bitacora-info    { color: var(--txt, #e6edf3); }
.bp-bitacora-success { color: var(--ok, #16a34a); }
.bp-bitacora-warning { color: var(--warn, #fd9644); }
.bp-bitacora-danger  { color: var(--bad, #dc3545); }
.bp-bitacora-vacio { color: var(--dim, #8b949e); padding: 4px 0; }
tr[data-riesgo="critico"]     .c-st::after { content: '●'; color: var(--bad, #dc3545); margin-left: 4px; }
tr[data-riesgo="advertencia"] .c-st::after { content: '●'; color: var(--warn, #fd9644); margin-left: 4px; }
tr[data-riesgo="desconocido"] .c-st::after { content: '●'; color: var(--dim, #8b949e); margin-left: 4px; }
.bp-riesgo {
  top: 460px;
  right: 10px;
  width: 260px;
}
.bp-riesgo .bp-panel-body {
  max-height: 180px;
  overflow-y: auto;
}
.bp-riesgo-vacio { color: var(--dim, #8b949e); padding: 4px 0; }
.bp-riesgo-grupo {
  padding: 4px 0;
  border-bottom: 1px solid var(--line, #30363d);
}
.bp-riesgo-grupo-titulo { font-weight: 700; }
.bp-riesgo-grupo-lista { color: var(--dim, #8b949e); word-break: break-word; }
.bp-alertas {
  top: 680px;
  right: 10px;
  width: 260px;
}
.bp-alertas .bp-panel-header {
  display: flex;
  align-items: center;
  gap: 6px;
}
.bp-alertas .bp-panel-body {
  max-height: 180px;
  overflow-y: auto;
}
#bp-alertas-audio {
  margin-left: auto;
  background: var(--panel2, #1c2230);
  color: var(--txt, #e6edf3);
  border: 1px solid var(--line, #30363d);
  border-radius: 6px;
  font-size: 10px;
  font-family: var(--mono, monospace);
  padding: 2px 6px;
  cursor: pointer;
}
#bp-alertas-audio:disabled { opacity: 0.6; cursor: default; }
.bp-alertas-vacio { color: var(--dim, #8b949e); padding: 4px 0; }
.bp-alerta-item {
  padding: 4px 0;
  border-bottom: 1px solid var(--line, #30363d);
  display: flex;
  align-items: center;
  gap: 6px;
}
.bp-alerta-texto { flex: 1; word-break: break-word; }
.bp-alerta-hora { color: var(--dim, #8b949e); flex-shrink: 0; }
.bp-alerta-cerrar {
  background: none;
  border: none;
  color: var(--dim, #8b949e);
  cursor: pointer;
  font-size: 11px;
  flex-shrink: 0;
}
.bp-alerta-normal   { color: var(--txt, #e6edf3); }
.bp-alerta-media    { color: var(--warn, #fd9644); }
.bp-alerta-alta     { color: var(--warn, #fd9644); font-weight: 700; }
.bp-alerta-critica  { color: var(--bad, #dc3545); font-weight: 700; }
.bp-sostriage {
  top: 900px;
  right: 10px;
  width: 260px;
}
.bp-sostriage .bp-panel-body {
  max-height: 180px;
  overflow-y: auto;
}
.bp-sostriage-vacio { color: var(--dim, #8b949e); padding: 4px 0; }
.bp-sostriage-item {
  padding: 4px 0;
  border-bottom: 1px solid var(--line, #30363d);
}
.bp-sostriage-cab {
  display: flex;
  justify-content: space-between;
  gap: 6px;
}
.bp-sostriage-id { flex: 1; word-break: break-word; }
.bp-sostriage-estado { font-size: 10px; flex-shrink: 0; }
.bp-sostriage-recibida             { color: var(--dim, #8b949e); }
.bp-sostriage-vista_por_base       { color: var(--txt, #e6edf3); }
.bp-sostriage-en_atencion          { color: var(--warn, #fd9644); }
.bp-sostriage-autoridad_notificada { color: var(--warn, #fd9644); font-weight: 700; }
.bp-sostriage-cerrada              { color: var(--ok, #16a34a); }
.bp-sostriage-acciones {
  display: flex;
  align-items: center;
  gap: 6px;
  margin-top: 2px;
}
.bp-sostriage-btn {
  background: var(--panel2, #1c2230);
  color: var(--txt, #e6edf3);
  border: 1px solid var(--line, #30363d);
  border-radius: 6px;
  font-size: 10px;
  font-family: var(--mono, monospace);
  padding: 2px 6px;
  cursor: pointer;
}
.bp-sostriage-btn:disabled { opacity: 0.6; cursor: default; }
.bp-sostriage-cerrar {
  background: none;
  border: none;
  color: var(--dim, #8b949e);
  cursor: pointer;
  font-size: 11px;
  margin-left: auto;
}
.bp-calidad {
  top: 1120px;
  right: 10px;
  width: 260px;
}
.bp-calidad .bp-panel-body {
  max-height: 180px;
  overflow-y: auto;
}
.bp-calidad-vacio { color: var(--dim, #8b949e); padding: 4px 0; }
.bp-calidad-item {
  padding: 4px 0;
  border-bottom: 1px solid var(--line, #30363d);
  display: flex;
  align-items: center;
  gap: 6px;
}
.bp-calidad-id { flex: 1; word-break: break-word; }
.bp-calidad-estrellas { color: var(--dim, #8b949e); flex-shrink: 0; }
.bp-calidad-riesgo { font-size: 10px; flex-shrink: 0; }
.bp-calidad-riesgo-ok           { color: var(--ok, #16a34a); }
.bp-calidad-riesgo-advertencia  { color: var(--warn, #fd9644); }
.bp-calidad-riesgo-critico      { color: var(--bad, #dc3545); font-weight: 700; }
.bp-calidad-riesgo-desconocido  { color: var(--dim, #8b949e); }
.bp-calidad-sos { font-size: 10px; flex-shrink: 0; color: var(--dim, #8b949e); }
.bp-calidad-sos-activo { color: var(--bad, #dc3545); font-weight: 700; }
.bp-incidencias {
  top: 1340px;
  right: 10px;
  width: 260px;
}
.bp-incidencias .bp-panel-body {
  max-height: 260px;
  overflow-y: auto;
}
.bp-incidencias-tabs {
  display: flex;
  gap: 6px;
  margin-bottom: 6px;
}
.bp-incidencias-tab {
  flex: 1;
  background: var(--panel2, #1c2230);
  color: var(--dim, #8b949e);
  border: 1px solid var(--line, #30363d);
  border-radius: 6px;
  font-size: 10px;
  font-family: var(--mono, monospace);
  padding: 3px 6px;
  cursor: pointer;
}
.bp-incidencias-tab.activo { color: var(--txt, #e6edf3); font-weight: 700; }
.bp-incidencias-form {
  display: flex;
  flex-direction: column;
  gap: 4px;
  margin-bottom: 8px;
}
.bp-incidencias-form select,
.bp-incidencias-form input {
  background: var(--panel2, #1c2230);
  color: var(--txt, #e6edf3);
  border: 1px solid var(--line, #30363d);
  border-radius: 6px;
  font-size: 10px;
  font-family: var(--mono, monospace);
  padding: 3px 6px;
}
.bp-incidencias-vacio { color: var(--dim, #8b949e); padding: 4px 0; }
.bp-incidencias-item {
  padding: 5px 0;
  border-bottom: 1px solid var(--line, #30363d);
}
.bp-incidencias-cab {
  display: flex;
  align-items: center;
  gap: 6px;
}
.bp-incidencias-folio { font-weight: 700; }
.bp-incidencias-tipo { flex: 1; color: var(--dim, #8b949e); word-break: break-word; }
.bp-incidencias-estado { font-size: 10px; flex-shrink: 0; }
.bp-incidencias-estado-abierta     { color: var(--txt, #e6edf3); }
.bp-incidencias-estado-en_revision { color: var(--warn, #fd9644); }
.bp-incidencias-estado-resolviendo { color: var(--warn, #fd9644); font-weight: 700; }
.bp-incidencias-estado-cerrada     { color: var(--ok, #16a34a); }
.bp-incidencias-unidad { color: var(--dim, #8b949e); margin-top: 2px; }
.bp-incidencias-desc { word-break: break-word; margin-top: 2px; }
.bp-incidencias-inline {
  width: 100%;
  box-sizing: border-box;
  background: var(--panel2, #1c2230);
  color: var(--txt, #e6edf3);
  border: 1px solid var(--line, #30363d);
  border-radius: 6px;
  font-size: 10px;
  font-family: var(--mono, monospace);
  padding: 2px 6px;
  margin-top: 3px;
}
.bp-incidencias-acciones { margin-top: 4px; }
.bp-incidencias-btn {
  background: var(--panel2, #1c2230);
  color: var(--txt, #e6edf3);
  border: 1px solid var(--line, #30363d);
  border-radius: 6px;
  font-size: 10px;
  font-family: var(--mono, monospace);
  padding: 2px 6px;
  cursor: pointer;
}
.bp-incidencias-btn:disabled { opacity: 0.6; cursor: default; }
.bp-incidencias-export-btn { width: 100%; margin-top: 6px; }
.bp-incidencias-export-area {
  width: 100%;
  box-sizing: border-box;
  margin-top: 6px;
  height: 80px;
  background: var(--panel2, #1c2230);
  color: var(--txt, #e6edf3);
  border: 1px solid var(--line, #30363d);
  border-radius: 6px;
  font-size: 9px;
  font-family: var(--mono, monospace);
}
.bp-geocercas {
  bottom: 10px;
  right: 10px;
  width: 260px;
}
.bp-geocercas .bp-panel-body {
  max-height: 220px;
  overflow-y: auto;
}
.bp-geocercas-resumen {
  display: flex;
  flex-direction: column;
  gap: 2px;
  margin-bottom: 6px;
  padding-bottom: 6px;
  border-bottom: 1px solid var(--line, #30363d);
}
.bp-geocercas-resumen > div {
  display: flex;
  justify-content: space-between;
  gap: 8px;
  color: var(--txt, #e6edf3);
}
.bp-geocercas-resumen > div > span:first-child { color: var(--dim, #8b949e); }
.bp-geocercas-vacio { color: var(--dim, #8b949e); padding: 4px 0; }
.bp-geocercas-item {
  padding: 3px 0;
  border-bottom: 1px solid var(--line, #30363d);
  display: flex;
  flex-direction: column;
  gap: 1px;
}
.bp-geocercas-id { font-weight: 700; }
.bp-geocercas-zona { color: var(--dim, #8b949e); }
.bp-geocercas-base { color: var(--dim, #8b949e); font-size: 10px; }
.bp-demanda {
  bottom: 10px;
  right: 280px;
  width: 260px;
}
.bp-demanda .bp-panel-body {
  max-height: 260px;
  overflow-y: auto;
}
.bp-demanda-estado { color: var(--dim, #8b949e); padding: 4px 0; }
.bp-demanda-resumen {
  display: flex;
  flex-direction: column;
  gap: 2px;
  margin: 6px 0;
  padding-bottom: 6px;
  border-bottom: 1px solid var(--line, #30363d);
}
.bp-demanda-resumen > div {
  display: flex;
  justify-content: space-between;
  gap: 8px;
  color: var(--txt, #e6edf3);
}
.bp-demanda-resumen > div > span:first-child { color: var(--dim, #8b949e); }
.bp-demanda-subtitulo {
  font-weight: 700;
  margin: 6px 0 2px;
  color: var(--txt, #e6edf3);
}
.bp-demanda-lista { display: flex; flex-direction: column; }
.bp-demanda-vacio { color: var(--dim, #8b949e); padding: 4px 0; }
.bp-demanda-item {
  padding: 2px 0;
  border-bottom: 1px solid var(--line, #30363d);
  display: flex;
  justify-content: space-between;
  gap: 8px;
  color: var(--dim, #8b949e);
}
.bp-demanda-pico { color: var(--txt, #e6edf3); font-weight: 700; }
.bp-demanda-btn {
  width: 100%;
  margin-top: 6px;
  background: var(--panel2, #1c2230);
  color: var(--txt, #e6edf3);
  border: 1px solid var(--line, #30363d);
  border-radius: 6px;
  font-size: 10px;
  font-family: var(--mono, monospace);
  padding: 4px 6px;
  cursor: pointer;
}
.bp-demanda-btn:disabled { opacity: 0.6; cursor: default; }