/* HISTORY_PREMIUM_COMPACT_CSS_V2 */

body.history-reportes-cleanup.history-premium-compact-v2,
body.history-reportes-cleanup {
  --history-lime: #DFEE04;
  --history-bg: #061217;
  --history-card: #091920;
  --history-soft: #0D252D;
  --history-text: #EAE9E9;
  --history-muted: #91A3A3;
  --history-line: rgba(234, 233, 233, .11);
}

/* Cabecera integrada: deja de verse como una tarjeta independiente. */
body.history-reportes-cleanup header.hero {
  width: 100% !important;
  margin: 0 0 10px !important;
  padding: 8px 4px 12px !important;
  border: 0 !important;
  border-bottom: 1px solid rgba(223, 238, 4, .22) !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  overflow: visible !important;
}

body.history-reportes-cleanup header.hero::before,
body.history-reportes-cleanup header.hero::after {
  display: none !important;
}

body.history-reportes-cleanup header.hero .hero-row {
  min-height: 54px !important;
  padding: 0 !important;
  align-items: center !important;
}

body.history-reportes-cleanup header.hero .hero-copy {
  padding: 0 58px 0 0 !important;
}

body.history-reportes-cleanup header.hero h1 {
  margin: 0 !important;
  color: var(--history-text) !important;
  font-size: clamp(1.05rem, 4.4vw, 1.35rem) !important;
  line-height: 1.12 !important;
  letter-spacing: -.035em !important;
}

body.history-reportes-cleanup header.hero p {
  max-width: 520px !important;
  margin: 5px 0 0 !important;
  color: var(--history-muted) !important;
  font-size: .61rem !important;
  line-height: 1.4 !important;
}

body.history-reportes-cleanup #historyToolsShell.page-fixed-tools,
body.history-reportes-cleanup #menuToolsToggle.history-plan-user-trigger {
  width: 42px !important;
  height: 42px !important;
  min-width: 42px !important;
  min-height: 42px !important;
}

/* El panel deja de ser una gran tarjeta y funciona como la grilla de la página. */
body.history-reportes-cleanup .panel.history-panel {
  width: 100% !important;
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 9px !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  overflow: visible !important;
}

body.history-reportes-cleanup .panel.history-panel > * {
  grid-column: 1 / -1;
  min-width: 0;
}

body.history-reportes-cleanup .panel.history-panel > .wa-launch-strip {
  grid-column: 1 !important;
}

body.history-reportes-cleanup .panel.history-panel > .wbi-launch-strip {
  grid-column: 2 !important;
}

body.history-reportes-cleanup .panel.history-panel.history-single-import > .wa-launch-strip,
body.history-reportes-cleanup .panel.history-panel.history-single-import > .wbi-launch-strip {
  grid-column: 1 / -1 !important;
}

/* Acciones de importación: independientes, parejas y lado a lado también en celular. */
body.history-reportes-cleanup .wa-launch-strip,
body.history-reportes-cleanup .wbi-launch-strip {
  width: 100% !important;
  min-width: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
}

body.history-reportes-cleanup .wa-launch-strip .whatsapp-import-btn,
body.history-reportes-cleanup .wbi-launch-strip .wbi-launch-btn {
  width: 100% !important;
  min-width: 0 !important;
  min-height: 58px !important;
  height: 100% !important;
  margin: 0 !important;
  padding: 9px 10px !important;
  display: grid !important;
  grid-template-columns: 34px minmax(0, 1fr) 30px !important;
  align-items: center !important;
  gap: 8px !important;
  border-radius: 16px !important;
  box-sizing: border-box !important;
  overflow: hidden !important;
}

body.history-reportes-cleanup .wa-launch-strip .portal-whatsapp-template-icon,
body.history-reportes-cleanup .wa-launch-strip .whatsapp-import-btn > svg,
body.history-reportes-cleanup .wbi-launch-strip .wbi-launch-icon {
  width: 32px !important;
  height: 32px !important;
  min-width: 32px !important;
  min-height: 32px !important;
  max-width: 32px !important;
  max-height: 32px !important;
  margin: 0 !important;
  border-radius: 11px !important;
}

body.history-reportes-cleanup .wa-launch-strip .wa-copy,
body.history-reportes-cleanup .wbi-launch-strip .wbi-launch-copy {
  min-width: 0 !important;
  display: grid !important;
  gap: 2px !important;
  text-align: left !important;
}

body.history-reportes-cleanup .wa-launch-strip .wa-copy strong,
body.history-reportes-cleanup .wbi-launch-strip .wbi-launch-copy strong {
  margin: 0 !important;
  color: var(--history-text) !important;
  font-size: .68rem !important;
  line-height: 1.12 !important;
  font-weight: 950 !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

body.history-reportes-cleanup .wa-launch-strip .wa-copy small,
body.history-reportes-cleanup .wbi-launch-strip .wbi-launch-copy small {
  margin: 0 !important;
  color: rgba(234, 233, 233, .68) !important;
  font-size: .48rem !important;
  line-height: 1.22 !important;
  font-weight: 700 !important;
  display: -webkit-box !important;
  -webkit-line-clamp: 2 !important;
  -webkit-box-orient: vertical !important;
  overflow: hidden !important;
}

body.history-reportes-cleanup .wa-launch-strip .wa-import-badge,
body.history-reportes-cleanup .wbi-launch-strip .wbi-launch-mark {
  width: 29px !important;
  height: 29px !important;
  min-width: 29px !important;
  min-height: 29px !important;
  margin: 0 !important;
  position: static !important;
  display: grid !important;
  place-items: center !important;
  border-radius: 999px !important;
}

/* La navegación antigua queda disponible funcionalmente, pero no ocupa la vista. */
body.history-reportes-cleanup .history-nav-shell {
  display: none !important;
}

/* Barra contextual compacta. */
body.history-reportes-cleanup .history-smart-context {
  width: 100% !important;
  margin: 3px 0 6px !important;
  padding: 0 !important;
  display: grid !important;
  gap: 8px !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  overflow: visible !important;
}

body.history-reportes-cleanup .history-smart-head {
  min-height: 55px !important;
  padding: 9px 10px !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  gap: 8px !important;
  align-items: center !important;
  border: 1px solid rgba(223, 238, 4, .15) !important;
  border-radius: 16px !important;
  background:
    radial-gradient(circle at 0 0, rgba(223, 238, 4, .055), transparent 38%),
    linear-gradient(145deg, rgba(13, 37, 45, .88), rgba(6, 18, 23, .96)) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.03) !important;
}

body.history-reportes-cleanup .history-smart-title > span {
  display: none !important;
}

body.history-reportes-cleanup .history-smart-title > strong {
  margin: 0 !important;
  color: var(--history-text) !important;
  font-size: .74rem !important;
  line-height: 1.25 !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

body.history-reportes-cleanup .history-smart-title > small {
  margin: 3px 0 0 !important;
  color: var(--history-muted) !important;
  font-size: .51rem !important;
  line-height: 1.25 !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

body.history-reportes-cleanup .history-smart-actions {
  display: flex !important;
  align-items: center !important;
  gap: 5px !important;
}

body.history-reportes-cleanup .history-smart-change-btn,
body.history-reportes-cleanup .history-smart-filter-btn {
  min-height: 34px !important;
  padding: 0 8px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 5px !important;
  border: 1px solid rgba(234, 233, 233, .12) !important;
  border-radius: 11px !important;
  color: var(--history-text) !important;
  background: rgba(255,255,255,.035) !important;
  font-size: .53rem !important;
  font-weight: 900 !important;
  white-space: nowrap !important;
  cursor: pointer !important;
}

body.history-reportes-cleanup .history-smart-change-btn {
  border-color: rgba(223, 238, 4, .24) !important;
  color: var(--history-lime) !important;
  background: rgba(223, 238, 4, .055) !important;
}

body.history-reportes-cleanup .history-smart-change-btn span,
body.history-reportes-cleanup .history-smart-filter-btn span {
  font-size: .65rem !important;
}

body.history-reportes-cleanup .history-smart-search .search {
  margin: 0 !important;
}

body.history-reportes-cleanup .history-smart-search .search input {
  min-height: 42px !important;
  border-radius: 13px !important;
}

/* Selector de vista como modal/bottom sheet. */
body.history-reportes-cleanup .history-smart-chooser[hidden] {
  display: none !important;
}

body.history-reportes-cleanup .history-smart-chooser {
  position: fixed !important;
  inset: 0 !important;
  z-index: 2147482600 !important;
  display: grid !important;
  place-items: center !important;
  padding: 16px !important;
}

body.history-reportes-cleanup .history-smart-chooser-backdrop {
  position: absolute !important;
  inset: 0 !important;
  border: 0 !important;
  background: rgba(0, 7, 10, .76) !important;
  backdrop-filter: blur(10px) !important;
  -webkit-backdrop-filter: blur(10px) !important;
}

body.history-reportes-cleanup .history-smart-chooser-panel {
  position: relative !important;
  z-index: 1 !important;
  width: min(100%, 560px) !important;
  max-height: min(82dvh, 680px) !important;
  display: grid !important;
  grid-template-rows: auto minmax(0, 1fr) auto !important;
  overflow: hidden !important;
  border: 1px solid rgba(223, 238, 4, .20) !important;
  border-radius: 22px !important;
  background: linear-gradient(160deg, #0D252D, #061217) !important;
  box-shadow: 0 28px 80px rgba(0,0,0,.48) !important;
}

body.history-reportes-cleanup .history-smart-chooser-head {
  padding: 15px !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) 36px !important;
  gap: 10px !important;
  align-items: center !important;
  border-bottom: 1px solid rgba(234,233,233,.09) !important;
}

body.history-reportes-cleanup .history-smart-chooser-head span,
body.history-reportes-cleanup .history-smart-chooser-head strong,
body.history-reportes-cleanup .history-smart-chooser-head small {
  display: block !important;
}

body.history-reportes-cleanup .history-smart-chooser-head span {
  color: var(--history-lime) !important;
  font-size: .5rem !important;
  font-weight: 950 !important;
  text-transform: uppercase !important;
  letter-spacing: .11em !important;
}

body.history-reportes-cleanup .history-smart-chooser-head strong {
  margin-top: 3px !important;
  font-size: .88rem !important;
}

body.history-reportes-cleanup .history-smart-chooser-head small {
  margin-top: 3px !important;
  color: var(--history-muted) !important;
  font-size: .55rem !important;
}

body.history-reportes-cleanup .history-smart-chooser-head > button {
  width: 36px !important;
  height: 36px !important;
  border: 1px solid var(--history-line) !important;
  border-radius: 12px !important;
  color: var(--history-text) !important;
  background: rgba(255,255,255,.04) !important;
}

body.history-reportes-cleanup .history-smart-chooser-content {
  padding: 13px 15px !important;
  display: grid !important;
  gap: 14px !important;
  overflow-y: auto !important;
  overflow-x: hidden !important;
}

body.history-reportes-cleanup .history-smart-choice-section {
  display: grid !important;
  gap: 7px !important;
}

body.history-reportes-cleanup .history-smart-choice-section > strong {
  font-size: .65rem !important;
}

body.history-reportes-cleanup .history-smart-choice-section > small {
  color: var(--history-muted) !important;
  font-size: .52rem !important;
}

body.history-reportes-cleanup .history-smart-chooser .history-smart-modes {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 7px !important;
}

body.history-reportes-cleanup .history-smart-chooser .history-smart-area {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 7px !important;
}

body.history-reportes-cleanup .history-smart-chooser .history-smart-area[hidden] {
  display: none !important;
}

body.history-reportes-cleanup .history-smart-chooser footer {
  padding: 10px 15px max(10px, env(safe-area-inset-bottom)) !important;
  border-top: 1px solid rgba(234,233,233,.09) !important;
}

body.history-reportes-cleanup .history-smart-chooser footer button {
  width: 100% !important;
  min-height: 42px !important;
  border: 1px solid rgba(223, 238, 4, .30) !important;
  border-radius: 13px !important;
  color: #101600 !important;
  background: linear-gradient(135deg, #F0FA42, var(--history-lime)) !important;
  font-size: .62rem !important;
  font-weight: 950 !important;
}

body.history-view-chooser-open {
  overflow: hidden !important;
}

/* Semanas más compactas y sin flechas repetitivas. */
body.history-reportes-cleanup .smart-week {
  border-radius: 18px !important;
}

body.history-reportes-cleanup .smart-week .week-head {
  min-height: 63px !important;
  padding: 10px 11px !important;
  gap: 9px !important;
}

body.history-reportes-cleanup .smart-week .week-title {
  gap: 9px !important;
}

body.history-reportes-cleanup .smart-week .week-icon {
  width: 36px !important;
  height: 36px !important;
  min-width: 36px !important;
  min-height: 36px !important;
  border-radius: 12px !important;
  font-size: .95rem !important;
}

body.history-reportes-cleanup .smart-week .week-copy strong {
  font-size: .69rem !important;
}

body.history-reportes-cleanup .smart-week .week-copy span {
  margin-top: 3px !important;
  font-size: .52rem !important;
}

body.history-reportes-cleanup .smart-week .week-side {
  display: flex !important;
  align-items: center !important;
  gap: 6px !important;
}

body.history-reportes-cleanup .smart-week .week-count {
  max-width: 116px !important;
  padding: 4px 7px !important;
  font-size: .5rem !important;
}

body.history-reportes-cleanup .smart-week .week-chevron {
  width: 29px !important;
  height: 29px !important;
  min-width: 29px !important;
  display: grid !important;
  place-items: center !important;
  border: 1px solid rgba(234, 233, 233, .13) !important;
  border-radius: 10px !important;
  color: var(--history-muted) !important;
  background: rgba(255,255,255,.03) !important;
}

body.history-reportes-cleanup .smart-week .week-chevron svg {
  display: none !important;
}

body.history-reportes-cleanup .smart-week .week-chevron::before {
  content: "+" !important;
  font-size: .95rem !important;
  line-height: 1 !important;
  font-weight: 700 !important;
}

body.history-reportes-cleanup .smart-week.open .week-chevron {
  color: var(--history-lime) !important;
  border-color: rgba(223, 238, 4, .25) !important;
  background: rgba(223, 238, 4, .055) !important;
}

body.history-reportes-cleanup .smart-week.open .week-chevron::before {
  content: "−" !important;
}

body.history-reportes-cleanup .smart-week-summary {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 3px !important;
  padding: 0 10px 9px !important;
}

body.history-reportes-cleanup .smart-week-summary span {
  min-width: 0 !important;
  padding: 3px 2px !important;
  border: 0 !important;
  border-radius: 0 !important;
  color: var(--history-muted) !important;
  background: transparent !important;
  font-size: .5rem !important;
  text-align: center !important;
}

/* Varias versiones de una OT usan + / − en lugar de flechas. */
body.history-reportes-cleanup .smart-ot-side {
  grid-template-columns: auto 24px !important;
}

body.history-reportes-cleanup .smart-ot-side i {
  width: 24px !important;
  height: 24px !important;
  display: grid !important;
  place-items: center !important;
  border: 1px solid rgba(234,233,233,.11) !important;
  border-radius: 8px !important;
  color: var(--history-muted) !important;
  font-size: 0 !important;
  transform: none !important;
}

body.history-reportes-cleanup .smart-ot-side i::before {
  content: "+" !important;
  font-size: .78rem !important;
  line-height: 1 !important;
}

body.history-reportes-cleanup .smart-ot-series.open .smart-ot-side i {
  color: var(--history-lime) !important;
  transform: none !important;
}

body.history-reportes-cleanup .smart-ot-series.open .smart-ot-side i::before {
  content: "−" !important;
}

/* Footer oficial del Portal. */
body.history-reportes-cleanup .portal-footer.portal-footer-harmony-v1 {
  position: relative !important;
  isolation: isolate !important;
  grid-column: 1 / -1 !important;
  width: min(100%, 430px) !important;
  margin: 14px auto 2px !important;
  padding: 13px 10px max(7px, env(safe-area-inset-bottom)) !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 3px !important;
  color: rgba(234,233,233,.88) !important;
  text-align: center !important;
  background: transparent !important;
  border: 0 !important;
}

body.history-reportes-cleanup .portal-footer-harmony-v1 .footer-glow {
  position: absolute !important;
  inset: -18px 8% -8px !important;
  z-index: -1 !important;
  pointer-events: none !important;
  border-radius: 999px !important;
  background: radial-gradient(ellipse at center, rgba(223,238,4,.13), rgba(67,214,145,.055) 34%, transparent 72%) !important;
  filter: blur(8px) !important;
  opacity: .82 !important;
}

body.history-reportes-cleanup .portal-footer-harmony-v1 .footer-main-line {
  color: rgba(234,233,233,.95) !important;
  font-size: .68rem !important;
  font-weight: 900 !important;
}

body.history-reportes-cleanup .portal-footer-harmony-v1 .footer-sub-line {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex-wrap: wrap !important;
  color: rgba(185,204,204,.74) !important;
  font-size: .59rem !important;
  font-weight: 650 !important;
}

body.history-reportes-cleanup .portal-footer-harmony-v1 .footer-sub-line span {
  display: inline-flex !important;
  align-items: center !important;
  white-space: nowrap !important;
}

body.history-reportes-cleanup .portal-footer-harmony-v1 .footer-sub-line > span + span::before {
  content: "·";
  margin: 0 6px;
  color: rgba(223,238,4,.58);
  font-weight: 900;
}

body.history-reportes-cleanup .portal-footer-harmony-v1 #portalFooterAppVersion {
  color: rgba(223,238,4,.86) !important;
  font-weight: 850 !important;
}

@media (max-width: 560px) {
  body.history-reportes-cleanup header.hero {
    padding: 6px 2px 10px !important;
  }

  body.history-reportes-cleanup .panel.history-panel {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 7px !important;
  }

  body.history-reportes-cleanup .wa-launch-strip .whatsapp-import-btn,
  body.history-reportes-cleanup .wbi-launch-strip .wbi-launch-btn {
    min-height: 62px !important;
    padding: 8px !important;
    grid-template-columns: 30px minmax(0, 1fr) !important;
    gap: 7px !important;
    border-radius: 15px !important;
  }

  body.history-reportes-cleanup .wa-launch-strip .wa-import-badge,
  body.history-reportes-cleanup .wbi-launch-strip .wbi-launch-mark {
    display: none !important;
  }

  body.history-reportes-cleanup .wa-launch-strip .portal-whatsapp-template-icon,
  body.history-reportes-cleanup .wa-launch-strip .whatsapp-import-btn > svg,
  body.history-reportes-cleanup .wbi-launch-strip .wbi-launch-icon {
    width: 29px !important;
    height: 29px !important;
    min-width: 29px !important;
    min-height: 29px !important;
  }

  body.history-reportes-cleanup .wa-launch-strip .wa-copy strong,
  body.history-reportes-cleanup .wbi-launch-strip .wbi-launch-copy strong {
    font-size: .61rem !important;
  }

  body.history-reportes-cleanup .wa-launch-strip .wa-copy small,
  body.history-reportes-cleanup .wbi-launch-strip .wbi-launch-copy small {
    font-size: .43rem !important;
  }

  body.history-reportes-cleanup .history-smart-head {
    grid-template-columns: minmax(0, 1fr) auto !important;
  }

  body.history-reportes-cleanup .history-smart-actions {
    gap: 4px !important;
  }

  body.history-reportes-cleanup .history-smart-change-btn,
  body.history-reportes-cleanup .history-smart-filter-btn {
    width: 34px !important;
    min-width: 34px !important;
    padding: 0 !important;
  }

  body.history-reportes-cleanup .history-smart-change-btn b,
  body.history-reportes-cleanup .history-smart-filter-btn b {
    display: none !important;
  }

  body.history-reportes-cleanup .history-smart-chooser {
    align-items: end !important;
    padding: 0 !important;
  }

  body.history-reportes-cleanup .history-smart-chooser-panel {
    width: 100% !important;
    max-height: 82dvh !important;
    border-radius: 23px 23px 0 0 !important;
    border-bottom: 0 !important;
  }

  body.history-reportes-cleanup .history-smart-chooser .history-smart-modes {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  body.history-reportes-cleanup .smart-week .week-count {
    max-width: 94px !important;
  }

  body.history-reportes-cleanup .portal-footer-harmony-v1 .footer-sub-line {
    font-size: .56rem !important;
  }
}

/* HISTORY_IMPORT_GRID_VISIBLE_FILTERS_CSS_V3 */

/* Los dos importadores comparten una grilla real fuera del panel antiguo. */
body.history-reportes-cleanup .history-import-grid {
  width: 100% !important;
  min-width: 0 !important;
  margin: 0 0 8px !important;
  padding: 0 !important;
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 8px !important;
  align-items: stretch !important;
  overflow: visible !important;
}

body.history-reportes-cleanup .history-import-grid[hidden] {
  display: none !important;
}

body.history-reportes-cleanup .history-import-grid.single {
  grid-template-columns: minmax(0, 1fr) !important;
}

body.history-reportes-cleanup .history-import-grid > .wa-launch-strip,
body.history-reportes-cleanup .history-import-grid > .wbi-launch-strip {
  grid-column: auto !important;
  width: 100% !important;
  min-width: 0 !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
  align-self: stretch !important;
}

body.history-reportes-cleanup .history-import-grid > .wa-launch-strip .whatsapp-import-btn,
body.history-reportes-cleanup .history-import-grid > .wbi-launch-strip .wbi-launch-btn {
  width: 100% !important;
  height: 100% !important;
  min-height: 62px !important;
}

/* TN1 y TN2 solo ven el importador individual ocupando el ancho completo. */
body.history-reportes-cleanup .history-import-grid.single > .wa-launch-strip,
body.history-reportes-cleanup .history-import-grid.single > .wbi-launch-strip {
  grid-column: 1 / -1 !important;
}

/* Los chips vuelven a quedar desplegados debajo del buscador. */
body.history-reportes-cleanup .history-smart-visible-controls {
  width: 100% !important;
  min-width: 0 !important;
  display: grid !important;
  gap: 7px !important;
  margin: 0 !important;
  padding: 0 !important;
}

body.history-reportes-cleanup .history-smart-visible-controls .history-smart-modes {
  width: 100% !important;
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 6px !important;
}

body.history-reportes-cleanup .history-smart-visible-controls .history-smart-mode {
  min-width: 0 !important;
  min-height: 40px !important;
  padding: 6px 5px !important;
  border-radius: 12px !important;
}

body.history-reportes-cleanup .history-smart-visible-controls .history-smart-area[hidden] {
  display: none !important;
}

body.history-reportes-cleanup .history-smart-visible-controls .history-smart-area:not([hidden]) {
  width: 100% !important;
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 6px !important;
  padding: 0 !important;
}

body.history-reportes-cleanup .history-smart-visible-controls .history-smart-area-btn {
  min-width: 0 !important;
  min-height: 35px !important;
  padding: 0 6px !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

/* Ya no se necesita el acceso que abría el selector inferior. */
body.history-reportes-cleanup #historySmartChangeView {
  display: none !important;
}

body.history-reportes-cleanup .history-smart-actions {
  justify-content: flex-end !important;
}

@media (max-width: 560px) {
  body.history-reportes-cleanup .history-import-grid,
  body.history-reportes-cleanup .history-import-grid.dual {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 7px !important;
  }

  body.history-reportes-cleanup .history-import-grid.single {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  body.history-reportes-cleanup .history-import-grid > .wa-launch-strip .whatsapp-import-btn,
  body.history-reportes-cleanup .history-import-grid > .wbi-launch-strip .wbi-launch-btn {
    min-height: 66px !important;
    padding: 8px 7px !important;
  }

  body.history-reportes-cleanup .history-smart-visible-controls .history-smart-modes {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  body.history-reportes-cleanup .history-smart-visible-controls .history-smart-modes > :last-child:nth-child(odd) {
    grid-column: 1 / -1 !important;
  }

  body.history-reportes-cleanup .history-smart-visible-controls .history-smart-area:not([hidden]) {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }

  body.history-reportes-cleanup .history-smart-visible-controls .history-smart-area-btn:last-child:nth-child(4) {
    grid-column: 1 / -1 !important;
  }
}

/* HISTORY_READABILITY_FOOTER_CSS_V4 */

/* El footer queda al fondo cuando existe poco contenido y después de la lista
   cuando el historial es largo. No se usa position: fixed. */
html {
  min-height: 100% !important;
}

body.history-reportes-cleanup {
  min-height: 100dvh !important;
  display: flex !important;
  flex-direction: column !important;
}

body.history-reportes-cleanup main.app {
  width: 100% !important;
  min-height: 100dvh !important;
  flex: 1 0 auto !important;
  display: flex !important;
  flex-direction: column !important;
}

body.history-reportes-cleanup main.app > .portal-footer,
body.history-reportes-cleanup main.app > footer.portal-footer,
body.history-reportes-cleanup .portal-footer.portal-footer-harmony-v1 {
  width: 100% !important;
  margin-top: auto !important;
  flex: 0 0 auto !important;
  padding-top: 18px !important;
  padding-bottom: max(16px, env(safe-area-inset-bottom)) !important;
}

/* Cabecera más legible. */
body.history-reportes-cleanup header.hero h1 {
  font-size: clamp(1.34rem, 4.8vw, 1.62rem) !important;
  line-height: 1.08 !important;
  letter-spacing: -0.035em !important;
}

body.history-reportes-cleanup header.hero p {
  font-size: 0.69rem !important;
  line-height: 1.46 !important;
}

body.history-reportes-cleanup .history-user-toggle,
body.history-reportes-cleanup .history-plan-user-trigger {
  width: 46px !important;
  height: 46px !important;
  min-width: 46px !important;
  min-height: 46px !important;
}

body.history-reportes-cleanup .history-user-toggle svg,
body.history-reportes-cleanup .history-plan-user-trigger svg {
  width: 22px !important;
  height: 22px !important;
}

/* Importadores: textos cortos, iconos más visibles y sin recortes. */
body.history-reportes-cleanup .history-import-grid {
  gap: 9px !important;
}

body.history-reportes-cleanup .history-import-grid > .wa-launch-strip .whatsapp-import-btn,
body.history-reportes-cleanup .history-import-grid > .wbi-launch-strip .wbi-launch-btn {
  min-height: 72px !important;
  padding: 10px 9px !important;
  grid-template-columns: 40px minmax(0, 1fr) 32px !important;
  gap: 7px !important;
}

body.history-reportes-cleanup .history-import-grid .portal-whatsapp-template-icon,
body.history-reportes-cleanup .history-import-grid .whatsapp-import-btn > svg,
body.history-reportes-cleanup .history-import-grid .wbi-launch-icon {
  width: 40px !important;
  height: 40px !important;
  min-width: 40px !important;
  min-height: 40px !important;
  max-width: 40px !important;
  max-height: 40px !important;
  font-size: 1.24rem !important;
}

body.history-reportes-cleanup .history-import-grid .wa-import-badge,
body.history-reportes-cleanup .history-import-grid .wbi-launch-mark {
  width: 31px !important;
  height: 31px !important;
  min-width: 31px !important;
  min-height: 31px !important;
  max-width: 31px !important;
  max-height: 31px !important;
  font-size: 0.92rem !important;
}

body.history-reportes-cleanup .history-import-grid .wa-copy,
body.history-reportes-cleanup .history-import-grid .wbi-launch-copy {
  min-width: 0 !important;
  gap: 4px !important;
}

body.history-reportes-cleanup .history-import-grid .wa-copy strong,
body.history-reportes-cleanup .history-import-grid .wbi-launch-copy strong {
  margin: 0 !important;
  font-size: 0.77rem !important;
  line-height: 1.13 !important;
  white-space: normal !important;
  overflow: visible !important;
  text-overflow: clip !important;
  overflow-wrap: anywhere !important;
}

body.history-reportes-cleanup .history-import-grid .wa-copy small,
body.history-reportes-cleanup .history-import-grid .wbi-launch-copy small {
  margin: 0 !important;
  font-size: 0.59rem !important;
  line-height: 1.2 !important;
  white-space: normal !important;
  overflow: visible !important;
  text-overflow: clip !important;
  overflow-wrap: anywhere !important;
}

/* Cuando solo aparece WhatsApp, puede usar una presentación más descriptiva. */
body.history-reportes-cleanup .history-import-grid.single > .wa-launch-strip .whatsapp-import-btn,
body.history-reportes-cleanup .history-import-grid.readability-single > .wa-launch-strip .whatsapp-import-btn {
  min-height: 68px !important;
  grid-template-columns: 42px minmax(0, 1fr) 34px !important;
  padding-inline: 12px !important;
}

body.history-reportes-cleanup .history-import-grid.single .wa-copy strong,
body.history-reportes-cleanup .history-import-grid.readability-single .wa-copy strong {
  font-size: 0.86rem !important;
}

body.history-reportes-cleanup .history-import-grid.single .wa-copy small,
body.history-reportes-cleanup .history-import-grid.readability-single .wa-copy small {
  font-size: 0.64rem !important;
}

/* Contexto, búsqueda y chips con mejor legibilidad. */
body.history-reportes-cleanup .history-smart-context-title {
  font-size: 0.86rem !important;
  line-height: 1.22 !important;
}

body.history-reportes-cleanup .history-smart-context-meta {
  font-size: 0.61rem !important;
  line-height: 1.35 !important;
}

body.history-reportes-cleanup .history-smart-search input,
body.history-reportes-cleanup #historySmartSearch input,
body.history-reportes-cleanup #reportSearch {
  font-size: 0.92rem !important;
}

body.history-reportes-cleanup .history-smart-visible-controls .history-smart-mode {
  min-height: 44px !important;
  padding: 7px 6px !important;
  gap: 6px !important;
  font-size: 0.69rem !important;
  line-height: 1.15 !important;
}

body.history-reportes-cleanup .history-smart-visible-controls .history-smart-mode::first-letter {
  font-size: 0.86rem !important;
}

body.history-reportes-cleanup .history-smart-visible-controls .history-smart-area-btn {
  min-height: 38px !important;
  font-size: 0.64rem !important;
}

body.history-reportes-cleanup #historySmartFilters {
  width: 39px !important;
  height: 39px !important;
  min-width: 39px !important;
  min-height: 39px !important;
  font-size: 1rem !important;
}

/* Estado vacío y footer más legibles. */
body.history-reportes-cleanup .smart-empty-state,
body.history-reportes-cleanup .history-empty {
  min-height: 160px !important;
}

body.history-reportes-cleanup .smart-empty-state strong,
body.history-reportes-cleanup .history-empty strong,
body.history-reportes-cleanup .smart-empty-title {
  font-size: 0.98rem !important;
}

body.history-reportes-cleanup .smart-empty-state p,
body.history-reportes-cleanup .history-empty p,
body.history-reportes-cleanup .smart-empty-copy {
  font-size: 0.72rem !important;
}

body.history-reportes-cleanup .portal-footer.portal-footer-harmony-v1,
body.history-reportes-cleanup .portal-footer.portal-footer-harmony-v1 strong {
  font-size: 0.69rem !important;
  line-height: 1.35 !important;
}

body.history-reportes-cleanup .portal-footer.portal-footer-harmony-v1 small,
body.history-reportes-cleanup .portal-footer.portal-footer-harmony-v1 .footer-version {
  font-size: 0.61rem !important;
  line-height: 1.35 !important;
}

@media (max-width: 560px) {
  body.history-reportes-cleanup .history-import-grid,
  body.history-reportes-cleanup .history-import-grid.readability-dual {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 8px !important;
  }

  body.history-reportes-cleanup .history-import-grid > .wa-launch-strip .whatsapp-import-btn,
  body.history-reportes-cleanup .history-import-grid > .wbi-launch-strip .wbi-launch-btn {
    min-height: 74px !important;
    grid-template-columns: 38px minmax(0, 1fr) 29px !important;
    padding: 9px 7px !important;
    gap: 6px !important;
  }

  body.history-reportes-cleanup .history-import-grid .portal-whatsapp-template-icon,
  body.history-reportes-cleanup .history-import-grid .whatsapp-import-btn > svg,
  body.history-reportes-cleanup .history-import-grid .wbi-launch-icon {
    width: 38px !important;
    height: 38px !important;
    min-width: 38px !important;
    min-height: 38px !important;
    max-width: 38px !important;
    max-height: 38px !important;
  }

  body.history-reportes-cleanup .history-import-grid .wa-import-badge,
  body.history-reportes-cleanup .history-import-grid .wbi-launch-mark {
    width: 28px !important;
    height: 28px !important;
    min-width: 28px !important;
    min-height: 28px !important;
    max-width: 28px !important;
    max-height: 28px !important;
  }

  body.history-reportes-cleanup .history-import-grid .wa-copy strong,
  body.history-reportes-cleanup .history-import-grid .wbi-launch-copy strong {
    font-size: 0.72rem !important;
  }

  body.history-reportes-cleanup .history-import-grid .wa-copy small,
  body.history-reportes-cleanup .history-import-grid .wbi-launch-copy small {
    font-size: 0.56rem !important;
  }

  body.history-reportes-cleanup .history-smart-visible-controls .history-smart-mode {
    min-height: 45px !important;
    font-size: 0.68rem !important;
  }

  body.history-reportes-cleanup .portal-footer.portal-footer-harmony-v1 {
    padding-top: 15px !important;
  }
}

/* HISTORY_WEEK_OT_HIERARCHY_CSS_V5 */

/* El estado técnico sigue disponible internamente, pero no contamina la ficha. */
body.history-reportes-cleanup .sync-state {
  display: none !important;
}

/* La semana se distingue como encabezado de módulo y no como actividad. */
body.history-reportes-cleanup .smart-week {
  border: 1px solid rgba(223, 238, 4, 0.24) !important;
  border-radius: 21px !important;
  background:
    radial-gradient(circle at 0 0, rgba(223, 238, 4, 0.055), transparent 38%),
    linear-gradient(145deg, rgba(13, 37, 45, 0.98), rgba(6, 18, 23, 0.98)) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.045),
    0 16px 34px rgba(0, 0, 0, 0.20) !important;
  overflow: hidden !important;
}

body.history-reportes-cleanup .smart-week.open {
  border-color: rgba(223, 238, 4, 0.42) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.055),
    inset 0 -2px 0 rgba(223, 238, 4, 0.08),
    0 18px 38px rgba(0, 0, 0, 0.24) !important;
}

body.history-reportes-cleanup .smart-week .week-head {
  min-height: 88px !important;
  padding: 14px 14px 12px !important;
  gap: 12px !important;
  background:
    linear-gradient(90deg, rgba(223, 238, 4, 0.035), transparent 46%) !important;
}

body.history-reportes-cleanup .smart-week.open .week-head {
  border-bottom: 1px solid rgba(223, 238, 4, 0.10) !important;
}

body.history-reportes-cleanup .smart-week .week-title {
  min-width: 0 !important;
  gap: 12px !important;
  align-items: center !important;
}

body.history-reportes-cleanup .smart-week .week-icon {
  width: 47px !important;
  height: 47px !important;
  min-width: 47px !important;
  min-height: 47px !important;
  border-radius: 15px !important;
  font-size: 1.18rem !important;
  color: #EAE9E9 !important;
  background:
    radial-gradient(circle at 28% 20%, rgba(223, 238, 4, 0.12), transparent 46%),
    linear-gradient(145deg, #12323B, #091920) !important;
  border: 1px solid rgba(223, 238, 4, 0.32) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.055),
    0 10px 22px rgba(0, 0, 0, 0.22) !important;
}

body.history-reportes-cleanup .smart-week .week-copy {
  min-width: 0 !important;
  display: grid !important;
  gap: 3px !important;
}

body.history-reportes-cleanup .smart-week-kicker {
  display: block !important;
  margin: 0 !important;
  color: #DFEE04 !important;
  font-size: 0.50rem !important;
  line-height: 1 !important;
  font-weight: 950 !important;
  letter-spacing: 0.13em !important;
}

body.history-reportes-cleanup .smart-week .week-copy strong {
  font-size: 0.92rem !important;
  line-height: 1.16 !important;
  letter-spacing: -0.018em !important;
}

body.history-reportes-cleanup .smart-week .week-copy > span:not(.smart-week-kicker) {
  margin-top: 1px !important;
  color: rgba(234, 233, 233, 0.64) !important;
  font-size: 0.62rem !important;
  line-height: 1.35 !important;
}

body.history-reportes-cleanup .smart-week .week-side {
  align-self: center !important;
  gap: 8px !important;
}

body.history-reportes-cleanup .smart-week .week-count {
  max-width: 132px !important;
  padding: 6px 9px !important;
  border-radius: 999px !important;
  color: rgba(234, 233, 233, 0.78) !important;
  background: rgba(255, 255, 255, 0.035) !important;
  border: 1px solid rgba(234, 233, 233, 0.12) !important;
  font-size: 0.57rem !important;
  line-height: 1.2 !important;
  font-weight: 850 !important;
}

/* Indicadores semanales reconocibles y legibles. */
body.history-reportes-cleanup .smart-week-summary {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 7px !important;
  padding: 0 13px 13px !important;
}

body.history-reportes-cleanup .smart-week-summary > span {
  min-width: 0 !important;
  min-height: 47px !important;
  padding: 7px 7px !important;
  display: grid !important;
  grid-template-columns: 23px auto minmax(0, 1fr) !important;
  align-items: center !important;
  gap: 5px !important;
  border: 1px solid rgba(234, 233, 233, 0.09) !important;
  border-radius: 12px !important;
  background: rgba(255, 255, 255, 0.026) !important;
  text-align: left !important;
}

body.history-reportes-cleanup .smart-week-metric-icon {
  width: 23px !important;
  height: 23px !important;
  display: grid !important;
  place-items: center !important;
  font-style: normal !important;
  font-size: 0.94rem !important;
  line-height: 1 !important;
}

body.history-reportes-cleanup .smart-week-metric-value {
  color: #EAE9E9 !important;
  font-size: 0.78rem !important;
  line-height: 1 !important;
  font-weight: 950 !important;
}

body.history-reportes-cleanup .smart-week-metric-label {
  min-width: 0 !important;
  color: rgba(234, 233, 233, 0.54) !important;
  font-size: 0.51rem !important;
  line-height: 1.15 !important;
  font-weight: 760 !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

/* Una OT con varios avances tiene un contenedor propio claramente distinto. */
body.history-reportes-cleanup .smart-ot-series.multi-advance-card {
  position: relative !important;
  border: 1px solid rgba(255, 189, 74, 0.46) !important;
  border-radius: 17px !important;
  background:
    radial-gradient(circle at 0 0, rgba(255, 189, 74, 0.09), transparent 42%),
    linear-gradient(145deg, rgba(13, 37, 45, 0.97), rgba(6, 18, 23, 0.98)) !important;
  box-shadow:
    inset 4px 0 0 #DFEE04,
    inset 0 1px 0 rgba(255, 255, 255, 0.045),
    0 12px 28px rgba(0, 0, 0, 0.18) !important;
  overflow: hidden !important;
}

body.history-reportes-cleanup .smart-ot-series.multi-advance-card.open {
  border-color: rgba(255, 189, 74, 0.70) !important;
  box-shadow:
    inset 4px 0 0 #DFEE04,
    inset 0 1px 0 rgba(255, 255, 255, 0.055),
    0 16px 32px rgba(0, 0, 0, 0.22) !important;
}

body.history-reportes-cleanup .multi-advance-card .smart-ot-head {
  min-height: 70px !important;
  padding: 11px 12px 11px 14px !important;
  grid-template-columns: 42px minmax(0, 1fr) auto !important;
  gap: 11px !important;
}

body.history-reportes-cleanup .multi-advance-card .smart-ot-mark {
  width: 40px !important;
  height: 40px !important;
  border-radius: 13px !important;
  font-size: 1.08rem !important;
  color: #FFE2AA !important;
  background: rgba(255, 189, 74, 0.09) !important;
  border-color: rgba(255, 189, 74, 0.38) !important;
}

body.history-reportes-cleanup .multi-advance-card .smart-ot-copy strong {
  font-size: 0.78rem !important;
  line-height: 1.15 !important;
}

body.history-reportes-cleanup .multi-advance-card .smart-ot-copy small {
  margin-top: 5px !important;
  color: rgba(234, 233, 233, 0.62) !important;
  font-size: 0.58rem !important;
}

body.history-reportes-cleanup .multi-advance-card .smart-ot-side b {
  min-width: 30px !important;
  padding: 5px 8px !important;
  color: #071015 !important;
  background: #DFEE04 !important;
  font-size: 0.60rem !important;
  font-weight: 950 !important;
}

body.history-reportes-cleanup .multi-advance-card .smart-ot-side i {
  width: 29px !important;
  height: 29px !important;
  border-radius: 9px !important;
}

/* Los reportes individuales permanecen neutros para no competir con la OT. */
body.history-reportes-cleanup .smart-ot-timeline .report-card {
  border-color: rgba(234, 233, 233, 0.10) !important;
  background: rgba(6, 18, 23, 0.62) !important;
  box-shadow: none !important;
}

@media (max-width: 560px) {
  body.history-reportes-cleanup .smart-week .week-head {
    min-height: 84px !important;
    padding: 12px 11px 11px !important;
    gap: 9px !important;
  }

  body.history-reportes-cleanup .smart-week .week-icon {
    width: 43px !important;
    height: 43px !important;
    min-width: 43px !important;
    min-height: 43px !important;
    font-size: 1.08rem !important;
  }

  body.history-reportes-cleanup .smart-week .week-copy strong {
    font-size: 0.82rem !important;
  }

  body.history-reportes-cleanup .smart-week .week-count {
    max-width: 92px !important;
    padding: 5px 7px !important;
    font-size: 0.52rem !important;
  }

  body.history-reportes-cleanup .smart-week-summary {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 6px !important;
    padding: 0 11px 11px !important;
  }

  body.history-reportes-cleanup .smart-week-summary > span {
    min-height: 45px !important;
    grid-template-columns: 22px auto minmax(0, 1fr) !important;
    padding: 7px 6px !important;
  }

  body.history-reportes-cleanup .multi-advance-card .smart-ot-head {
    min-height: 68px !important;
    grid-template-columns: 39px minmax(0, 1fr) auto !important;
    padding: 10px 10px 10px 13px !important;
    gap: 9px !important;
  }

  body.history-reportes-cleanup .multi-advance-card .smart-ot-mark {
    width: 37px !important;
    height: 37px !important;
  }
}

/* HISTORY_FOOTER_SHORT_OT_AUTOOPEN_CSS_V6 */

/* El footer permanece al fondo, pero nunca flota sobre los reportes. */
body.history-reportes-cleanup {
  min-height: 100dvh !important;
  display: flex !important;
  flex-direction: column !important;
}

body.history-reportes-cleanup main.app {
  min-height: 100dvh !important;
  flex: 1 0 auto !important;
  display: flex !important;
  flex-direction: column !important;
}

body.history-reportes-cleanup .portal-footer.portal-footer-harmony-v1 {
  margin-top: auto !important;
  flex: 0 0 auto !important;
}

/* La versión visible queda corta; el valor completo se conserva en title. */
body.history-reportes-cleanup #portalFooterAppVersion,
body.history-reportes-cleanup .portal-footer .footer-version {
  display: inline !important;
  max-width: 74px !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: clip !important;
}

/* Cuando una semana se abre, sus OT agrupadas parten desplegadas. */
body.history-reportes-cleanup .smart-week.open
.smart-ot-series.multi-advance-card.open
.smart-ot-timeline,
body.history-reportes-cleanup .smart-week.open
.smart-ot-series.multi-advance-card.open
.smart-ot-body {
  display: block !important;
  opacity: 1 !important;
  max-height: none !important;
  visibility: visible !important;
}

/* HISTORY_STABLE_FOOTER_OPEN_GROUPED_V7 */
html,
body.history-reportes-cleanup {
  min-height: 100% !important;
}

body.history-reportes-cleanup {
  min-height: 100dvh !important;
  display: flex !important;
  flex-direction: column !important;
  padding-bottom: 0 !important;
}

body.history-reportes-cleanup main.app {
  width: 100% !important;
  min-height: 100dvh !important;
  flex: 1 0 auto !important;
  display: flex !important;
  flex-direction: column !important;
  box-sizing: border-box !important;
  padding-bottom: 0 !important;
}

body.history-reportes-cleanup .portal-footer.portal-footer-harmony-v1 {
  position: static !important;
  inset: auto !important;
  margin-top: auto !important;
  flex: 0 0 auto !important;
  transform: none !important;
  animation: none !important;
  transition: none !important;
  padding-top: 18px !important;
  padding-bottom: max(16px, env(safe-area-inset-bottom)) !important;
}

body.history-reportes-cleanup #historyFooterShortVersion {
  display: inline !important;
  color: #DFEE04 !important;
  white-space: nowrap !important;
  font-size: 0.61rem !important;
  font-weight: 900 !important;
  line-height: 1.2 !important;
}

body.history-reportes-cleanup .smart-ot-series.open .smart-ot-timeline {
  display: block !important;
  opacity: 1 !important;
  visibility: visible !important;
  max-height: none !important;
}

/* HISTORY_FOOTER_DOCUMENT_BOTTOM_CSS_V8 */
html {
  min-height: 100% !important;
  height: auto !important;
}

body.history-reportes-cleanup.history-footer-layout-v8 {
  min-height: 100dvh !important;
  height: auto !important;
  margin: 0 !important;
  padding-bottom: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: stretch !important;
}

body.history-reportes-cleanup.history-footer-layout-v8 > main.app {
  width: 100% !important;
  min-height: 0 !important;
  height: auto !important;
  max-height: none !important;
  flex: 1 0 auto !important;
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
}

body.history-reportes-cleanup.history-footer-layout-v8 > main.app::after {
  display: none !important;
  content: none !important;
}

body.history-reportes-cleanup.history-footer-layout-v8
> footer.history-footer-document-bottom-v8 {
  position: static !important;
  inset: auto !important;
  order: 999 !important;
  width: 100% !important;
  max-width: none !important;
  min-height: 0 !important;
  margin: auto 0 0 !important;
  padding-top: 16px !important;
  padding-bottom: max(14px, env(safe-area-inset-bottom)) !important;
  flex: 0 0 auto !important;
  align-self: stretch !important;
  transform: none !important;
  animation: none !important;
  transition: none !important;
  box-sizing: border-box !important;
}

body.history-reportes-cleanup.history-footer-layout-v8
> footer.history-footer-document-bottom-v8
#historyFooterShortVersion {
  display: inline !important;
  max-width: none !important;
  overflow: visible !important;
  text-overflow: clip !important;
  white-space: nowrap !important;
}