/* Port fivedesk-select.css — escopo Relatórios (gerado) */

/* ============================================================
   FiveDesk — Custom Select (lista suspensa estilizada)
   Substitui a lista nativa do <select> por um painel moderno.
   Progressive enhancement: o <select> original é mantido
   (escondido) para estado/acessibilidade; aqui só a UI.
   ============================================================ */
#page-relatorios .relatorios-fd .fdsel{ position:relative; }
#page-relatorios .relatorios-fd .fdsel-native{ position:absolute; width:0.0625rem; height:0.0625rem; padding:0; margin:-0.0625rem; overflow:hidden; clip:rect(0 0 0 0); white-space:nowrap; border:0; }

/* gatilho — herda o visual dos filtros (.fselect) */
#page-relatorios .relatorios-fd .fdsel-trigger{ display:flex; align-items:center; gap:0.625rem; width:100%; height:2.875rem; padding:0 0.75rem 0 0.875rem;
  border:0.0625rem solid var(--line); border-radius:0.75rem; background:var(--surface); font-family:inherit; font-size:0.84375rem;
  font-weight:600; color:var(--rel-ink-2); cursor:pointer; outline:none; transition:.16s cubic-bezier(.22,1,.36,1); text-align:left; }
html[data-theme="dark"] #page-relatorios .relatorios-fd .fdsel-trigger{ color:var(--ink); }
html[data-theme="cinza"] #page-relatorios .relatorios-fd .fdsel-trigger{ color:var(--ink); }
#page-relatorios .relatorios-fd .fdsel-trigger .fdsel-val{ flex:1; min-width:0; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
#page-relatorios .relatorios-fd .fdsel-trigger.is-placeholder .fdsel-val{ color:var(--muted); font-weight:600; }
#page-relatorios .relatorios-fd .fdsel-trigger .fdsel-chev{ width:1rem; height:1rem; color:var(--rel-icon-muted); flex:none; transition:transform .2s cubic-bezier(.22,1,.36,1); }
#page-relatorios .relatorios-fd .fdsel-trigger:hover{ border-color:#cfdbef; }
html[data-theme="dark"] #page-relatorios .relatorios-fd .fdsel-trigger:hover{ border-color:rgba(127,182,255,.4); }
html[data-theme="cinza"] #page-relatorios .relatorios-fd .fdsel-trigger:hover{ border-color:rgba(11,99,214,.44); }
html[data-theme="cinza"] #page-relatorios .relatorios-fd .fdsel-trigger:hover{ border-color:var(--rel-ink-3); }
html[data-theme="cinza"] #page-relatorios .relatorios-fd .fdsel-trigger:hover{ border-color:var(--rel-ink-3); }
#page-relatorios .relatorios-fd .fdsel-trigger:focus-visible{ border-color:var(--blue); box-shadow:0 0 0 0.25rem rgba(var(--rel-accent-rgb),.13); }
#page-relatorios .relatorios-fd .fdsel.open .fdsel-trigger{ border-color:var(--blue); box-shadow:0 0 0 0.25rem rgba(var(--rel-accent-rgb),.13); }
html[data-theme="cinza"] #page-relatorios .relatorios-fd .fdsel.open .fdsel-trigger{ border-color:var(--rel-ink-3); }
#page-relatorios .relatorios-fd .fdsel.open .fdsel-chev{ transform:rotate(180deg); color:var(--blue); }
/* valor selecionado (não-placeholder) ganha um ponto-âncora azul discreto */
#page-relatorios .relatorios-fd .fdsel-trigger .fdsel-dot{ width:0.4375rem; height:0.4375rem; border-radius:50%; background:var(--blue); flex:none; opacity:0; transition:.16s; }
#page-relatorios .relatorios-fd .fdsel-trigger:not(.is-placeholder) .fdsel-dot{ opacity:1; }

/* painel suspenso */
#page-relatorios .relatorios-fd .fdsel-pop{ position:absolute; z-index:120; left:0; top:calc(100% + 0.4375rem); min-width:100%;
  background:var(--surface); border:0.0625rem solid var(--line); border-radius:0.25rem; box-shadow:var(--shadow-3, 0 1.375rem 3.25rem -1.375rem rgba(13,27,52,.34));
  padding:0; display:none; overflow:hidden; }
#page-relatorios .relatorios-fd .fdsel-pop.up{ top:auto; bottom:calc(100% + 0.4375rem); }
#page-relatorios .relatorios-fd .fdsel.open .fdsel-pop{ display:block; animation:fdsel-pop .18s cubic-bezier(.22,1,.36,1) both; }
#page-relatorios .relatorios-fd .fdsel-pop.up.anim-up{ transform-origin:bottom center; }
@keyframes fdsel-pop{ from{ opacity:0; transform:translateY(-0.375rem) scale(.985); } to{ opacity:1; transform:none; } }
#page-relatorios .relatorios-fd .fdsel-pop.up{ transform-origin:bottom; }

/* busca (listas longas) */
#page-relatorios .relatorios-fd .fdsel-search{ display:flex; align-items:center; gap:0.5rem; padding:0.625rem 0.75rem; border-bottom:0.0625rem solid var(--line); background:linear-gradient(180deg,var(--field),transparent); }
#page-relatorios .relatorios-fd .fdsel-search svg{ width:0.9375rem; height:0.9375rem; color:var(--rel-ink-muted); flex:none; }
#page-relatorios .relatorios-fd .fdsel-search input{ flex:1; min-width:0; border:0; background:none; outline:none; font-family:inherit; font-size:0.8125rem; font-weight:600; color:var(--ink); }
#page-relatorios .relatorios-fd .fdsel-search input::placeholder{ color:var(--rel-ink-muted); font-weight:500; }

/* lista — altura múltiplo de linha; scroll por linha completa (Dia/Nublado/Noite). */
#page-relatorios .relatorios-fd .fdsel-list{
  --fdsel-row-h:2.25rem;
  --fdsel-pad:0;
  --fdsel-rows:7;
  box-sizing:border-box;
  max-height:calc(var(--fdsel-rows) * var(--fdsel-row-h));
  overflow-y:auto; padding:var(--fdsel-pad);
  scrollbar-width:thin; scrollbar-color:var(--rel-scroll-thumb, rgba(10,120,240,.28)) transparent;
  scroll-snap-type:y mandatory; overscroll-behavior:contain;
}
#page-relatorios .relatorios-fd .fdsel-list::-webkit-scrollbar{ width:0.25rem; }
#page-relatorios .relatorios-fd .fdsel-list::-webkit-scrollbar-track{ background:transparent; }
#page-relatorios .relatorios-fd .fdsel-list::-webkit-scrollbar-thumb{ background:var(--rel-scroll-thumb, rgba(10,120,240,.28)); border-radius:62.4375rem; }
#page-relatorios .relatorios-fd .fdsel-list::-webkit-scrollbar-thumb:hover{ background:var(--rel-scroll-thumb-hover, rgba(10,120,240,.42)); }
#page-relatorios .relatorios-fd .fdsel-opt{ display:flex; align-items:center; gap:0.625rem;
  height:var(--fdsel-row-h); min-height:var(--fdsel-row-h); box-sizing:border-box;
  padding:0 0.6875rem; border-radius:0; cursor:pointer; flex-shrink:0;
  scroll-snap-align:start; scroll-snap-stop:always;
  font-size:0.84375rem; font-weight:600; color:var(--rel-ink-3); transition:background .12s, color .12s; line-height:1.3;
}
html[data-theme="dark"] #page-relatorios .relatorios-fd .fdsel-opt{ color:#c4d0e4; }
html[data-theme="cinza"] #page-relatorios .relatorios-fd .fdsel-opt{ color:#14181d; }
#page-relatorios .relatorios-fd .fdsel-opt .fdsel-check{ width:1rem; height:1rem; flex:none; color:var(--blue); opacity:0; transition:opacity .12s; }
#page-relatorios .relatorios-fd .fdsel-opt .fdsel-otx{ flex:1; min-width:0; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
#page-relatorios .relatorios-fd .fdsel-opt.placeholder{ color:var(--rel-ink-muted); }
#page-relatorios .relatorios-fd .fdsel-opt:hover, .fdsel-opt.active{ background:var(--field); color:var(--ink); }
#page-relatorios .relatorios-fd .fdsel-opt.selected{ background:color-mix(in srgb, var(--blue) 9%, var(--surface)); color:var(--blue); font-weight:800; }
#page-relatorios .relatorios-fd .fdsel-opt.selected .fdsel-check{ opacity:1; }
#page-relatorios .relatorios-fd .fdsel-opt.active{ box-shadow:inset 0 0 0 0.09375rem rgba(var(--rel-accent-rgb),.28); }
#page-relatorios .relatorios-fd .fdsel-empty{ padding:1rem 0.75rem; text-align:center; font-size:0.78125rem; font-weight:600; color:var(--rel-ink-muted); }

@media (prefers-reduced-motion: reduce){ .fdsel-pop, .fdsel-chev{ animation:none!important; transition:none!important; } }

/* adaptações contextuais de tamanho (herdam dos filtros existentes) */
#page-relatorios .relatorios-fd .order .fdsel-trigger{ height:2.5rem; font-size:0.8125rem; }
#page-relatorios .relatorios-fd .filterbar.fb-line .fdsel-trigger{ height:2.875rem; font-size:0.8125rem; padding:0 0.6875rem 0 0.75rem; }
#page-relatorios .relatorios-fd .fselect.block .fdsel, .fdsel{ width:100%; }
#page-relatorios .relatorios-fd .per .fdsel-trigger{ height:2.375rem; }