/* Sierra Shph quiet interaction and text treatment — v1.9.8 */

/* Text stays clean: no glow, stroke, drop shadow, boxed line treatment, or filter. */
html body :where(h1,h2,h3,h4,h5,h6,p,label,legend,caption,figcaption,blockquote,cite,address,.eyebrow,.form-text,.text-muted):not(.badge):not(.btn):not(.gradient-text):not([data-shph-clipped-text="true"]){
  background-color:transparent!important;
  background-image:none!important;
  box-shadow:none!important;
  text-shadow:none!important;
  -webkit-text-stroke:0!important;
  filter:none!important;
}
html body :where(h1,h2,h3,h4,h5,h6,p,label,legend,caption,figcaption,blockquote,cite,address,.eyebrow,.form-text,.text-muted)[data-shph-auto-scrim="true"]{
  background-color:transparent!important;
  background-blend-mode:normal!important;
}
html body :where(.channel-cta,.page-hero,.hero-copy,.conversion-panel) :where(h1,h2,h3,h4,h5,h6,p,span,strong,small){
  background:transparent!important;
  box-shadow:none!important;
  text-shadow:none!important;
  filter:none!important;
  -webkit-box-decoration-break:slice!important;
  box-decoration-break:slice!important;
}
html body [data-shph-has-image="true"] :where(h1,h2,h3,h4,h5,h6,p,label,legend,caption,figcaption){text-shadow:none!important}
html body :where(.gradient-text,[data-shph-clipped-text="true"]){text-shadow:none!important;filter:none!important}
html body :where(button,.btn,[role="button"],.icon-button,.nav-link,.dropdown-item,.filter-chip,.badge){text-shadow:none!important;filter:none!important}
html body *::before,html body *::after{text-shadow:none!important}

/* Text-entry controls are thin and stable. Hover never changes their geometry or surface. */
html body :where(input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="color"]):not([type="button"]):not([type="submit"]):not([type="reset"]),select,.form-control,.form-select){
  min-height:38px!important;
  border-width:1px!important;
  border-radius:9px!important;
  box-shadow:none!important;
  filter:none!important;
  transform:none!important;
  transition:border-color .14s ease,background-color .14s ease,color .14s ease!important;
}
html body textarea,
html body textarea.form-control{min-height:76px!important;line-height:1.5!important;resize:vertical}
html body :where(input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="color"]):not([type="button"]):not([type="submit"]):not([type="reset"]),textarea,select,.form-control,.form-select):hover{
  box-shadow:none!important;
  filter:none!important;
  transform:none!important;
}
html body :where(input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="color"]):not([type="button"]):not([type="submit"]):not([type="reset"]),textarea,select,.form-control,.form-select):focus{
  box-shadow:none!important;
  filter:none!important;
  transform:none!important;
  outline:0!important;
}
html body :where(input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="color"]):not([type="button"]):not([type="submit"]):not([type="reset"]),textarea,select,.form-control,.form-select):focus-visible{
  border-color:currentColor!important;
  outline:2px solid currentColor!important;
  outline-offset:1px!important;
}
html body :where(input,textarea,.form-control)::placeholder{opacity:.58!important;text-shadow:none!important;filter:none!important}

/* Search controls no longer sit inside a second outlined card. */
html body .search-panel.premium-search{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  align-items:center!important;
  gap:6px!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  overflow:visible!important;
}
html body .search-panel.premium-search .form-control{
  height:36px!important;
  min-height:36px!important;
  padding:.4rem .68rem!important;
  border-radius:9px!important;
  box-shadow:none!important;
}
html body .search-panel.premium-search .btn{
  height:36px!important;
  min-height:36px!important;
  min-width:92px!important;
  padding:.38rem .72rem!important;
  border-radius:9px!important;
  box-shadow:none!important;
}
html body .shph-top-search{height:38px!important;min-height:38px!important;border-radius:9px!important;box-shadow:none!important}
html body .shph-top-search:focus-within{box-shadow:none!important;outline:0!important}
html body .shph-top-search input{height:36px!important;min-height:36px!important;box-shadow:none!important}

/* Interaction states use flat color changes only. */
html body :where(button,.btn,[role="button"],.icon-button,.nav-link,.dropdown-item,.filter-chip):hover{
  box-shadow:none!important;
  text-shadow:none!important;
  filter:none!important;
  transform:none!important;
}
html body :where(button,.btn,[role="button"],.icon-button,.nav-link,.dropdown-item,.filter-chip):focus{box-shadow:none!important;text-shadow:none!important;filter:none!important}
html body :where(button,.btn,[role="button"],.icon-button,.nav-link,.dropdown-item,.filter-chip):focus-visible{
  box-shadow:none!important;
  outline:2px solid currentColor!important;
  outline-offset:2px!important;
}

/* Fixed dark CTA is explicit, so the contrast engine never adds a text scrim. */
.channel-cta h2{display:block!important;color:#fff!important;-webkit-text-fill-color:currentColor!important}
.channel-cta p{display:block!important;color:rgba(255,255,255,.78)!important;-webkit-text-fill-color:currentColor!important}

@media(max-width:575.98px){
  html body .search-panel.premium-search{grid-template-columns:1fr!important}
  html body .search-panel.premium-search .btn{width:100%!important}
}

/* Search/file wrappers may change border color, but never render a halo. */
html body :where(.karaoke-library-search,.karaoke-api-search,.karaoke-offset-control,.karaoke-file-field,.shph-dropzone,.shph-file-dropzone,.stem-dropzone,.bpm-dropzone,.thumb-file-tool):focus-within{
  box-shadow:none!important;
  filter:none!important;
  transform:none!important;
}