/* ── Inputs: corrige text clipping causado pelo CSS bundled do Dash 2.x ──────── */
input.login-input,
input.admin-input {
  height: auto !important;
  min-height: 50px !important;
  line-height: 1.5 !important;
  padding-top: 14px !important;
  padding-bottom: 14px !important;
}

/* =============================================================================
   Overrides legacy — TODAS as regras abaixo são escopadas para
   `body:not(.v2-active)` para que não interfiram no tema v2.
   Em páginas v2 (body tem class v2-active), o style_v2.css cuida de tudo.
   ============================================================================= */

/* Brutal catch-all: qualquer elemento dentro de #filter-expert (o id do Dropdown) */
body:not(.v2-active) #filter-expert,
body:not(.v2-active) #filter-expert *,
body:not(.v2-active) #filter-expert + div,
body:not(.v2-active) #filter-expert + div * {
  color: #F1F5F9 !important;
  background-color: #162033 !important;
}

body:not(.v2-active) div[id="filter-expert"] button,
body:not(.v2-active) div[id="filter-expert"] [role="combobox"],
body:not(.v2-active) div[id="filter-expert"] [role="listbox"] {
  background-color: #162033 !important;
  border-color: #253550 !important;
  color: #F1F5F9 !important;
}

/* ── Dropdown wrapper ───────────────────────────────────────────────────────── */
body:not(.v2-active) .dash-dropdown-wrapper,
body:not(.v2-active) .dash-dropdown-wrapper * {
  color: #F1F5F9 !important;
  font-size: 15px !important;
}

/* Trigger button (the visible "control" area) */
body:not(.v2-active) button.dash-dropdown {
  background-color: #162033 !important;
  border: 1px solid #253550 !important;
  border-radius: 6px !important;
  color: #F1F5F9 !important;
  min-height: 40px !important;
  box-shadow: none !important;
  outline: none !important;
}
body:not(.v2-active) button.dash-dropdown:hover {
  border-color: #0EA5E9 !important;
}
body:not(.v2-active) button.dash-dropdown:focus {
  border-color: #0EA5E9 !important;
  box-shadow: 0 0 0 2px rgba(14,165,233,0.2) !important;
}

/* Selected value and placeholder text */
body:not(.v2-active) .dash-dropdown-value,
body:not(.v2-active) .dash-dropdown-placeholder {
  color: #F1F5F9 !important;
  font-size: 15px !important;
}

/* Grid container inside trigger */
body:not(.v2-active) .dash-dropdown-grid-container {
  color: #F1F5F9 !important;
}

/* Dropdown menu (the popup list) */
body:not(.v2-active) .dash-dropdown-menu,
body:not(.v2-active) .dash-dropdown-options,
body:not(.v2-active) [class*="dash-dropdown-menu"],
body:not(.v2-active) [class*="VirtualizedSelectList"] {
  background-color: #162033 !important;
  border: 1px solid #253550 !important;
  border-radius: 6px !important;
  box-shadow: 0 8px 32px rgba(0,0,0,0.5) !important;
  z-index: 9999 !important;
  color: #F1F5F9 !important;
}

/* Individual options */
body:not(.v2-active) .dash-dropdown-option,
body:not(.v2-active) [class*="dash-dropdown-option"] {
  background-color: #162033 !important;
  color: #F1F5F9 !important;
  font-size: 15px !important;
  padding: 10px 14px !important;
}
body:not(.v2-active) .dash-dropdown-option:hover,
body:not(.v2-active) .dash-dropdown-option.focused,
body:not(.v2-active) .dash-dropdown-option.active {
  background-color: #1C2840 !important;
  color: #0EA5E9 !important;
}
body:not(.v2-active) .dash-dropdown-option.selected {
  background-color: rgba(14,165,233,0.2) !important;
  color: #0EA5E9 !important;
  font-weight: 600 !important;
}

/* Catch-all: any element inside .filter-dropdown */
body:not(.v2-active) .filter-dropdown,
body:not(.v2-active) .filter-dropdown * {
  color: #F1F5F9 !important;
}
body:not(.v2-active) .filter-dropdown button,
body:not(.v2-active) .filter-dropdown [role="listbox"],
body:not(.v2-active) .filter-dropdown [role="option"] {
  background-color: #162033 !important;
  border-color: #253550 !important;
  color: #F1F5F9 !important;
}

/* ── Date picker dark — Dash 2.x (dash-datepicker classes) ─────────────────── */

body:not(.v2-active) .dash-datepicker-input-wrapper,
body:not(.v2-active) button.dash-datepicker-input-wrapper {
  background-color: #162033 !important;
  background:       #162033 !important;
  border:           1px solid #253550 !important;
  border-radius:    6px !important;
  color:            #F1F5F9 !important;
  box-shadow:       none !important;
  min-height:       40px !important;
  height:           40px !important;
  padding:          0 12px !important;
  display:          flex !important;
  align-items:      center !important;
}
body:not(.v2-active) .dash-datepicker-input-wrapper:hover {
  border-color: #0EA5E9 !important;
}

body:not(.v2-active) .dash-datepicker-input-wrapper *,
body:not(.v2-active) .dash-datepicker * {
  color: #F1F5F9 !important;
}

body:not(.v2-active) .dash-datepicker-range-arrow svg,
body:not(.v2-active) .dash-datepicker-caret-icon svg {
  fill:   #94A3B8 !important;
  stroke: #94A3B8 !important;
}
body:not(.v2-active) .dash-datepicker-range-arrow path,
body:not(.v2-active) .dash-datepicker-caret-icon path {
  fill:   #94A3B8 !important;
  stroke: #94A3B8 !important;
}

body:not(.v2-active) .dash-datepicker-content,
body:not(.v2-active) [class*="dash-datepicker-content"] {
  background-color: #0E1729 !important;
  border:           1px solid #253550 !important;
  border-radius:    8px !important;
  box-shadow:       0 8px 32px rgba(0,0,0,0.5) !important;
  color:            #F1F5F9 !important;
}
body:not(.v2-active) .dash-datepicker-content * {
  color: #F1F5F9 !important;
}

body:not(.v2-active) .dash-datepicker-content [class*="day"]:not([class*="selected"]):not([class*="range"]) {
  background-color: #0E1729 !important;
  color:            #94A3B8 !important;
}
body:not(.v2-active) .dash-datepicker-content [class*="day"]:hover {
  background-color: #162033 !important;
  color:            #0EA5E9 !important;
}
body:not(.v2-active) .dash-datepicker-content [class*="selected"] {
  background-color: #0EA5E9 !important;
  color:            #fff !important;
}
body:not(.v2-active) .dash-datepicker-content [class*="range"] {
  background-color: rgba(14,165,233,0.15) !important;
  color:            #F1F5F9 !important;
}

body:not(.v2-active) .dash-datepicker,
body:not(.v2-active) div[class="dash-datepicker"] {
  background-color: transparent !important;
  background:       transparent !important;
  color:            #F1F5F9 !important;
  --Dash-Stroke-Strong: #253550 !important;
  --Dash-Background-Primary: #162033 !important;
}