
/* Premium create-event modal v9 */
#createEventModalRoot[aria-hidden="false"],
#createEventModalRoot[style*="display: block"]{display:block;}
#createEventModalRoot{
  background:rgba(10,12,13,.66)!important;
  backdrop-filter:blur(18px)!important;
  -webkit-backdrop-filter:blur(18px)!important;
}
#createEventModalRoot .ce-shell{padding:14px!important;}
#createEventModalRoot .ce-modal{
  width:min(1260px,100%)!important;
  max-height:min(94dvh,980px)!important;
  border-radius:30px!important;
  padding:18px!important;
  border:1px solid rgba(17,19,21,.08)!important;
  box-shadow:0 38px 110px rgba(0,0,0,.25)!important;
}
#createEventModalRoot .topbar{
  position:sticky;top:0;z-index:10;
  padding:2px 2px 14px;margin-bottom:0!important;
  background:rgba(255,255,255,.96);backdrop-filter:blur(16px);
}
#createEventModalRoot .stepper{gap:9px!important;}
#createEventModalRoot .step{font-size:11px!important;}
#createEventModalRoot .step span{margin-top:7px!important;overflow:hidden;text-overflow:ellipsis;}
#createEventModalRoot .step-track{height:4px!important;background:#e9ecec!important;}
#createEventModalRoot .step.active .step-track{background:#111315!important;}
#createEventModalRoot .step.active{color:#111315!important;}
#createEventModalRoot .top-close-btn{
  width:42px!important;height:42px!important;border-radius:14px!important;
  background:#f1f2f1!important;color:#25282a!important;font-size:24px!important;
}
#createEventModalRoot .event-form{padding:12px 2px 4px!important;}
#createEventModalRoot .card{
  border-radius:22px!important;
  border:1px solid rgba(17,19,21,.08)!important;
  box-shadow:0 8px 26px rgba(17,19,21,.035)!important;
}
#createEventModalRoot input,
#createEventModalRoot textarea,
#createEventModalRoot select{
  min-height:46px;border-radius:14px!important;border-color:#dfe3e2!important;
}
#createEventModalRoot textarea{min-height:120px;}
#createEventModalRoot input:focus,
#createEventModalRoot textarea:focus,
#createEventModalRoot select:focus{
  border-color:#056b5f!important;box-shadow:0 0 0 4px rgba(5,107,95,.08)!important;
}
#createEventModalRoot .btn{
  min-height:46px!important;border-radius:14px!important;background:#111315!important;
  box-shadow:0 12px 26px rgba(17,19,21,.12)!important;
}
#createEventModalRoot .btn-secondary{
  background:#f1f2f1!important;color:#25282a!important;box-shadow:none!important;
}
#createEventModalRoot .upload-zone{
  min-height:320px!important;border:1.5px dashed #aeb8b5!important;
  background:#f7faf9!important;
}
#createEventModalRoot .upload-icon{
  background:#e6f2ef!important;color:#056b5f!important;
}
#createEventModalRoot .upload-btn{
  background:#111315!important;box-shadow:none!important;border-radius:14px!important;
}
#createEventModalRoot .gallery-grid{grid-template-columns:repeat(5,minmax(0,1fr))!important;}
#createEventModalRoot .gallery-item img{height:88px!important;}
#createEventModalRoot .artist-circle{border-color:#cfd8d5!important;}
#createEventModalRoot .artist-add{background:#111315!important;box-shadow:none!important;}
#createEventModalRoot .segmented{border-color:#dfe3e2!important;}
#createEventModalRoot .seg.active{background:#111315!important;}
#createEventModalRoot .step-nav{
  position:sticky;bottom:0;z-index:12;margin-top:10px!important;padding:12px 0 2px;
  background:linear-gradient(180deg,rgba(255,255,255,0),#fff 28%);
}
#createEventModalRoot .field-error{font-weight:650;}
#createEventModalRoot .ce-toast{
  position:fixed!important;left:50%!important;bottom:22px!important;
  transform:translateX(-50%)!important;z-index:100001!important;
  background:#111315!important;color:#fff!important;padding:11px 15px!important;
  border-radius:14px!important;box-shadow:0 18px 40px rgba(0,0,0,.2)!important;
}
@media(max-width:760px){
  #createEventModalRoot .ce-shell{padding:0!important;place-items:end!important;}
  #createEventModalRoot .ce-modal{
    width:100%!important;max-height:100dvh!important;height:100dvh!important;
    border-radius:28px 28px 0 0!important;padding:14px 12px!important;
  }
  #createEventModalRoot .topbar{padding-bottom:11px;}
  #createEventModalRoot .gallery-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;}
  #createEventModalRoot .basic-layout{grid-template-columns:1fr!important;}
  #createEventModalRoot .grid-2,#createEventModalRoot .grid{grid-template-columns:1fr!important;}
  #createEventModalRoot .lineup-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:14px!important;}
  #createEventModalRoot .panel-title{font-size:25px!important;}
}
