/* BLACKSALES — ENTEL EMPRESAS — ETAPA 1 */
.entel-header-context,
.entel-sidebar-logo {
  display: none;
}

body.theme-entel {
  --ink: #08245b;
  --muted: #66779b;
  --line: #dfe7f5;
  --paper: #fff;
  --wash: #f6f9ff;
  --green: #064df4;
  --mint: #edf3ff;
  --lime: #ff4b18;
  --danger: #d92f20;
  --header: #0738bc;
  --accent: #ff4b18;
  --bar: #064df4;
  background: #f6f9ff;
  color: #08245b;
  font-family: Arial, Helvetica, sans-serif;
}

body.theme-entel #app {
  min-height: 100vh;
  background:
    radial-gradient(circle at 72% 12%, #fff 0, #ffffff00 28%),
    linear-gradient(135deg, #f8fbff, #f3f7fd);
}

body.theme-entel .topbar {
  height: 86px;
  margin-left: 270px;
  padding: 0 34px 0 54px;
  background: rgba(255,255,255,.97);
  color: #08245b;
  border-bottom: 1px solid #dfe7f5;
  box-shadow: 0 4px 18px rgba(18,50,104,.04);
  position: relative;
  z-index: 15;
}

body.theme-entel .topbar .brand {
  position: fixed;
  inset: 0 auto auto 0;
  width: 270px;
  height: 86px;
  padding: 0 31px;
  z-index: 30;
  background: linear-gradient(135deg, #083fc6, #061d85);
  box-shadow: 8px 0 24px rgba(3,31,111,.12);
}

body.theme-entel .topbar .brand-logo {
  width: 205px;
  height: 48px;
  object-fit: contain;
  object-position: center;
  filter: none;
}

body.theme-entel #brandFunnel {
  display: none;
}

body.theme-entel .entel-header-context {
  display: flex;
  align-items: center;
  gap: 25px;
  min-width: 0;
  color: #08245b;
  font-size: 13px;
  font-weight: 800;
  letter-spacing: .02em;
}

body.theme-entel .entel-building {
  color: #63779d;
  font-size: 21px;
}

body.theme-entel .entel-divider {
  width: 1px;
  height: 28px;
  background: #d7dfed;
}

body.theme-entel .entel-teams {
  display: flex;
  align-items: center;
  gap: 8px;
}

body.theme-entel .profile {
  gap: 11px;
  color: #08245b;
}

body.theme-entel #userName {
  font-weight: 900;
}

body.theme-entel #userRole {
  color: #6e7d9b;
  font-size: 10px;
}

body.theme-entel .profile .ghost {
  color: #08245b;
  background: #fff;
  border-color: #d9e2f1;
  box-shadow: 0 4px 12px rgba(11,47,112,.05);
}

body.theme-entel .profile .refresh-icon {
  color: #064df4;
}

body.theme-entel .workspace {
  grid-template-columns: 270px minmax(0,1fr);
  min-height: calc(100vh - 86px);
}

body.theme-entel aside {
  position: fixed;
  inset: 86px auto 0 0;
  width: 270px;
  padding: 18px 14px 24px;
  z-index: 20;
  overflow-y: auto;
  background: #fff;
  border: 0;
  border-right: 1px solid #dfe7f5;
  border-radius: 0 0 26px 0;
  box-shadow: 9px 0 28px rgba(20,54,116,.08);
}

body.theme-entel .content {
  grid-column: 2;
  max-width: none;
  margin: 0;
  padding: 38px 52px 50px;
}

body.theme-entel .side-nav {
  padding: 0 0 15px;
  margin: 0 0 19px;
  border-bottom: 1px solid #e4eaf4;
}

body.theme-entel .side-nav button,
body.theme-entel aside > button,
body.theme-entel .more-folders button {
  min-height: 52px;
  padding: 13px 18px;
  margin: 3px 0;
  border-radius: 11px;
  color: #173769;
  font-size: 13px;
  font-weight: 700;
  text-transform: none;
  transition: .15s ease;
}

body.theme-entel .side-nav button:hover,
body.theme-entel aside > button:hover,
body.theme-entel .more-folders button:hover {
  color: #064df4;
  background: #f2f6ff;
  transform: translateX(2px);
}

body.theme-entel .side-nav button.active {
  position: relative;
  color: #064df4;
  background: linear-gradient(90deg, #edf3ff, #f7f9ff);
  box-shadow: inset 0 0 0 1px #e0e9fb;
}

body.theme-entel .side-nav button.active::before {
  content: "";
  position: absolute;
  left: -14px;
  top: 0;
  width: 4px;
  height: 100%;
  border-radius: 0 4px 4px 0;
  background: #064df4;
}

body.theme-entel .aside-label {
  margin: 0 18px 11px;
  color: #66799f;
  font-size: 10px;
  letter-spacing: .12em;
}

body.theme-entel aside > button.active {
  position: relative;
  color: #ff4b18;
  background: linear-gradient(90deg, #fff0e9, #fff8f4);
}

body.theme-entel aside > button.active::before {
  content: "";
  position: absolute;
  left: -14px;
  top: 0;
  width: 4px;
  height: 100%;
  border-radius: 0 4px 4px 0;
  background: #ff4b18;
}

body.theme-entel aside > button span {
  min-width: 21px;
  text-align: center;
  color: #496183;
  background: #edf2fb;
}

body.theme-entel .team-card {
  display: none;
}

body.theme-entel .entel-sidebar-logo {
  display: block;
  width: 128px;
  height: auto;
  object-fit: contain;
  margin: auto auto 0 25px;
  padding-top: 34px;
}

body.theme-entel .heading p,
body.theme-entel .section-title p {
  color: #064df4;
  letter-spacing: .16em;
}

body.theme-entel .heading h1 {
  color: #08245b;
  font-size: 30px;
  font-weight: 900;
}

body.theme-entel .primary {
  color: #fff;
  background: #064df4;
  border-radius: 9px;
  box-shadow: 0 7px 17px rgba(6,77,244,.18);
}

body.theme-entel .ghost {
  color: #173769;
  border-color: #d9e2f1;
  border-radius: 9px;
}

body.theme-entel .report-controls,
body.theme-entel .report-table-wrap,
body.theme-entel .chart-card,
body.theme-entel .controls,
body.theme-entel .metrics article {
  background: rgba(255,255,255,.97);
  border-color: #dfe7f5;
  box-shadow: 0 10px 28px rgba(20,54,116,.055);
}

body.theme-entel .report-controls {
  padding: 15px 18px;
  border: 1px solid #dfe7f5;
  border-radius: 14px;
}

body.theme-entel .report-table-wrap,
body.theme-entel .chart-card {
  border-radius: 14px;
}

body.theme-entel .report-table th {
  color: #173769;
  background: #fbfcff;
  font-size: 10px;
}

body.theme-entel .report-table td,
body.theme-entel .report-table th {
  border-color: #e6ecf6;
}

body.theme-entel .report-table tfoot {
  color: #064df4;
  background: #fbfcff;
}

body.theme-entel .chart-card {
  min-height: 145px;
}

body.theme-entel .bar-track {
  background: #edf2fb;
}

body.theme-entel .bar-fill {
  background: linear-gradient(90deg, #064df4, #386ef6);
}

body.theme-entel .notice {
  color: #526b94;
  background: #f1f6ff;
}

@media (max-width: 980px) {
  body.theme-entel .topbar {
    height: 72px;
    margin-left: 0;
    padding: 0 14px;
  }

  body.theme-entel .topbar .brand {
    position: static;
    width: auto;
    height: auto;
    padding: 0;
    background: transparent;
    box-shadow: none;
  }

  body.theme-entel .topbar .brand-logo {
    width: 145px;
  }

  body.theme-entel .entel-header-context {
    display: none;
  }

  body.theme-entel .workspace {
    grid-template-columns: 1fr;
    min-height: calc(100vh - 72px);
  }

  body.theme-entel aside {
    display: none;
  }

  body.theme-entel .content {
    grid-column: 1;
    padding: 22px 18px 40px;
  }
}

/* === ENTEL V2 — MOCKUP APROBADO === */

body.theme-entel {
  --entel-blue: #064df4;
  --entel-deep: #063493;
  --entel-deeper: #042775;
  --entel-orange: #ff4b18;
  --entel-ink: #08245b;
  --entel-soft: #f5f8ff;
  --entel-line: #dce5f4;
}

/* ESTRUCTURA GENERAL */
body.theme-entel #app {
  background:
    radial-gradient(circle at 76% 8%, rgba(255,255,255,.96), rgba(255,255,255,0) 34%),
    linear-gradient(135deg,#f8fbff 0%,#f2f6fd 100%);
}

body.theme-entel .workspace {
  grid-template-columns: 270px minmax(0,1fr);
}

body.theme-entel .content {
  padding: 38px 52px 56px;
  min-width: 0;
}

/* SIDEBAR AZUL */
body.theme-entel aside {
  background:
    linear-gradient(180deg,#0a4cc4 0%,#073a9e 42%,#052c80 100%);
  border-right: 0;
  color: #fff;
  box-shadow: 12px 0 32px rgba(5,42,118,.16);
}

body.theme-entel .side-nav {
  border-bottom: 0;
}

body.theme-entel .side-nav button,
body.theme-entel aside > button,
body.theme-entel .more-folders button {
  color: rgba(255,255,255,.92);
  background: transparent;
  font-size: 13px;
  border-radius: 11px;
}

body.theme-entel .side-nav button:hover,
body.theme-entel aside > button:hover,
body.theme-entel .more-folders button:hover {
  color: #fff;
  background: rgba(255,255,255,.10);
  transform: none;
}

body.theme-entel .side-nav button.active {
  color: #fff;
  background: linear-gradient(90deg,#1770ef,#1764dd);
  box-shadow: 0 8px 20px rgba(0,27,112,.18);
}

body.theme-entel .side-nav button.active::before {
  background: #fff;
}

body.theme-entel .aside-label {
  color: rgba(255,255,255,.58);
  border-top: 1px solid rgba(255,255,255,.16);
  padding-top: 18px;
}

body.theme-entel aside > button.active {
  color: #ff6a35;
  background: rgba(255,255,255,.14);
}

body.theme-entel aside > button.active::before {
  background: var(--entel-orange);
}

body.theme-entel aside > button span {
  color: #dce8ff;
  background: rgba(255,255,255,.13);
}

body.theme-entel .more-folders button.active {
  color: #ff8a61;
  background: rgba(255,255,255,.10);
}

/* LOGOS */
body.theme-entel .topbar .brand {
  background:
    linear-gradient(180deg,#0a4cc4 0%,#063493 100%);
  box-shadow: none;
}

body.theme-entel .topbar .brand-logo {
  width: 205px;
  height: 54px;
  object-fit: cover;
  object-position: center 53%;
  filter: none;
}

body.theme-entel .entel-sidebar-logo {
  width: 132px;
  max-height: 70px;
  object-fit: contain;
  margin: auto auto 6px 28px;
  padding-top: 46px;
}

/* TOPBAR */
body.theme-entel .topbar {
  height: 86px;
  background: rgba(255,255,255,.98);
  border-bottom: 1px solid var(--entel-line);
  box-shadow: 0 5px 20px rgba(17,48,105,.045);
}

body.theme-entel .entel-header-context {
  font-size: 13px;
}

body.theme-entel #userName {
  color: var(--entel-ink);
}

body.theme-entel #userRole {
  color: #7180a0;
}

body.theme-entel .profile .ghost {
  border: 1px solid #d8e1f0;
  box-shadow: 0 4px 12px rgba(10,44,107,.05);
}

/* TITULOS */
body.theme-entel .heading {
  margin-bottom: 20px;
}

body.theme-entel .heading p {
  margin-bottom: 7px;
  color: var(--entel-blue);
  font-size: 10px;
  font-weight: 900;
}

body.theme-entel .heading h1 {
  margin: 0;
  color: var(--entel-ink);
  font-size: 31px;
  line-height: 1.08;
  letter-spacing: -.02em;
}

/* KPI REPORTES */
.entel-report-kpis {
  display: none;
}

body.theme-entel .entel-report-kpis {
  display: grid;
  grid-template-columns: repeat(5,minmax(0,1fr));
  gap: 18px;
  margin: 10px 0 28px;
}

body.theme-entel .entel-report-kpis article {
  min-height: 112px;
  display: flex;
  align-items: center;
  gap: 15px;
  padding: 19px 20px;
  border: 1px solid var(--entel-line);
  border-radius: 16px;
  background: rgba(255,255,255,.98);
  box-shadow: 0 9px 24px rgba(17,51,116,.055);
}

body.theme-entel .entel-report-kpis article > div:last-child {
  min-width: 0;
}

body.theme-entel .entel-report-kpis strong {
  display: block;
  margin-bottom: 5px;
  color: var(--entel-ink);
  font-size: 25px;
  line-height: 1;
}

body.theme-entel .entel-report-kpis span {
  color: #254273;
  font-size: 12px;
  line-height: 1.45;
}

body.theme-entel .entel-kpi-icon {
  width: 52px;
  height: 52px;
  flex: 0 0 52px;
  display: grid;
  place-items: center;
  border-radius: 50%;
  color: var(--entel-blue);
  background: #edf3ff;
  font-size: 24px;
  font-weight: 800;
}

body.theme-entel .entel-kpi-icon.orange {
  color: var(--entel-orange);
  background: #fff1eb;
}

/* FILTROS */
body.theme-entel .entel-report-controls {
  display: grid;
  grid-template-columns: 180px 205px 240px 270px auto;
  gap: 13px;
  align-items: end;
  margin: 0 0 16px;
  padding: 17px;
  background: #fff;
  border: 1px solid var(--entel-line);
  border-radius: 15px;
  box-shadow: 0 9px 26px rgba(17,50,113,.05);
}

body.theme-entel .entel-report-controls .field {
  min-width: 0;
  margin: 0;
}

body.theme-entel .entel-report-controls label {
  color: #294774;
  font-size: 9px;
  font-weight: 900;
}

body.theme-entel .entel-report-controls select,
body.theme-entel .entel-report-controls input {
  min-height: 44px;
  border-color: #d8e2f1;
  border-radius: 9px;
  color: var(--entel-ink);
  font-weight: 700;
}

body.theme-entel .entel-report-controls .primary {
  min-height: 44px;
  padding-inline: 22px;
}

/* RANGO */
body.theme-entel #reportRange {
  margin: 0 0 12px;
  padding: 8px 10px;
  color: #63789d;
  background: #f5f8fe;
  border-radius: 8px;
  font-size: 10px;
}

/* TABLA */
body.theme-entel .report-table-wrap {
  overflow: hidden;
  border: 1px solid var(--entel-line);
  border-radius: 16px;
  background: #fff;
  box-shadow: 0 9px 26px rgba(17,50,113,.045);
}

body.theme-entel .report-table {
  font-size: 10px;
}

body.theme-entel .report-table th {
  padding: 13px 11px;
  color: #163765;
  background: #fff;
  border-bottom: 1px solid #dde6f3;
  font-size: 9px;
  font-weight: 900;
}

body.theme-entel .report-table td {
  padding: 12px 11px;
  color: #25416c;
  border-bottom: 1px solid #e8edf6;
}

body.theme-entel .report-table tfoot th {
  color: #113466;
  background: #fff;
}

/* EMPTY STATE */
body.theme-entel .entel-empty-row td {
  height: 200px;
  padding: 20px !important;
  text-align: center !important;
}

body.theme-entel .entel-empty-state {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  min-height: 160px;
}

body.theme-entel .entel-empty-state img {
  width: 145px;
  height: 92px;
  object-fit: contain;
  margin-bottom: 4px;
}

body.theme-entel .entel-empty-state strong {
  color: #15366b;
  font-size: 14px;
}

body.theme-entel .entel-empty-state span {
  margin-top: 6px;
  color: #7484a4;
  font-size: 11px;
}

/* CHARTS */
body.theme-entel .charts {
  gap: 18px;
  margin-top: 20px;
}

body.theme-entel .chart-card {
  min-height: 145px;
  padding: 22px 24px;
  border: 1px solid var(--entel-line);
  border-radius: 16px;
  background: #fff;
  box-shadow: 0 9px 24px rgba(17,50,113,.045);
}

body.theme-entel .chart-card h3 {
  margin: 0 0 15px;
  color: var(--entel-ink);
  font-size: 15px;
}

body.theme-entel .entel-chart-empty {
  margin-top: 28px;
  color: #7282a1;
  font-size: 12px;
}

body.theme-entel .bar-track {
  height: 10px;
  background: #eef2f8;
}

body.theme-entel .bar-fill {
  background: var(--entel-blue);
}

/* BOTONES */
body.theme-entel .primary {
  background: linear-gradient(180deg,#1262ff,#064df4);
  box-shadow: 0 7px 17px rgba(6,77,244,.20);
}

body.theme-entel .primary:hover {
  filter: brightness(.97);
}

/* RESPONSIVE */
@media (max-width: 1280px) {
  body.theme-entel .entel-report-kpis {
    grid-template-columns: repeat(3,minmax(0,1fr));
  }

  body.theme-entel .entel-report-controls {
    grid-template-columns: repeat(2,minmax(0,1fr));
  }
}

@media (max-width: 900px) {
  body.theme-entel .entel-report-kpis {
    grid-template-columns: 1fr 1fr;
  }

  body.theme-entel .content {
    padding: 28px;
  }
}

/* === ENTEL V2.1 — REFINAMIENTO VISUAL === */

body.theme-entel aside {
  display: flex;
  flex-direction: column;
  padding-bottom: 24px;
}

/* Sidebar: más aire */
body.theme-entel .side-nav button,
body.theme-entel aside > button,
body.theme-entel .more-folders button {
  min-height: 48px;
  padding: 12px 16px;
}

body.theme-entel .side-nav {
  margin-bottom: 14px;
}

body.theme-entel .aside-label {
  margin-top: 4px;
}

/* Logo Entel siempre visible al fondo */
body.theme-entel .entel-sidebar-logo {
  display: block;
  width: 136px;
  height: auto;
  max-height: 72px;
  object-fit: contain;
  margin: auto auto 8px 22px;
  padding-top: 34px;
  flex: 0 0 auto;
}

/* KPI: proporciones más cercanas al mockup */
body.theme-entel .entel-report-kpis {
  gap: 16px;
  margin-bottom: 24px;
}

body.theme-entel .entel-report-kpis article {
  min-height: 118px;
  padding: 20px 18px;
  border-radius: 16px;
}

body.theme-entel .entel-kpi-icon {
  width: 54px;
  height: 54px;
  flex-basis: 54px;
  font-size: 22px;
}

body.theme-entel .entel-report-kpis strong {
  font-size: 27px;
}

body.theme-entel .entel-report-kpis span {
  font-size: 12px;
  line-height: 1.42;
}

/* Filtros más compactos */
body.theme-entel .entel-report-controls {
  grid-template-columns: 170px 195px 225px 250px max-content;
  gap: 12px;
}

body.theme-entel .entel-report-controls .primary {
  width: auto !important;
  min-width: 145px;
  justify-self: start;
  padding-left: 22px;
  padding-right: 22px;
}

/* Tabla con más respiración */
body.theme-entel .report-table th {
  padding-top: 14px;
  padding-bottom: 14px;
}

body.theme-entel .report-table td {
  padding-top: 13px;
  padding-bottom: 13px;
}

/* Estado vacío más parecido al mockup */
body.theme-entel .entel-empty-row td {
  height: 245px;
}

body.theme-entel .entel-empty-state {
  min-height: 205px;
}

body.theme-entel .entel-empty-state img {
  width: 195px;
  height: 125px;
  margin-bottom: 5px;
}

body.theme-entel .entel-empty-state strong {
  font-size: 15px;
}

body.theme-entel .entel-empty-state span {
  font-size: 11px;
}

/* Tarjetas inferiores */
body.theme-entel .chart-card {
  min-height: 155px;
  padding: 24px 26px;
}

/* Mayor separación general */
body.theme-entel .report-page {
  padding-bottom: 30px;
}

body.theme-entel #reportRange {
  margin-top: 2px;
}

/* Sidebar un poco más elegante */
body.theme-entel aside {
  box-shadow: 10px 0 28px rgba(4,39,112,.13);
}

body.theme-entel .side-nav button.active {
  box-shadow:
    0 8px 18px rgba(1,30,110,.20),
    inset 0 0 0 1px rgba(255,255,255,.10);
}

/* Ajuste en pantallas grandes */
@media (min-width: 1450px) {
  body.theme-entel .content {
    padding-left: 56px;
    padding-right: 56px;
  }
}

/* === ENTEL V2.2 — ACABADO FINAL DASHBOARD === */

/* Sidebar desplazable pero sin scrollbar visible */
body.theme-entel aside {
  overflow-y: auto;
  scrollbar-width: none;
  padding-bottom: 125px;
}

body.theme-entel aside::-webkit-scrollbar {
  width: 0;
  height: 0;
}

/* Logo Entel siempre visible */
body.theme-entel .entel-sidebar-logo {
  position: fixed;
  left: 27px;
  bottom: 22px;
  z-index: 28;
  width: 132px;
  height: 62px;
  margin: 0;
  padding: 0;
  object-fit: contain;
  object-position: left center;
}

/* Suave fondo detrás del logo para mantener legibilidad */
body.theme-entel aside::after {
  content: "";
  position: fixed;
  left: 0;
  bottom: 0;
  width: 270px;
  height: 105px;
  z-index: 26;
  pointer-events: none;
  background:
    linear-gradient(
      180deg,
      rgba(5,44,128,0) 0%,
      rgba(5,44,128,.92) 35%,
      #052c80 72%
    );
}

/* Navegación */
body.theme-entel .side-nav button.active {
  background:
    linear-gradient(90deg,#1970ed 0%,#1763d8 100%);
}

body.theme-entel .side-nav button {
  letter-spacing: -.01em;
}

body.theme-entel aside > button.active {
  background:
    linear-gradient(90deg,rgba(255,255,255,.16),rgba(255,255,255,.10));
}

/* Más equilibrio en KPI */
body.theme-entel .entel-report-kpis article {
  box-shadow:
    0 10px 25px rgba(19,51,112,.055),
    inset 0 1px 0 rgba(255,255,255,.85);
}

body.theme-entel .entel-report-kpis strong {
  letter-spacing: -.025em;
}

body.theme-entel .entel-kpi-icon {
  box-shadow: inset 0 0 0 1px rgba(6,77,244,.025);
}

/* Controles */
body.theme-entel .entel-report-controls {
  padding: 18px 16px;
  box-shadow: 0 10px 27px rgba(15,48,109,.055);
}

/* Botón actualizar exactamente tipo mockup */
body.theme-entel #loadReport {
  min-width: 150px;
  height: 44px;
  border-radius: 9px;
  font-size: 12px;
  font-weight: 900;
  letter-spacing: .01em;
}

/* Tabla */
body.theme-entel .report-table-wrap {
  box-shadow: 0 11px 28px rgba(15,48,109,.05);
}

body.theme-entel .report-table thead th {
  height: 46px;
}

/* Estado vacío */
body.theme-entel .entel-empty-row td {
  height: 260px;
}

body.theme-entel .entel-empty-state img {
  width: 215px;
  height: 135px;
}

body.theme-entel .entel-empty-state strong {
  margin-top: 3px;
  color: #092b66;
  font-size: 15px;
  font-weight: 900;
}

body.theme-entel .entel-empty-state span {
  color: #7787a7;
}

/* Paneles inferiores */
body.theme-entel .chart-card {
  border-radius: 16px;
  box-shadow: 0 10px 25px rgba(15,48,109,.045);
}

body.theme-entel .chart-card h3 {
  font-weight: 900;
  letter-spacing: -.01em;
}

/* Fondo general más suave */
body.theme-entel .content {
  background:
    radial-gradient(circle at 82% 6%,rgba(255,255,255,.85),transparent 32%),
    linear-gradient(135deg,#f8fbff 0%,#f3f7fd 100%);
}


/* ============================================================
   ENTEL — GESTIÓN DE CLIENTES V2
   ============================================================ */

/* Encabezado de Gestión */
body.theme-entel #funnelPage > .heading {
  margin-bottom: 22px;
  align-items: flex-end;
}

body.theme-entel #funnelPage > .heading h1 {
  color: #08245b;
  font-size: 31px;
  line-height: 1.08;
  font-weight: 900;
  letter-spacing: -.025em;
}

body.theme-entel #funnelPage > .heading p {
  color: #064df4;
  font-size: 10px;
  font-weight: 900;
  letter-spacing: .16em;
}

/* Botonera superior */
body.theme-entel #funnelPage .heading-actions {
  gap: 8px;
  flex-wrap: wrap;
  justify-content: flex-end;
}

body.theme-entel #funnelPage .heading-actions .ghost,
body.theme-entel #funnelPage .heading-actions .primary,
body.theme-entel #funnelPage .heading-actions .danger {
  min-height: 40px;
  padding: 0 15px;
  border-radius: 9px;
  font-size: 10px;
  font-weight: 900;
  letter-spacing: .015em;
}

body.theme-entel #funnelPage #uploadBase {
  background: linear-gradient(180deg,#1262ff,#064df4);
  box-shadow: 0 7px 16px rgba(6,77,244,.18);
}

body.theme-entel #funnelPage #addClient {
  color: #064df4;
  border-color: #bfd1fb;
  background: #fff;
}

/* ============================================================
   KPI DE GESTIÓN
   ============================================================ */

body.theme-entel #funnelPage .metrics {
  grid-template-columns: repeat(5,minmax(0,1fr));
  gap: 16px;
  margin: 0 0 24px;
}

body.theme-entel #funnelPage .metrics article {
  position: relative;
  min-height: 112px;
  padding: 19px 18px 18px 76px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 3px;
  overflow: hidden;

  background: #fff;
  border: 1px solid #dce5f4;
  border-radius: 16px;
  box-shadow:
    0 10px 25px rgba(19,51,112,.05),
    inset 0 1px 0 rgba(255,255,255,.9);
}

body.theme-entel #funnelPage .metrics article::before {
  position: absolute;
  left: 18px;
  top: 50%;
  width: 44px;
  height: 44px;
  transform: translateY(-50%);
  display: grid;
  place-items: center;
  border-radius: 50%;

  color: #064df4;
  background: #edf3ff;

  font-size: 20px;
  font-weight: 900;
}

/* iconos ligeros, sin librerías */
body.theme-entel #funnelPage .metrics article:nth-child(1)::before {
  content: "◎";
}

body.theme-entel #funnelPage .metrics article:nth-child(2)::before {
  content: "☎";
}

body.theme-entel #funnelPage .metrics article:nth-child(3)::before {
  content: "↻";
}

body.theme-entel #funnelPage .metrics article:nth-child(4)::before {
  content: "✓";
  color: #ff4b18;
  background: #fff0e9;
}

body.theme-entel #funnelPage .metrics article:nth-child(5)::before {
  content: "UF";
  color: #ff4b18;
  background: #fff0e9;
  font-size: 12px;
}

body.theme-entel #funnelPage .metrics span {
  order: 2;
  color: #35527d;
  font-size: 10px;
  font-weight: 800;
}

body.theme-entel #funnelPage .metrics strong {
  order: 1;
  margin-bottom: 2px;
  color: #08245b;
  font-size: 27px;
  line-height: 1;
  letter-spacing: -.025em;
}

body.theme-entel #funnelPage .metrics small {
  order: 3;
  color: #7b8aa7;
  font-size: 9px;
  line-height: 1.3;
}

/* Quitar tratamiento antiguo de tarjeta naranja completa */
body.theme-entel #funnelPage .metrics .accent {
  color: inherit;
  background: #fff;
  border-color: #dce5f4;
}

body.theme-entel #funnelPage .metrics .accent span,
body.theme-entel #funnelPage .metrics .accent small {
  color: #35527d;
}

/* ============================================================
   BUSCADOR + FILTROS
   ============================================================ */

body.theme-entel #funnelPage > .controls {
  grid-template-columns: minmax(300px,1fr) 230px 250px;
  gap: 12px;
  padding: 16px;

  background: #fff;
  border: 1px solid #dce5f4;
  border-radius: 15px;
  box-shadow: 0 10px 27px rgba(15,48,109,.05);
}

body.theme-entel #funnelPage > .controls input,
body.theme-entel #funnelPage > .controls select {
  min-height: 44px;
  padding: 0 13px;

  color: #08245b;
  background: #fff;
  border: 1px solid #d8e2f1;
  border-radius: 9px;

  font-size: 11px;
  font-weight: 800;
}

body.theme-entel #funnelPage > .controls input::placeholder {
  color: #8290aa;
  font-weight: 700;
}

/* ============================================================
   SUBCARPETAS BASE COMPLETA
   ============================================================ */

body.theme-entel #baseSubfolders {
  margin-top: 13px;
  padding: 12px;

  background: #fff;
  border: 1px solid #dce5f4;
  border-radius: 14px;
  box-shadow: 0 8px 20px rgba(15,48,109,.035);
}

body.theme-entel #baseSubfolders .ghost {
  color: #36527d;
  background: #f8faff;
  border-color: #e1e8f4;
}

body.theme-entel #baseSubfolders .ghost:hover {
  color: #064df4;
  background: #edf3ff;
}

/* ============================================================
   REASIGNACIÓN
   ============================================================ */

body.theme-entel .reassign-zone {
  margin: 15px 0;
  padding: 16px;

  background: #f1f6ff;
  border: 1px solid #cdddf9;
  border-radius: 14px;
}

body.theme-entel .reassign-zone > strong {
  color: #0b3f9e;
  font-size: 10px;
  letter-spacing: .04em;
}

body.theme-entel .executive-drop {
  color: #0c49c7;
  background: #fff;
  border: 1px dashed #88aef3;
  border-radius: 9px;
}

body.theme-entel .executive-drop:hover,
body.theme-entel .executive-drop.drag-over {
  color: #fff;
  background: #064df4;
  border-color: #064df4;
}

/* ============================================================
   TÍTULO DE CARPETA
   ============================================================ */

body.theme-entel #funnelPage .section-title {
  margin: 27px 2px 13px;
  align-items: flex-end;
}

body.theme-entel #funnelPage .section-title p {
  color: #6780ac;
  font-size: 9px;
}

body.theme-entel #funnelPage .section-title h2 {
  color: #08245b;
  font-size: 22px;
  font-weight: 900;
  letter-spacing: -.02em;
}

body.theme-entel #resultCount {
  display: inline-flex;
  align-items: center;
  min-height: 30px;
  padding: 0 11px;

  color: #3c5a87;
  background: #edf3ff;
  border-radius: 999px;

  font-size: 9px;
  font-weight: 900;
}

/* ============================================================
   TARJETAS DE CLIENTES
   ============================================================ */

body.theme-entel #clients.client-list {
  gap: 11px;
}

body.theme-entel .client {
  position: relative;
  min-height: 104px;
  padding: 17px 19px;

  background: rgba(255,255,255,.98);
  border: 1px solid #dce5f4;
  border-radius: 15px;

  box-shadow: 0 7px 20px rgba(18,50,108,.035);

  transition:
    transform .15s ease,
    border-color .15s ease,
    box-shadow .15s ease;
}

body.theme-entel .client:hover {
  transform: translateY(-1px);
  border-color: #a9c3f5;
  box-shadow: 0 11px 26px rgba(18,50,108,.07);
}

body.theme-entel .client.selected {
  border-color: #5d8ff2;
  box-shadow:
    0 0 0 2px rgba(6,77,244,.10),
    0 11px 25px rgba(18,50,108,.07);
}

body.theme-entel .client.bulk-selected {
  border-color: #064df4;
  background: #f7faff;
  box-shadow: 0 0 0 2px rgba(6,77,244,.10);
}

body.theme-entel .client-main {
  align-items: flex-start;
  gap: 14px;
}

body.theme-entel .client h3 {
  margin-bottom: 6px;
  color: #08245b;
  font-size: 14px;
  font-weight: 900;
}

body.theme-entel .client p {
  color: #65789d;
  font-size: 11px;
  line-height: 1.5;
}

/* Estados */
body.theme-entel .status-dot {
  width: 9px;
  height: 9px;
  margin-top: 6px;
  box-shadow: 0 0 0 5px rgba(122,142,173,.10);
}

body.theme-entel .status-dot.SIN {
  background: #8292ad;
}

body.theme-entel .status-dot.NO {
  background: #8c9ab1;
}

body.theme-entel .status-dot.VOLVER {
  background: #ff9d2e;
  box-shadow: 0 0 0 5px rgba(255,157,46,.12);
}

body.theme-entel .status-dot.AGENDADO {
  background: #064df4;
  box-shadow: 0 0 0 5px rgba(6,77,244,.10);
}

body.theme-entel .status-dot.VENTA {
  background: #18a66b;
  box-shadow: 0 0 0 5px rgba(24,166,107,.11);
}

body.theme-entel .status-dot.NOTINTERESTED {
  background: #7d8799;
}

/* Tags */
body.theme-entel .tags {
  margin-top: 11px;
  gap: 6px;
}

body.theme-entel .tags span {
  padding: 5px 8px;

  color: #39567f;
  background: #f1f5fb;
  border: 1px solid #e4eaf4;
  border-radius: 7px;

  font-size: 8px;
  font-weight: 900;
}

body.theme-entel .tags .quote {
  color: #c64317;
  background: #fff1eb;
  border-color: #ffd9ca;
}

/* Ejecutivo */
body.theme-entel .client-side {
  min-width: 150px;
  padding-left: 18px;
  border-left: 1px solid #edf1f7;
}

body.theme-entel .client-side small {
  color: #7c8ba7;
  font-size: 8px;
  font-weight: 900;
  letter-spacing: .08em;
}

body.theme-entel .client-side strong {
  color: #12366d;
  font-size: 11px;
  font-weight: 900;
}

body.theme-entel .client-side .ghost {
  margin-top: 4px;
  padding: 7px 11px;
  color: #064df4;
  background: #f5f8ff;
  border-color: #d7e2f7;
  font-size: 9px;
}

/* checkbox selección */
body.theme-entel .client-select {
  width: 19px;
  height: 19px;
  accent-color: #064df4;
}

/* ============================================================
   ESTADO VACÍO
   ============================================================ */

body.theme-entel #clients .empty {
  min-height: 270px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;

  color: #7182a3;
  background: #fff;
  border: 1px solid #dce5f4;
  border-radius: 16px;
  box-shadow: 0 9px 24px rgba(17,50,113,.04);

  font-size: 11px;
  font-weight: 800;
}

body.theme-entel #clients .empty::before {
  content: "";
  width: 190px;
  height: 125px;
  margin-bottom: 10px;

  background:
    url("/entel-assets/report-empty.webp")
    center / contain
    no-repeat;
}

/* ============================================================
   RESPONSIVE
   ============================================================ */

@media (max-width: 1250px) {
  body.theme-entel #funnelPage .metrics {
    grid-template-columns: repeat(3,minmax(0,1fr));
  }

  body.theme-entel #funnelPage > .controls {
    grid-template-columns: 1fr 1fr;
  }
}


/* ============================================================
   ENTEL — EQUIPOS Y USUARIOS V2
   ============================================================ */

/* Página */
body.theme-entel #userAdminPage {
  width: 100%;
}

/* Encabezado */
body.theme-entel #userAdminPage > .heading {
  margin-bottom: 24px;
  align-items: flex-end;
  gap: 12px;
}

body.theme-entel #userAdminPage > .heading > div:first-child {
  margin-right: auto;
}

body.theme-entel #userAdminPage > .heading p {
  margin: 0 0 6px;
  color: #064df4;
  font-size: 10px;
  font-weight: 900;
  letter-spacing: .16em;
}

body.theme-entel #userAdminPage > .heading h1 {
  margin: 0;
  color: #08245b;
  font-size: 31px;
  line-height: 1.08;
  font-weight: 900;
  letter-spacing: -.025em;
}

/* Botones superiores */
body.theme-entel #userAdminPage > .heading > button {
  min-height: 41px;
  padding: 0 15px;

  color: #174078;
  background: #fff;
  border: 1px solid #d5e0f1;
  border-radius: 9px;

  font-size: 10px;
  font-weight: 900;
  letter-spacing: .01em;

  box-shadow: 0 5px 13px rgba(16,48,105,.035);
}

body.theme-entel #userAdminPage > .heading > button:hover {
  color: #064df4;
  border-color: #b8cdf5;
  background: #f8faff;
}

body.theme-entel #userAdminPage #addUser {
  color: #fff;
  background: linear-gradient(180deg,#1262ff,#064df4);
  border-color: #064df4;

  box-shadow: 0 7px 17px rgba(6,77,244,.18);
}

body.theme-entel #userAdminPage #addUser:hover {
  color: #fff;
  background: #064df4;
}

/* Error */
body.theme-entel #managedUsersError {
  margin-bottom: 12px;
}

/* ============================================================
   TABLA PRINCIPAL
   ============================================================ */

body.theme-entel #userAdminPage .table-wrap {
  overflow: hidden;

  background: #fff;
  border: 1px solid #dce5f4;
  border-radius: 16px;

  box-shadow:
    0 11px 28px rgba(15,48,109,.05),
    inset 0 1px 0 rgba(255,255,255,.9);
}

body.theme-entel #userAdminPage table {
  width: 100%;
  border-collapse: separate;
  border-spacing: 0;

  color: #263f69;
  background: #fff;
}

/* Header */
body.theme-entel #userAdminPage thead th {
  height: 49px;
  padding: 0 16px;

  color: #17386d;
  background: #f8faff;
  border-bottom: 1px solid #e1e8f3;

  font-size: 9px;
  font-weight: 900;
  letter-spacing: .04em;
  text-transform: uppercase;
  vertical-align: middle;
}

/* Filas */
body.theme-entel #userAdminPage tbody td {
  padding: 17px 16px;

  color: #40577e;
  background: #fff;
  border-bottom: 1px solid #edf1f6;

  font-size: 11px;
  line-height: 1.45;
  vertical-align: middle;
}

body.theme-entel #userAdminPage tbody tr:last-child td {
  border-bottom: 0;
}

body.theme-entel #userAdminPage tbody tr {
  transition:
    background .14s ease,
    box-shadow .14s ease;
}

body.theme-entel #userAdminPage tbody tr:hover td {
  background: #fbfcff;
}

/* Primera columna: usuario */
body.theme-entel #userAdminPage tbody td:first-child {
  color: #08245b;
  font-weight: 800;
}

/* ============================================================
   SELECTORES ROL / EQUIPO
   ============================================================ */

body.theme-entel #userAdminPage select {
  width: 100%;
  max-width: 215px;
  min-height: 38px;
  padding: 0 10px;

  color: #163b75;
  background: #fff;
  border: 1px solid #d8e2f1;
  border-radius: 8px;

  font-size: 10px;
  font-weight: 800;
}

body.theme-entel #userAdminPage select:focus {
  outline: 0;
  border-color: #82a9f5;
  box-shadow: 0 0 0 3px rgba(6,77,244,.08);
}

/* ============================================================
   PERMISOS
   ============================================================ */

body.theme-entel #userAdminPage .permission-grid {
  display: grid;
  grid-template-columns: repeat(2,minmax(120px,1fr));
  gap: 7px 11px;
  min-width: 280px;
}

body.theme-entel #userAdminPage .permission-grid label {
  display: flex;
  align-items: center;
  gap: 7px;

  min-height: 28px;
  padding: 4px 7px;

  color: #4b6083;
  background: #f8faff;
  border: 1px solid #edf1f7;
  border-radius: 7px;

  font-size: 9px;
  font-weight: 800;
  line-height: 1.25;
}

body.theme-entel #userAdminPage .permission-grid input[type="checkbox"] {
  width: 15px;
  height: 15px;
  flex: 0 0 auto;
  accent-color: #064df4;
}

/* ============================================================
   BOTONES DENTRO DE FILAS
   ============================================================ */

body.theme-entel #userAdminPage tbody button {
  min-height: 34px;
  padding: 0 11px;

  color: #174078;
  background: #f7faff;
  border: 1px solid #d7e2f4;
  border-radius: 8px;

  font-size: 9px;
  font-weight: 900;
  white-space: nowrap;
}

body.theme-entel #userAdminPage tbody button:hover {
  color: #064df4;
  background: #edf3ff;
  border-color: #b9cff7;
}

/* Botón destructivo si existe */
body.theme-entel #userAdminPage tbody .danger {
  color: #c33939;
  background: #fff5f5;
  border-color: #f2d4d4;
}

/* ============================================================
   ESTADOS / BADGES
   ============================================================ */

body.theme-entel #userAdminPage tbody td:nth-child(4) {
  color: #334f79;
  font-weight: 800;
}

/* Que textos tipo ACTIVO / INACTIVO se vean contenidos */
body.theme-entel #userAdminPage tbody td:nth-child(4) > span,
body.theme-entel #userAdminPage tbody td:nth-child(4) > strong {
  display: inline-flex;
  align-items: center;
  min-height: 27px;
  padding: 0 9px;

  background: #eff8f4;
  border: 1px solid #d7eee4;
  border-radius: 999px;

  color: #167352;
  font-size: 9px;
  font-weight: 900;
}

/* ============================================================
   ESTADO VACÍO
   ============================================================ */

body.theme-entel #userAdminPage tbody:empty::after {
  content: "AÚN NO HAY USUARIOS EN ESTE EQUIPO.";
  display: table-cell;
  height: 220px;
  vertical-align: middle;
  text-align: center;

  color: #7283a2;
  font-size: 11px;
  font-weight: 800;
}

/* ============================================================
   RESPONSIVE
   ============================================================ */

@media (max-width: 1200px) {
  body.theme-entel #userAdminPage .table-wrap {
    overflow-x: auto;
  }

  body.theme-entel #userAdminPage table {
    min-width: 1000px;
  }
}


/* ============================================================
   ENTEL — BASE COMPLETA V2
   ============================================================ */

/* Contenedor de vistas de base */
body.theme-entel #baseSubfolders {
  position: relative;
  margin-top: 14px;
  padding: 11px 12px;

  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 7px;
  flex-wrap: wrap;

  background: #fff;
  border: 1px solid #dce5f4;
  border-radius: 15px;

  box-shadow:
    0 9px 24px rgba(15,48,109,.045),
    inset 0 1px 0 rgba(255,255,255,.9);
}

/* Botones de vistas */
body.theme-entel #baseSubfolders button[data-base-view] {
  min-height: 38px;
  padding: 0 14px;

  color: #445e85;
  background: #f8faff;
  border: 1px solid #e1e8f4;
  border-radius: 9px;

  font-size: 9px;
  font-weight: 900;
  letter-spacing: .01em;

  box-shadow: none;

  transition:
    color .15s ease,
    background .15s ease,
    border-color .15s ease,
    box-shadow .15s ease;
}

body.theme-entel #baseSubfolders button[data-base-view]:hover {
  color: #064df4;
  background: #f1f5ff;
  border-color: #c5d7f7;
}

/* Vista activa */
body.theme-entel #baseSubfolders button[data-base-view].active {
  color: #064df4;
  background: #eaf1ff;
  border-color: #9bbbf5;

  box-shadow:
    inset 0 0 0 1px rgba(6,77,244,.05),
    0 5px 12px rgba(6,77,244,.08);
}

/* Acción principal */
body.theme-entel #assignQuantity {
  min-height: 38px;
  padding: 0 17px;

  color: #fff;
  background: linear-gradient(180deg,#1262ff,#064df4);
  border: 1px solid #064df4;
  border-radius: 9px;

  font-size: 9px;
  font-weight: 900;
  letter-spacing: .01em;

  box-shadow: 0 7px 16px rgba(6,77,244,.18);
}

body.theme-entel #assignQuantity:hover {
  background: #064df4;
  box-shadow: 0 8px 19px rgba(6,77,244,.24);
}

/* Encabezado de carpeta */
body.theme-entel #funnelPage .section-title {
  position: relative;
  margin-top: 27px;
  padding-left: 2px;
}

body.theme-entel #funnelPage .section-title p {
  color: #6d82aa;
  font-size: 9px;
  font-weight: 900;
  letter-spacing: .15em;
}

body.theme-entel #funnelPage .section-title h2 {
  color: #08245b;
  font-size: 23px;
  font-weight: 900;
  letter-spacing: -.025em;
}

/* Resultados */
body.theme-entel #resultCount {
  min-height: 30px;
  padding: 0 12px;

  color: #345789;
  background: #edf3ff;
  border: 1px solid #e0e9f8;

  font-size: 9px;
  font-weight: 900;
}

/* Un poco más de presencia al listado cuando estamos en Base Completa */
body.theme-entel #baseSubfolders:not(.hidden) ~ .section-title + #clients {
  position: relative;
}

/* Estado vacío */
body.theme-entel #baseSubfolders:not(.hidden) ~ .section-title + #clients .empty {
  min-height: 300px;
}

/* Responsive */
@media (max-width: 1300px) {
  body.theme-entel #baseSubfolders {
    justify-content: flex-start;
  }

  body.theme-entel #baseSubfolders button[data-base-view] {
    flex: 0 0 auto;
  }
}


/* ============================================================
   ENTEL — CHAT MINIMIZABLE V2
   ============================================================ */

body.theme-entel .chat-window-actions {
  display: flex;
  align-items: center;
  gap: 6px;
}

body.theme-entel .chat-window-actions button {
  width: 38px;
  height: 38px;
  padding: 0;
  display: grid;
  place-items: center;

  color: #174078;
  background: #fff;
  border: 1px solid #d8e3f3;
  border-radius: 9px;

  font-size: 18px;
  font-weight: 900;
}

body.theme-entel .chat-window-actions button:hover {
  color: #064df4;
  background: #f4f7ff;
  border-color: #b9cdf4;
}

/* Estado minimizado */
body.theme-entel .chat-page.chat-floating.chat-minimized {
  width: 310px;
  height: 68px;
  min-height: 68px;
  max-height: 68px;
  padding: 10px 12px;
  overflow: hidden;

  border-radius: 14px;
  box-shadow: 0 15px 38px rgba(7,36,92,.22);
}

body.theme-entel .chat-page.chat-minimized > .heading {
  height: 46px;
  margin: 0;
  align-items: center;
}

body.theme-entel .chat-page.chat-minimized > .heading p {
  display: none;
}

body.theme-entel .chat-page.chat-minimized > .heading h1 {
  margin: 0;
  font-size: 15px;
}

/* Ocultar contenido, conservar encabezado */
body.theme-entel .chat-page.chat-minimized .chat-tools,
body.theme-entel .chat-page.chat-minimized #chatError,
body.theme-entel .chat-page.chat-minimized .chat-box,
body.theme-entel .chat-page.chat-minimized .chat-form {
  display: none !important;
}


/* ============================================================
   ENTEL — CHAT FLOTANTE LAUNCHER V3
   ============================================================ */

/* El chat ya no forma parte visual del menú principal */
body.theme-entel #sideChat {
  display: none !important;
}

/* Botón flotante */
body.theme-entel .floating-chat-launcher {
  position: fixed;
  right: 24px;
  bottom: 24px;
  z-index: 79;

  width: 54px;
  height: 54px;
  padding: 0;

  display: grid;
  place-items: center;

  color: #fff;
  background: linear-gradient(180deg,#1262ff,#064df4);

  border: 0;
  border-radius: 16px;

  cursor: pointer;

  box-shadow:
    0 13px 30px rgba(6,77,244,.28),
    inset 0 1px 0 rgba(255,255,255,.20);

  transition:
    transform .15s ease,
    box-shadow .15s ease;
}

body.theme-entel .floating-chat-launcher:hover {
  transform: translateY(-2px);
  box-shadow:
    0 16px 34px rgba(6,77,244,.34),
    inset 0 1px 0 rgba(255,255,255,.22);
}

body.theme-entel .floating-chat-launcher.hidden {
  display: none !important;
}

/* Ícono de burbuja */
body.theme-entel .floating-chat-icon {
  position: relative;

  width: 24px;
  height: 19px;

  border: 2px solid #fff;
  border-radius: 7px;

  box-sizing: border-box;
}

body.theme-entel .floating-chat-icon::before {
  content: "";

  position: absolute;
  left: 4px;
  top: 5px;

  width: 3px;
  height: 3px;

  background: #fff;
  border-radius: 50%;

  box-shadow:
    6px 0 0 #fff,
    12px 0 0 #fff;
}

body.theme-entel .floating-chat-icon::after {
  content: "";

  position: absolute;
  left: 3px;
  bottom: -6px;

  width: 7px;
  height: 7px;

  border-left: 2px solid #fff;
  border-bottom: 2px solid #fff;

  transform: skewY(-28deg);
}

/* Panel abierto nace desde la misma esquina */
body.theme-entel .chat-page.chat-floating {
  right: 24px;
  bottom: 24px;
}

/* Ya no usamos el panel pequeño minimizado */
body.theme-entel .chat-page.chat-floating.chat-minimized {
  width: min(390px,calc(100vw - 48px));
  height: 560px;
  max-height: 75vh;
  padding: 14px;
}

/* En pantallas pequeñas */
@media (max-width: 600px) {
  body.theme-entel .floating-chat-launcher {
    right: 16px;
    bottom: 16px;
  }

  body.theme-entel .chat-page.chat-floating {
    right: 12px;
    bottom: 12px;
  }
}


/* ============================================================
   ENTEL — BADGE NOTIFICACIONES CHAT V4
   ============================================================ */

body.theme-entel .floating-chat-launcher {
  overflow: visible;
}

body.theme-entel .chat-unread-badge {
  position: absolute;
  top: -5px;
  right: -5px;

  min-width: 19px;
  height: 19px;
  padding: 0 5px;

  display: flex;
  align-items: center;
  justify-content: center;

  color: #fff;
  background: #e52435;
  border: 2px solid #fff;
  border-radius: 999px;

  font-size: 9px;
  line-height: 1;
  font-weight: 900;

  box-sizing: border-box;

  box-shadow: 0 4px 10px rgba(190,20,40,.28);

  pointer-events: none;
}

body.theme-entel .chat-unread-badge.hidden {
  display: none !important;
}

/* pequeño pulso únicamente cuando aparece */
@keyframes entel-chat-badge-in {
  0%   { transform: scale(.65); opacity: 0; }
  70%  { transform: scale(1.12); opacity: 1; }
  100% { transform: scale(1); opacity: 1; }
}

body.theme-entel .chat-unread-badge:not(.hidden) {
  animation: entel-chat-badge-in .22s ease-out;
}