/* CANTAIMY v7.6.93 — Edit modal body/footer separation
   Action buttons are never part of the scrollable content. */

#editTrackModal .track-modal-card{
  display:flex !important;
  flex-direction:column !important;
  overflow:hidden !important;
}

#editTrackModal .track-modal-head{
  flex:0 0 auto !important;
}

#editTrackModal #editTrackForm.edit-modal{
  display:flex !important;
  flex-direction:column !important;
  flex:1 1 auto !important;
  min-height:0 !important;
  overflow:hidden !important;
}

#editTrackModal .edit-modal-body{
  flex:1 1 auto !important;
  min-height:0 !important;
  overflow-y:auto !important;
  overflow-x:hidden !important;
  padding-right:5px !important;
  overscroll-behavior:contain;
  scrollbar-width:thin;
}

#editTrackModal .edit-modal-footer{
  flex:0 0 auto !important;
  position:relative !important;
  z-index:5;
  margin-top:8px !important;
  padding:12px 0 2px !important;
  background:linear-gradient(
    180deg,
    rgba(15,8,40,0) 0,
    rgba(15,8,40,.97) 18px,
    rgba(15,8,40,1) 100%
  );
  border-top:1px solid rgba(255,255,255,.12);
}

#editTrackModal .edit-modal-footer .track-modal-actions{
  display:flex !important;
  justify-content:flex-end !important;
  align-items:center !important;
  gap:10px !important;
  margin:0 !important;
}

#editTrackModal .edit-modal-footer .modal-status{
  min-height:18px !important;
  margin:0 0 7px !important;
  line-height:18px !important;
  white-space:normal !important;
  overflow:visible !important;
}

/* Lyrics has its own bounded scroll area when needed. */
#editTrackModal .lyrics-textarea{
  min-height:180px !important;
  height:220px !important;
  max-height:320px !important;
  overflow-y:auto !important;
  resize:vertical !important;
}

/* Keep description bounded independently of the lyrics field. */
#editTrackModal textarea[name="description"]{
  flex:0 0 auto !important;
}

/* Compact desktop heights still keep footer permanently available. */
@media (min-width:761px) and (max-height:760px){
  #editTrackModal .lyrics-textarea{
    min-height:130px !important;
    height:160px !important;
    max-height:220px !important;
  }

  #editTrackModal .edit-modal-footer{
    padding-top:9px !important;
    margin-top:6px !important;
  }
}

/* Mobile: body scrolls, footer stays fixed inside the modal sheet. */
@media (max-width:760px){
  #editTrackModal #editTrackForm.edit-modal{
    overflow:hidden !important;
  }

  #editTrackModal .edit-modal-body{
    overflow-y:auto !important;
    padding-right:2px !important;
    padding-bottom:8px !important;
  }

  #editTrackModal .edit-modal-footer{
    position:sticky !important;
    bottom:0 !important;
    margin-top:0 !important;
    padding:
      11px
      0
      calc(4px + env(safe-area-inset-bottom))
      !important;
    background:#0f0828 !important;
    box-shadow:0 -10px 24px rgba(4,2,18,.42);
  }

  #editTrackModal .edit-modal-footer .track-modal-actions{
    justify-content:stretch !important;
    width:100% !important;
  }

  #editTrackModal .edit-modal-footer .track-modal-actions > button{
    flex:1 1 0 !important;
    min-width:0 !important;
  }

  #editTrackModal .lyrics-textarea{
    min-height:170px !important;
    height:210px !important;
    max-height:300px !important;
  }
}

/* Narrow phones: preserve tap targets and keep both actions visible. */
@media (max-width:420px){
  #editTrackModal .edit-modal-footer .track-modal-actions{
    gap:8px !important;
  }

  #editTrackModal .edit-modal-footer .track-modal-actions > button{
    min-height:44px !important;
    padding-left:8px !important;
    padding-right:8px !important;
    font-size:12px !important;
  }
}