/* src/styles/v27-ambience-stop-style-fix.css — extracted from index.html (id=v27-ambience-stop-style-fix). */

#ambienceSelect{
  width:100%!important;
  min-height:46px!important;
  appearance:none!important;
  -webkit-appearance:none!important;
  color:var(--text, #f8f7ff)!important;
  background:
    linear-gradient(135deg, rgba(8,12,26,.96), rgba(14,19,40,.92))!important;
  border:1px solid rgba(139,120,255,.34)!important;
  border-radius:16px!important;
  padding:0 46px 0 18px!important;
  font:inherit!important;
  font-weight:700!important;
  letter-spacing:.01em!important;
  box-shadow:
    inset 0 0 0 1px rgba(255,255,255,.03),
    0 0 18px rgba(110,78,255,.10)!important;
  outline:none!important;
  cursor:pointer!important;
}

.ambience-row:first-of-type{
  position:relative!important;
}

.ambience-row:first-of-type::after{
  content:"⌄"!important;
  position:absolute!important;
  right:16px!important;
  top:50%!important;
  transform:translateY(-52%)!important;
  color:var(--cyan, #7deeff)!important;
  font-size:20px!important;
  pointer-events:none!important;
}

#ambienceSelect:focus{
  border-color:rgba(125,238,255,.74)!important;
  box-shadow:
    0 0 0 3px rgba(125,238,255,.10),
    0 0 26px rgba(125,238,255,.14)!important;
}

#ambienceSelect option{
  background:#07101f!important;
  color:#f8f7ff!important;
}

#ambienceVolume{
  accent-color:var(--magenta, #d84cff)!important;
}

.ambience-card{
  overflow:visible!important;
}