/* CDS VEI v27.3.19 — selects glass escuros, sem popup branco do sistema */
#oficinas-modal select{
  color-scheme:dark;
}

/* O select nativo continua no DOM para preservar toda a lógica atual. */
#oficinas-modal select.cds-native-select-hidden{
  position:absolute!important;
  width:1px!important;
  height:1px!important;
  padding:0!important;
  margin:0!important;
  opacity:0!important;
  pointer-events:none!important;
  clip-path:inset(50%)!important;
  overflow:hidden!important;
}

/* Componente visual glass */
#oficinas-modal .cds-glass-select{
  position:relative;
  width:100%;
  z-index:15;
}

#oficinas-modal .cds-glass-select-button{
  width:100%;
  min-height:56px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  padding:0 18px;
  border-radius:20px;
  border:1px solid rgba(122,185,219,.22);
  background:
    radial-gradient(circle at 15% 12%,rgba(124,222,255,.045),transparent 30%),
    linear-gradient(180deg,rgba(255,255,255,.032),rgba(255,255,255,.010)),
    linear-gradient(135deg,rgba(6,18,32,.80),rgba(3,11,22,.92));
  color:#edf9ff;
  font:inherit;
  font-weight:750;
  text-align:left;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.05),
    0 12px 26px rgba(0,0,0,.18);
  backdrop-filter:blur(18px) saturate(1.18);
  -webkit-backdrop-filter:blur(18px) saturate(1.18);
  transition:border-color .15s ease,box-shadow .15s ease,background .15s ease,transform .15s ease;
}

#oficinas-modal .cds-glass-select-button:hover{
  border-color:rgba(127,228,255,.34);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.07),
    0 14px 30px rgba(0,0,0,.22),
    0 0 18px rgba(103,215,255,.07);
}

#oficinas-modal .cds-glass-select-button:focus-visible{
  outline:none;
  border-color:rgba(132,240,255,.46);
  box-shadow:
    0 0 0 3px rgba(118,231,255,.07),
    0 0 24px rgba(118,231,255,.10),
    inset 0 1px 0 rgba(255,255,255,.07);
}

#oficinas-modal .cds-glass-select-value{
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  color:#f2fbff;
  text-shadow:0 0 1px rgba(255,255,255,.16);
}

#oficinas-modal .cds-glass-select-chevron{
  flex:0 0 auto;
  width:10px;
  height:10px;
  border-right:2px solid rgba(220,244,255,.88);
  border-bottom:2px solid rgba(220,244,255,.88);
  transform:rotate(45deg) translateY(-2px);
  transition:transform .15s ease;
}

#oficinas-modal .cds-glass-select.is-open .cds-glass-select-chevron{
  transform:rotate(225deg) translate(-1px,-1px);
}

#oficinas-modal .cds-glass-select-list{
  position:absolute;
  left:0;
  right:0;
  top:calc(100% + 8px);
  z-index:5000;
  max-height:290px;
  overflow:auto;
  padding:8px;
  border-radius:20px;
  border:1px solid rgba(129,210,243,.24);
  background:
    linear-gradient(180deg,rgba(14,27,42,.96),rgba(4,12,23,.985));
  box-shadow:
    0 22px 56px rgba(0,0,0,.50),
    0 0 28px rgba(71,191,255,.07),
    inset 0 1px 0 rgba(255,255,255,.06);
  backdrop-filter:blur(22px) saturate(1.22);
  -webkit-backdrop-filter:blur(22px) saturate(1.22);
}

#oficinas-modal .cds-glass-select-list[hidden]{
  display:none!important;
}

#oficinas-modal .cds-glass-select-option{
  width:100%;
  min-height:46px;
  display:flex;
  align-items:center;
  padding:0 14px;
  margin:2px 0;
  border:1px solid transparent;
  border-radius:14px;
  background:transparent;
  color:#c8d9e7;
  font:inherit;
  font-weight:650;
  text-align:left;
  cursor:pointer;
  transition:background .12s ease,color .12s ease,border-color .12s ease,box-shadow .12s ease,transform .12s ease;
}

#oficinas-modal .cds-glass-select-option:hover,
#oficinas-modal .cds-glass-select-option.is-focused{
  color:#f6fdff;
  border-color:rgba(113,220,255,.19);
  background:
    linear-gradient(180deg,rgba(89,202,255,.085),rgba(46,127,181,.055));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.035);
}

#oficinas-modal .cds-glass-select-option[aria-selected="true"]{
  color:#ffffff;
  border-color:rgba(83,166,255,.40);
  background:
    radial-gradient(circle at 10% 50%,rgba(78,158,255,.18),transparent 30%),
    linear-gradient(180deg,rgba(43,108,207,.32),rgba(26,74,153,.25));
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.05),
    0 0 18px rgba(65,145,255,.08);
}

#oficinas-modal .cds-glass-select-option:active{
  transform:scale(.992);
}

/* fallback do select nativo, caso JS esteja bloqueado */
#oficinas-modal select option{
  background:#08131f!important;
  color:#dcecf8!important;
}
#oficinas-modal select option:checked{
  background:#174a87!important;
  color:#ffffff!important;
}

@media(max-width:768px){
  #oficinas-modal .cds-glass-select-list{
    max-height:240px;
  }
}