/* ===== TABELA — CSS VARIABLES ===== */
:root {
  --table-thead-bg: #102274;
  --table-thead-text: #ffffff;
  --table-even-row-bg-light: #eceded;
  --table-even-row-text-light: #0c1048;
  --table-odd-row-text-light: #0c1048;
  --table-even-row-bg-dark: #292929;
  --table-even-row-text-dark: #cdcdcd;
  --table-odd-row-text-dark: #ffffff;
  --table-border-radius: 0px;
}
/* =================================== */

/* Scrollbar styling for v-data-table, following current theme */
.v-table.v-theme--light .v-table__wrapper::-webkit-scrollbar {
  width: 8px;
  height: 8px;
  background: rgba(0, 0, 0, 0.08);
}
.v-table.v-theme--light .v-table__wrapper::-webkit-scrollbar-thumb {
  background: rgba(0, 0, 0, 0.25);
  border-radius: 4px;
}
.v-table.v-theme--light .v-table__wrapper {
  scrollbar-color: rgba(0, 0, 0, 0.25) rgba(0, 0, 0, 0.08);
  scrollbar-width: thin;
}

.v-table.v-theme--dark .v-table__wrapper::-webkit-scrollbar {
  width: 8px;
  height: 8px;
  background: rgba(255, 255, 255, 0.08);
}
.v-table.v-theme--dark .v-table__wrapper::-webkit-scrollbar-thumb {
  background: rgba(255, 255, 255, 0.28);
  border-radius: 4px;
}
.v-table.v-theme--dark .v-table__wrapper {
  scrollbar-color: rgba(255, 255, 255, 0.28) rgba(255, 255, 255, 0.08);
  scrollbar-width: thin;
}

.v-table.v-theme--light
  > .v-table__wrapper
  > table
  > tbody
  tr:nth-of-type(even) {
  background-color: var(--table-even-row-bg-light);
  color: var(--table-even-row-text-light) !important;
}

.v-table.v-theme--dark
  > .v-table__wrapper
  > table
  > tbody
  tr:nth-of-type(even) {
  background-color: var(--table-even-row-bg-dark);
  color: var(--table-even-row-text-dark) !important;
}

.v-table.v-theme--light
  > .v-table__wrapper
  > table
  > tbody
  tr:nth-of-type(odd) {
  color: var(--table-odd-row-text-light) !important;
}

.v-table.v-theme--dark > .v-table__wrapper > table > tbody tr:nth-of-type(odd) {
  color: var(--table-odd-row-text-dark) !important;
}

/* Force text color for table cells and headers according to theme */
.v-table.v-theme--light > .v-table__wrapper > table,
.v-table.v-theme--light > .v-table__wrapper > table th,
.v-table.v-theme--light > .v-table__wrapper > table td {
  color: var(--table-odd-row-text-light) !important;
}

.v-table.v-theme--dark > .v-table__wrapper > table,
.v-table.v-theme--dark > .v-table__wrapper > table th,
.v-table.v-theme--dark > .v-table__wrapper > table td {
  color: var(--table-odd-row-text-dark) !important;
}

.v-table > .v-table__wrapper > .v-data-footer {
  background-color: rgb(250, 250, 250);
}

.v-data-table tbody tr td:not(:first-child) {
  text-align: center !important;
}

.v-data-table thead tr th:not(:first-child) .v-data-table-header__content {
  display: flex;
  justify-content: center;
}

.v-data-table thead tr .v-data-table-header__content {
  display: flex;
  justify-content: center;
}

.v-table__wrapper table thead {
  background-color: var(--table-thead-bg) !important;
  color: var(--table-thead-text) !important;
  height: 34px !important;
  border-radius: var(--table-border-radius) !important;
}

.v-table__wrapper table thead th {
  color: var(--table-thead-text) !important;
}

/* .v-table--density-default>.v-table__wrapper>table>tbody>tr>td {

    height: 26px !important;
    font-size: 11px !important;
} */

.v-table.v-theme--light .v-data-table-footer {
  color: var(--table-odd-row-text-light) !important;
}

.v-table.v-theme--dark .v-data-table-footer {
  color: var(--table-odd-row-text-dark) !important;
}

.v-table.v-theme--dark .v-pagination__first {
  color: var(--table-odd-row-text-dark) !important;
}

.v-table.v-theme--light .v-pagination__first {
  color: var(--table-odd-row-text-light) !important;
}

.v-table.v-theme--light .v-pagination__last {
  color: var(--table-odd-row-text-light) !important;
}

.v-table.v-theme--dark .v-pagination__last {
  color: var(--table-odd-row-text-dark) !important;
}

/* .v-input.v-input--horizontal.v-input--center-affix.v-input--density-default.select_custom>.v-input__control {
    height: 41.59px !important;
    width: 191px !important;
} */

.v-theme--dark input::placeholder {
  color: var(--table-odd-row-text-dark) !important;
}

.v-theme--light input::placeholder {
  color: var(--table-thead-bg) !important;
}

.v-data-table-header__content > span {
  font-size: 11px !important;
  text-transform: uppercase !important;
  font-weight: bold !important;
  color: var(--table-thead-text) !important;
}

/* Ensure header text and icons inherit the configured theme color */
.v-data-table .v-data-table-header,
.v-data-table .v-data-table-header__content,
.v-data-table .v-data-table-header__content span,
.v-data-table .v-data-table-header__content .v-icon,
.v-data-table .v-data-table-header__content svg {
  color: var(--table-thead-text) !important;
  fill: var(--table-thead-text) !important;
  stroke: var(--table-thead-text) !important;
}

.v-table thead > tr {
  border-top: thin solid rgba(var(--v-border-color), var(--v-border-opacity));
}

.v-table thead tr > th {
  border-left: thin solid rgba(var(--v-border-color), var(--v-border-opacity));
  border-right: thin solid rgba(var(--v-border-color), var(--v-border-opacity));
}

.v-table tbody tr > td {
  border-left: thin solid rgba(var(--v-border-color), var(--v-border-opacity));
  border-right: thin solid rgba(var(--v-border-color), var(--v-border-opacity));
}

.v-table tbody > tr {
  border-bottom: thin solid rgba(var(--v-border-color), var(--v-border-opacity));
}

@media (min-width: 1500px) {
  .adjust_xxl_screen {
    display: grid;
    gap: 0px 6px;
  }
  .adjust_xxl_screen_events {
    display: grid;
    gap: 5rem;
    grid-template-columns: repeat(8, 1fr);
    grid-template-rows: 1fr;
    align-content: end;
    padding: 5rem;
  }
  .adjust_xxl_screen_comparison_segments {
    display: grid;
    gap: 6.5rem;
  }
}

@media (max-width: 576px) {
  .buttons_area {
    margin-top: 0.2rem;
  }

  .daterange_custom {
    margin-bottom: 2rem;
  }
}

@media (max-width: 600px) {
  .responsive_mobile {
    display: flex;
    justify-content: end;
  }

  .responsive_space_bottom_seletors {
    margin-bottom: 1rem;
  }
}

@media (max-width: 770px) {
  .buttons_area {
    margin-top: 0.2rem;
    margin-right: 1rem;
  }

  .daterange_custom {
    margin-bottom: 2rem;
  }
}

@media (max-width: 920px) {
  .responsive_button {
    display: flex;
    align-items: start;
    margin-top: 8px;
  }
}

@media (min-width: 1024px) {
  .buttons_area {
    margin-top: 0.2rem;
  }

  .responsive_mobile {
    display: flex;
    justify-content: start;
    align-items: center;
  }

  .buttons_adjust {
    margin-left: 1rem;
  }

  .seletor_indicadores {
    display: flex;
    justify-content: end;
  }

  .responsive_button {
    display: flex;
    justify-content: end;
  }

  .responsive_large {
    display: flex;
    margin-left: 3.5rem;
    margin-bottom: 0.2rem;
  }

  .responsive_button {
    display: flex;
    align-items: start;
  }
}

@media (min-width: 1200px) {
  .seletor_indicadores {
    display: flex;
    align-items: center;
  }

  .responsive_button {
    display: flex;
    justify-content: start;
    align-items: start;
  }

  .adjust_plus_button {
    margin-top: 1.8rem;
  }
}

@media (min-width: 1600px) {
  .responsive_button {
    display: flex;
    align-items: start;
    margin-top: 8px;
  }
}