/* HISTORY_SMART_REVIEW_CSS_V1 */
body.history-reportes-cleanup {
  --smart-lime: #DFEE04;
  --smart-bg: #061217;
  --smart-card: #091920;
  --smart-soft: #0D252D;
  --smart-text: #EAE9E9;
  --smart-muted: #91A3A3;
  --smart-line: rgba(234, 233, 233, .12);
}

body.history-reportes-cleanup .history-smart-context,
body.history-reportes-cleanup .history-smart-context * {
  box-sizing: border-box;
  min-width: 0;
}

body.history-reportes-cleanup .history-smart-context {
  display: grid;
  gap: 11px;
  width: 100%;
  margin: 0 0 13px;
  padding: 13px;
  border: 1px solid rgba(223, 238, 4, .18);
  border-radius: 21px;
  background:
    radial-gradient(circle at 0 0, rgba(223, 238, 4, .075), transparent 38%),
    linear-gradient(145deg, rgba(13, 37, 45, .96), rgba(6, 18, 23, .98));
  box-shadow: 0 16px 38px rgba(0, 0, 0, .24), inset 0 1px 0 rgba(255,255,255,.035);
  overflow: hidden;
}

body.history-reportes-cleanup .history-smart-head {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 10px;
}

body.history-reportes-cleanup .history-smart-title > span {
  display: block;
  color: var(--smart-lime);
  font-size: .52rem;
  font-weight: 950;
  letter-spacing: .12em;
  text-transform: uppercase;
}

body.history-reportes-cleanup .history-smart-title > strong {
  display: block;
  margin-top: 4px;
  color: var(--smart-text);
  font-size: .84rem;
  line-height: 1.25;
  overflow-wrap: anywhere;
}

body.history-reportes-cleanup .history-smart-title > small {
  display: block;
  margin-top: 4px;
  color: var(--smart-muted);
  font-size: .58rem;
  line-height: 1.35;
}

body.history-reportes-cleanup .history-smart-filter-btn {
  min-height: 37px;
  padding: 0 11px;
  border: 1px solid rgba(223, 238, 4, .24);
  border-radius: 12px;
  color: var(--smart-text);
  background: rgba(223, 238, 4, .055);
  font-size: .58rem;
  font-weight: 900;
  cursor: pointer;
}

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

body.history-reportes-cleanup .history-smart-search .search input {
  min-height: 44px !important;
  border-color: rgba(223, 238, 4, .18) !important;
  background: linear-gradient(145deg, #061217, #091920) !important;
}

body.history-reportes-cleanup .history-smart-modes {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 6px;
}

body.history-reportes-cleanup .history-smart-mode {
  min-height: 43px;
  padding: 7px 5px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  border: 1px solid var(--smart-line);
  border-radius: 13px;
  color: var(--smart-muted);
  background: rgba(255, 255, 255, .035);
  font-size: .55rem;
  font-weight: 900;
  line-height: 1.15;
  text-align: center;
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
  touch-action: manipulation;
}

body.history-reportes-cleanup .history-smart-mode > span {
  font-size: .74rem;
}

body.history-reportes-cleanup .history-smart-mode.active {
  color: #101600;
  border-color: var(--smart-lime);
  background: linear-gradient(135deg, #F0FA42, var(--smart-lime));
  box-shadow: 0 9px 22px rgba(223, 238, 4, .13);
}

body.history-reportes-cleanup .history-smart-area {
  display: flex;
  gap: 6px;
  flex-wrap: wrap;
  padding-top: 1px;
}

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

body.history-reportes-cleanup .history-smart-area-btn {
  flex: 1 1 105px;
  min-height: 36px;
  padding: 0 9px;
  border: 1px solid var(--smart-line);
  border-radius: 11px;
  color: var(--smart-muted);
  background: rgba(255,255,255,.03);
  font-size: .54rem;
  font-weight: 900;
  cursor: pointer;
}

body.history-reportes-cleanup .history-smart-area-btn.active {
  color: var(--smart-lime);
  border-color: rgba(223, 238, 4, .38);
  background: rgba(223, 238, 4, .075);
}

body.history-reportes-cleanup .history-nav-content .quick-filters[hidden] {
  display: none !important;
}

body.history-reportes-cleanup .smart-week {
  content-visibility: auto;
  contain-intrinsic-size: 170px;
}

body.history-reportes-cleanup .smart-week .week-head {
  padding-bottom: 10px !important;
}

body.history-reportes-cleanup .smart-week-summary {
  display: flex;
  gap: 6px;
  flex-wrap: wrap;
  padding: 0 12px 11px;
}

body.history-reportes-cleanup .smart-week-summary span {
  min-width: 55px;
  padding: 5px 8px;
  border: 1px solid rgba(234, 233, 233, .09);
  border-radius: 9px;
  color: var(--smart-muted);
  background: rgba(255,255,255,.025);
  font-size: .54rem;
  font-weight: 850;
}

body.history-reportes-cleanup .smart-week-body {
  display: grid !important;
  gap: 8px;
}

body.history-reportes-cleanup .smart-ot-series {
  border: 1px solid rgba(223, 238, 4, .12);
  border-radius: 15px;
  background: rgba(6, 18, 23, .55);
  overflow: hidden;
}

body.history-reportes-cleanup .smart-ot-head {
  width: 100%;
  min-height: 58px;
  padding: 10px;
  display: grid;
  grid-template-columns: 36px minmax(0, 1fr) auto;
  gap: 9px;
  align-items: center;
  border: 0;
  color: var(--smart-text);
  background: transparent;
  text-align: left;
  cursor: pointer;
}

body.history-reportes-cleanup .smart-ot-mark {
  width: 34px;
  height: 34px;
  display: grid;
  place-items: center;
  border: 1px solid rgba(223, 238, 4, .22);
  border-radius: 11px;
  background: rgba(223, 238, 4, .06);
}

body.history-reportes-cleanup .smart-ot-copy strong,
body.history-reportes-cleanup .smart-ot-copy small {
  display: block;
}

body.history-reportes-cleanup .smart-ot-copy strong {
  font-size: .68rem;
}

body.history-reportes-cleanup .smart-ot-copy small {
  margin-top: 4px;
  color: var(--smart-muted);
  font-size: .55rem;
  line-height: 1.35;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

body.history-reportes-cleanup .smart-ot-side {
  display: grid;
  grid-template-columns: auto 22px;
  gap: 5px;
  align-items: center;
}

body.history-reportes-cleanup .smart-ot-side b {
  min-width: 24px;
  padding: 4px 7px;
  border-radius: 999px;
  color: var(--smart-lime);
  background: rgba(223, 238, 4, .07);
  font-size: .54rem;
  text-align: center;
}

body.history-reportes-cleanup .smart-ot-side i {
  font-style: normal;
  color: var(--smart-lime);
  transition: transform .2s ease;
}

body.history-reportes-cleanup .smart-ot-series.open .smart-ot-side i {
  transform: rotate(180deg);
}

body.history-reportes-cleanup .smart-ot-timeline {
  display: grid;
  gap: 8px;
  padding: 0 8px 8px;
  border-top: 1px solid rgba(234, 233, 233, .08);
}

body.history-reportes-cleanup .smart-ot-timeline::before {
  content: "Historial de avances de la OT";
  padding: 9px 3px 0;
  color: var(--smart-muted);
  font-size: .52rem;
  font-weight: 850;
}

body.history-reportes-cleanup .smart-more-btn,
body.history-reportes-cleanup .smart-archive-btn {
  width: 100%;
  min-height: 43px;
  padding: 0 13px;
  border-radius: 13px;
  font-size: .61rem;
  font-weight: 900;
  cursor: pointer;
}

body.history-reportes-cleanup .smart-more-btn {
  border: 1px solid rgba(223, 238, 4, .22);
  color: var(--smart-lime);
  background: rgba(223, 238, 4, .055);
}

body.history-reportes-cleanup .smart-archive-btn {
  border: 1px solid var(--smart-line);
  color: var(--smart-text);
  background: linear-gradient(145deg, #0D252D, #091920);
}

body.history-reportes-cleanup .smart-open-archive {
  margin-top: 2px;
}

body.history-reportes-cleanup .smart-load-actions {
  display: grid;
  gap: 8px;
  width: 100%;
  margin-top: 10px;
}

body.history-reportes-cleanup .smart-search-results {
  display: grid;
  gap: 10px;
  padding: 11px;
  border: 1px solid rgba(223, 238, 4, .15);
  border-radius: 18px;
  background: linear-gradient(145deg, rgba(13,37,45,.84), rgba(6,18,23,.94));
}

body.history-reportes-cleanup .smart-search-results > header {
  padding: 3px 2px 7px;
  border-bottom: 1px solid rgba(234,233,233,.08);
}

body.history-reportes-cleanup .smart-search-results > header strong,
body.history-reportes-cleanup .smart-search-results > header span {
  display: block;
}

body.history-reportes-cleanup .smart-search-results > header strong {
  font-size: .72rem;
}

body.history-reportes-cleanup .smart-search-results > header span {
  margin-top: 4px;
  color: var(--smart-muted);
  font-size: .56rem;
}

body.history-reportes-cleanup .smart-search-list {
  display: grid;
  gap: 8px;
}

body.history-reportes-cleanup .smart-empty .smart-archive-btn {
  margin-top: 12px;
}

body.history-reportes-cleanup .week-stats {
  display: none !important;
}

body.history-reportes-cleanup .weeks {
  contain: layout style;
}

@media (max-width: 760px) {
  body.history-reportes-cleanup .history-smart-modes {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@media (max-width: 520px) {
  body.history-reportes-cleanup .history-smart-context {
    padding: 11px;
    border-radius: 18px;
  }

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

  body.history-reportes-cleanup .history-smart-filter-btn {
    padding: 0 7px;
  }

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

  body.history-reportes-cleanup .history-smart-mode {
    min-height: 40px;
  }

  body.history-reportes-cleanup .smart-week .week-count {
    max-width: 125px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }

  body.history-reportes-cleanup .smart-ot-copy small {
    max-width: 190px;
  }
}