/* TJP Tracker v0.6.17
   Seletores fiéis ao tema escuro e à cor personalizada.
   O select nativo continua existindo para formulários e regras; a camada visual é controlada pelo Tracker.
*/

:root{--accent-contrast:#05080b;--select-bg-v617:#05080b;--select-bg-2-v617:#080c10;--select-border-v617:#26313a}

/* Fallback para navegadores que ainda exibirem o menu nativo. */
select{color-scheme:dark!important;background-color:var(--select-bg-2-v617)!important}
select option,select optgroup{background:var(--select-bg-v617)!important;color:#eef2f5!important}
select option:checked{background:var(--accent)!important;color:var(--accent-contrast)!important}

/* Select nativo preservado, mas visualmente oculto. */
.tjp-native-select-v617{
  position:absolute!important;inset:auto!important;width:1px!important;height:1px!important;
  opacity:0!important;pointer-events:none!important;padding:0!important;margin:0!important;
  border:0!important;clip:rect(0 0 0 0)!important;clip-path:inset(50%)!important;overflow:hidden!important;
}
.tjp-select-v617{position:relative;display:block;width:100%;min-width:0}
.tjp-select-v617.tjp-select-toolbar-v617{display:inline-block;width:auto;min-width:150px}
.toolbar-actions>.tjp-select-v617{flex:0 0 auto}
.compact-select-v613>.tjp-select-v617{min-width:112px}
.calendar-head-actions-v613 .compact-select-v613>.tjp-select-v617{min-width:118px}

.tjp-select-button-v617{
  width:100%;min-width:0;height:34px;padding:0 31px 0 10px;
  display:flex;align-items:center;justify-content:space-between;gap:10px;
  border:1px solid var(--select-border-v617);background:var(--select-bg-2-v617);color:#dce2e7;
  font:inherit;font-size:8.5px;line-height:1;text-align:left;cursor:pointer;outline:0;
  transition:border-color .15s ease,color .15s ease,background-color .15s ease,box-shadow .15s ease;
  position:relative;white-space:nowrap;
}
.tjp-select-button-v617:hover:not(:disabled),
.tjp-select-button-v617:focus-visible,
.tjp-select-v617.is-open-v617 .tjp-select-button-v617{
  color:var(--accent);border-color:rgba(var(--accent-rgb),.78);
  background:#080d0f;box-shadow:0 0 0 2px rgba(var(--accent-rgb),.09),0 0 20px rgba(var(--accent-rgb),.035);
}
.tjp-select-button-v617:disabled{opacity:.46;cursor:not-allowed}
.tjp-select-label-v617{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}
.tjp-select-chevron-v617{
  position:absolute;right:10px;top:50%;width:7px;height:7px;margin-top:-5px;
  border-right:1px solid currentColor;border-bottom:1px solid currentColor;transform:rotate(45deg);
  transition:transform .15s ease,margin-top .15s ease;color:#71808c;pointer-events:none;
}
.tjp-select-button-v617:hover .tjp-select-chevron-v617,
.tjp-select-v617.is-open-v617 .tjp-select-chevron-v617{color:var(--accent)}
.tjp-select-v617.is-open-v617 .tjp-select-chevron-v617{transform:rotate(225deg);margin-top:-1px}

/* Alturas específicas já existentes no design. */
.compact-select-v613 .tjp-select-button-v617{height:27px;min-height:27px;font-size:7.5px;padding-left:8px;padding-right:25px}
.finance-filterbar-v65 .tjp-select-button-v617,.payout-filterbar-v66 .tjp-select-button-v617{height:31px;min-height:31px;font-size:8px}
.share-controls .tjp-select-button-v617{min-height:38px;font-size:9px}
.toolbar-actions .tjp-select-button-v617{min-height:34px}

/* Menu customizado: sempre preto, sem o azul/branco do sistema operacional. */
.tjp-select-menu-v617{
  position:fixed;z-index:200000;display:grid;gap:2px;max-height:min(310px,calc(100vh - 24px));
  overflow:auto;padding:5px;border:1px solid rgba(var(--accent-rgb),.34);
  background:#040709;color:#eef2f5;box-shadow:0 18px 50px rgba(0,0,0,.72),0 0 0 1px rgba(0,0,0,.65);
  scrollbar-width:thin;scrollbar-color:rgba(var(--accent-rgb),.46) #070a0d;
}
.tjp-select-menu-v617::-webkit-scrollbar{width:8px}.tjp-select-menu-v617::-webkit-scrollbar-track{background:#070a0d}.tjp-select-menu-v617::-webkit-scrollbar-thumb{background:rgba(var(--accent-rgb),.4);border:2px solid #070a0d}
.tjp-select-group-v617{padding:8px 8px 4px;color:#68747e;font-size:6.5px;font-weight:850;letter-spacing:.08em;text-transform:uppercase}
.tjp-select-option-v617{
  width:100%;min-height:31px;padding:7px 9px;border:0;background:#06090c;color:#dce2e7;
  display:flex;align-items:center;text-align:left;font:inherit;font-size:8px;line-height:1.25;cursor:pointer;outline:0;
  transition:background-color .11s ease,color .11s ease,box-shadow .11s ease;
}
.tjp-select-option-v617:hover:not(:disabled),.tjp-select-option-v617:focus-visible{
  background:var(--accent);color:var(--accent-contrast);box-shadow:inset 0 0 0 1px rgba(255,255,255,.16);
}
.tjp-select-option-v617[aria-selected="true"]{color:var(--accent);background:rgba(var(--accent-rgb),.11);box-shadow:inset 2px 0 0 var(--accent)}
.tjp-select-option-v617[aria-selected="true"]:hover,.tjp-select-option-v617[aria-selected="true"]:focus-visible{background:var(--accent);color:var(--accent-contrast)}
.tjp-select-option-v617:disabled{color:#3d464e;background:#05080a;cursor:not-allowed}
.tjp-select-empty-v617{padding:12px 9px;color:#66717b;font-size:7.5px;text-align:center}

@media(max-width:1180px){.compact-select-v613>.tjp-select-v617{min-width:100px}}
@media(max-width:720px){.tjp-select-v617.tjp-select-toolbar-v617{width:100%;min-width:0}.toolbar-actions>.tjp-select-v617{flex:1 1 100%}}