/* Magic 1Xtra DJ Pool V4: cosmetic controls + remove obsolete decorative footer.
   Track downloading, player, API, and real navigation are unchanged. */
body:has(#page .dp-screen) .dp-track { min-height: 88px; }
body:has(#page .dp-screen) .dp-actions {
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  justify-content: flex-end !important;
  gap: 9px !important;
  flex: 0 0 auto;
}
body:has(#page .dp-screen) .dp-actions > button {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex: 0 0 42px !important;
  width: 42px !important;
  height: 42px !important;
  min-width: 42px !important;
  min-height: 42px !important;
  line-height: 1 !important;
  padding: 0 !important;
  border-radius: 50% !important;
  cursor: pointer !important;
  touch-action: manipulation;
}
body:has(#page .dp-screen) .dp-download {
  background: #102b35 !important;
  border: 1.5px solid #13cfcc !important;
  color: #44ece6 !important;
  font-size: 28px !important;
  font-weight: 800 !important;
  box-shadow: 0 0 0 2px rgba(19,207,204,.07);
}
body:has(#page .dp-screen) .dp-download:hover,
body:has(#page .dp-screen) .dp-download:focus-visible {
  background: #17424c !important;
  border-color: #62fff3 !important;
  color: white !important;
  outline: 2px solid #62fff3 !important;
  outline-offset: 2px;
}
body:has(#page .dp-screen) .dp-play { font-size: 19px !important; }
@media (max-width: 767px) {
  /* The old SOLID BOTTOM APP EDGE ::after was a decorative overlay,
     never a real navigation bar. Do not let it block DJ Pool. */
  body:has(#page .dp-screen)::after {
    content: none !important;
    display: none !important;
  }
  body:has(#page .dp-screen) #page { min-width: 0; }
  body:has(#page .dp-screen) .dp-screen { padding-bottom: 16px !important; }
  body:has(#page .dp-screen) .dp-track { gap: 8px !important; }
  body:has(#page .dp-screen) .dp-actions { gap: 5px !important; }
  body:has(#page .dp-screen) .dp-actions > button {
    flex-basis: 38px !important;
    width: 38px !important;
    height: 38px !important;
    min-width: 38px !important;
    min-height: 38px !important;
  }
  body:has(#page .dp-screen) .dp-download { font-size: 25px !important; }
  body:has(#page .dp-screen) .dp-track-main > strong { white-space: normal; display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden; }
}
@media (max-width: 360px) {
  body:has(#page .dp-screen) .dp-actions { flex-direction: column !important; gap: 3px !important; }
}