/* ONE HIT MUSIC V338 — exact compact artist CTA + active Search/Clear layout */

/* Register Artist: compact, dark premium control matching the approved preview */
html body #artists .artist-registration-inline-v184 .artist-reg-button.artist-reg-button-v285{
  display:grid!important;
  grid-template-columns:40px minmax(0,1fr) 36px!important;
  align-items:center!important;
  gap:10px!important;
  width:min(100%,250px)!important;
  min-width:220px!important;
  max-width:250px!important;
  height:50px!important;
  min-height:50px!important;
  max-height:50px!important;
  margin:12px auto 2px!important;
  padding:5px 7px!important;
  color:#fff!important;
  background:linear-gradient(180deg,#172d46 0%,#10243a 100%)!important;
  border:1px solid rgba(151,181,216,.30)!important;
  border-radius:14px!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.065),0 8px 18px rgba(0,0,0,.20)!important;
  text-decoration:none!important;
  overflow:hidden!important;
}
html body #artists .artist-registration-inline-v184 .artist-reg-button.artist-reg-button-v285:hover{
  border-color:rgba(221,167,255,.48)!important;
  background:linear-gradient(180deg,#1b3551 0%,#122a43 100%)!important;
  transform:translateY(-1px)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 10px 22px rgba(0,0,0,.24)!important;
}
html body #artists .artist-registration-inline-v184 .artist-reg-button.artist-reg-button-v285:active{
  transform:translateY(1px) scale(.988)!important;
}
html body #artists .artist-registration-inline-v184 .artist-reg-button.artist-reg-button-v285 .artist-reg-v285-icon{
  display:grid!important;
  place-items:center!important;
  width:40px!important;
  min-width:40px!important;
  max-width:40px!important;
  height:40px!important;
  min-height:40px!important;
  max-height:40px!important;
  margin:0!important;
  color:#fff!important;
  background:linear-gradient(145deg,#ff4eb2 0%,#8b61ff 100%)!important;
  border:1px solid rgba(255,255,255,.18)!important;
  border-radius:12px!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.22),0 5px 12px rgba(164,71,255,.22)!important;
}
html body #artists .artist-registration-inline-v184 .artist-reg-button.artist-reg-button-v285 .artist-reg-v285-icon svg{
  width:21px!important;
  height:21px!important;
  fill:none!important;
  stroke:currentColor!important;
  stroke-width:1.9!important;
  stroke-linecap:round!important;
  stroke-linejoin:round!important;
}
html body #artists .artist-registration-inline-v184 .artist-reg-button.artist-reg-button-v285 .artist-reg-v285-text{
  min-width:0!important;
  color:#fff!important;
  font-size:15px!important;
  font-weight:800!important;
  line-height:1!important;
  text-align:left!important;
  white-space:nowrap!important;
}
html body #artists .artist-registration-inline-v184 .artist-reg-button.artist-reg-button-v285 .artist-reg-v285-arrow{
  display:grid!important;
  place-items:center!important;
  width:36px!important;
  min-width:36px!important;
  max-width:36px!important;
  height:36px!important;
  min-height:36px!important;
  max-height:36px!important;
  margin:0!important;
  color:#d460ff!important;
  background:linear-gradient(180deg,#3a3159 0%,#292b4d 100%)!important;
  border:1px solid rgba(202,111,255,.16)!important;
  border-radius:11px!important;
  font-size:23px!important;
  font-style:normal!important;
  font-weight:500!important;
  line-height:1!important;
}

/* Search area */
html body .page[data-view="artists"] #artists .artist-search-toolbar,
html body #artists .artist-search-toolbar{
  display:grid!important;
  grid-template-columns:minmax(0,1fr)!important;
  gap:12px!important;
  width:100%!important;
  padding:18px 12px 8px!important;
}
html body .page[data-view="artists"] #artists .artist-search-box,
html body #artists .artist-search-box{
  display:flex!important;
  align-items:center!important;
  gap:10px!important;
  width:100%!important;
  height:52px!important;
  min-height:52px!important;
  margin:0!important;
  padding:0 15px!important;
  border:1px solid transparent!important;
  border-radius:14px!important;
  background:linear-gradient(#0b253b,#0b253b) padding-box,linear-gradient(100deg,#ff5aa6 0%,#a466ff 100%) border-box!important;
  box-shadow:0 0 0 1px rgba(255,86,173,.08),0 8px 20px rgba(109,57,178,.16),inset 0 1px 0 rgba(255,255,255,.04)!important;
  transition:box-shadow .16s ease,filter .16s ease!important;
}
html body #artists .artist-search-box:focus-within{
  filter:brightness(1.04)!important;
  box-shadow:0 0 0 3px rgba(255,82,176,.14),0 10px 24px rgba(113,65,190,.22),inset 0 1px 0 rgba(255,255,255,.055)!important;
}
html body #artists .artist-search-box .artist-search-icon-v337{
  display:grid!important;
  place-items:center!important;
  flex:0 0 22px!important;
  width:22px!important;
  height:22px!important;
  color:#ee5bc7!important;
}
html body #artists .artist-search-box .artist-search-icon-v337 svg{
  width:22px!important;
  height:22px!important;
  fill:none!important;
  stroke:currentColor!important;
  stroke-width:2!important;
  stroke-linecap:round!important;
}
html body .page[data-view="artists"] #artistSearchInput,
html body #artists #artistSearchInput{
  width:100%!important;
  min-width:0!important;
  height:50px!important;
  min-height:50px!important;
  margin:0!important;
  padding:0!important;
  color:#f7f9ff!important;
  background:transparent!important;
  border:0!important;
  outline:0!important;
  box-shadow:none!important;
  font-size:14px!important;
  font-weight:500!important;
}
html body #artists #artistSearchInput::placeholder{
  color:#a9b7ca!important;
  opacity:1!important;
}
html body .page[data-view="artists"] #artistRoleFilter,
html body #artists #artistRoleFilter{
  display:block!important;
  width:100%!important;
  height:50px!important;
  min-height:50px!important;
  margin:0!important;
  padding:0 42px 0 14px!important;
  color:#fff!important;
  background-color:#0b253b!important;
  border:1px solid rgba(79,167,220,.38)!important;
  border-radius:14px!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.035)!important;
  font-size:14px!important;
  font-weight:800!important;
  cursor:pointer!important;
  outline:none!important;
}
html body #artists #artistRoleFilter:focus{
  border-color:#bc61fa!important;
  box-shadow:0 0 0 3px rgba(188,97,250,.12),inset 0 1px 0 rgba(255,255,255,.045)!important;
}

/* Two separate actions: large active Search + smaller dark Clear */
html body #artists .artist-search-actions-v338{
  display:grid!important;
  grid-template-columns:minmax(0,1.18fr) minmax(0,.82fr)!important;
  gap:10px!important;
  width:100%!important;
}
html body #artists .artist-search-actions-v338 button{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:9px!important;
  width:100%!important;
  height:50px!important;
  min-height:50px!important;
  margin:0!important;
  padding:0 14px!important;
  color:#fff!important;
  border-radius:14px!important;
  font-size:14px!important;
  font-weight:800!important;
  line-height:1!important;
  cursor:pointer!important;
  -webkit-tap-highlight-color:transparent!important;
  transition:transform .12s ease,filter .12s ease,box-shadow .12s ease!important;
}
html body #artists .artist-search-actions-v338 button svg{
  width:19px!important;
  height:19px!important;
  fill:none!important;
  stroke:currentColor!important;
  stroke-width:2!important;
  stroke-linecap:round!important;
  stroke-linejoin:round!important;
}
html body #artists #artistSearchSubmit{
  background:linear-gradient(135deg,#ff557f 0%,#f04ab9 100%)!important;
  border:1px solid rgba(255,163,207,.42)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.22),0 8px 18px rgba(226,54,148,.21)!important;
}
html body .page[data-view="artists"] #artistSearchClear,
html body #artists #artistSearchClear{
  background:linear-gradient(180deg,#263d59 0%,#192f49 100%)!important;
  border:1px solid rgba(122,157,199,.30)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.055),0 8px 17px rgba(0,0,0,.17)!important;
}
html body #artists .artist-search-actions-v338 button:hover{
  filter:brightness(1.08)!important;
  transform:translateY(-1px)!important;
}
html body #artists .artist-search-actions-v338 button:active,
html body #artists .artist-search-actions-v338 button.ohm-pressed-v338{
  filter:brightness(.97)!important;
  transform:translateY(1px) scale(.985)!important;
}
html body #artists .artist-search-actions-v338 button:focus-visible{
  outline:2px solid rgba(255,255,255,.92)!important;
  outline-offset:2px!important;
}

@media(max-width:600px){
  html body #artists .artist-registration-inline-v184 .artist-reg-button.artist-reg-button-v285{
    grid-template-columns:38px minmax(0,1fr) 34px!important;
    gap:8px!important;
    width:min(100%,244px)!important;
    min-width:210px!important;
    max-width:244px!important;
    height:48px!important;
    min-height:48px!important;
    max-height:48px!important;
    padding:5px 6px!important;
    border-radius:13px!important;
  }
  html body #artists .artist-registration-inline-v184 .artist-reg-button.artist-reg-button-v285 .artist-reg-v285-icon{
    width:38px!important;min-width:38px!important;max-width:38px!important;height:38px!important;min-height:38px!important;max-height:38px!important;border-radius:11px!important;
  }
  html body #artists .artist-registration-inline-v184 .artist-reg-button.artist-reg-button-v285 .artist-reg-v285-icon svg{width:20px!important;height:20px!important;}
  html body #artists .artist-registration-inline-v184 .artist-reg-button.artist-reg-button-v285 .artist-reg-v285-text{font-size:14px!important;}
  html body #artists .artist-registration-inline-v184 .artist-reg-button.artist-reg-button-v285 .artist-reg-v285-arrow{
    width:34px!important;min-width:34px!important;max-width:34px!important;height:34px!important;min-height:34px!important;max-height:34px!important;border-radius:10px!important;font-size:21px!important;
  }
  html body .page[data-view="artists"] #artists .artist-search-toolbar,
  html body #artists .artist-search-toolbar{gap:10px!important;padding:16px 12px 8px!important;}
  html body .page[data-view="artists"] #artists .artist-search-box,
  html body #artists .artist-search-box{height:48px!important;min-height:48px!important;padding:0 13px!important;border-radius:12px!important;}
  html body .page[data-view="artists"] #artistSearchInput,
  html body #artists #artistSearchInput{height:46px!important;min-height:46px!important;font-size:13px!important;}
  html body .page[data-view="artists"] #artistRoleFilter,
  html body #artists #artistRoleFilter{height:48px!important;min-height:48px!important;border-radius:12px!important;font-size:13px!important;}
  html body #artists .artist-search-actions-v338{grid-template-columns:minmax(0,1.12fr) minmax(0,.88fr)!important;gap:8px!important;}
  html body #artists .artist-search-actions-v338 button{height:46px!important;min-height:46px!important;padding:0 10px!important;border-radius:12px!important;font-size:13px!important;}
  html body #artists .artist-search-actions-v338 button svg{width:18px!important;height:18px!important;}
}