/* Mobile / PWA specific styles — touch-friendly, compact DJ icons */
:root{
  --dj-accent:#1db954;
}

/* Small icon-only topbar DJ buttons on narrow screens */
@media (max-width: 900px){
  .dj-quick-topbar{ display:flex; gap:8px; align-items:center; overflow-x:auto; padding:6px 0; }
  .dj-quick-topbar .dj-top-action{ flex:0 0 auto; width:44px; height:44px; padding:0; border-radius:10px; display:grid; place-items:center; background:transparent; color:#fff; border:1px solid rgba(255,255,255,0.04); }
  .dj-quick-topbar .dj-top-action span{ display:none; }
  .dj-quick-topbar .dj-top-action b{ font-size:20px; line-height:1; }
  .dj-quick-topbar .dj-top-action.dj-top-mic{ width:56px; height:56px; border-radius:14px; background:linear-gradient(180deg,#2b2b2b,#151515); box-shadow:0 6px 18px rgba(0,0,0,0.45); }
  .dj-quick-topbar .dj-top-action:active{ transform:translateY(1px); }

  /* Make mini player persistent and thumb-friendly */
  .mini-player{ position:fixed; left:12px; right:12px; bottom:12px; z-index:2000; border-radius:14px; padding:10px; display:flex; gap:10px; align-items:center; background:linear-gradient(180deg,#0f0f0f,#0b0b0b); box-shadow:0 12px 40px rgba(0,0,0,0.6); }
  .mini-player .mini-track{ display:flex; gap:10px; align-items:center; }
  .mini-player .mini-cover{ width:56px; height:56px; border-radius:8px; font-size:22px; display:grid; place-items:center; }
  .mini-player .mini-play-button{ width:56px; height:56px; border-radius:12px; font-size:20px; }
  .mini-player .mini-controls .mini-icon-button{ width:44px; height:44px; }
  .mini-player .mini-timeline{ display:none; }

  /* Larger tap targets in player modal controls */
  .player-main-controls .player-play-button{ width:78px; height:78px; border-radius:18px; font-size:28px; }
  .player-main-controls .player-skip-button, .player-main-controls .player-utility-button{ width:56px; height:56px; border-radius:14px; }

  /* Quick slot modal: larger rows and images */
  .dj-quick-song-row{ display:flex; gap:10px; align-items:center; padding:10px; border-bottom:1px solid rgba(255,255,255,0.03); }
  .dj-quick-song-row span{ width:36px; height:36px; display:grid; place-items:center; border-radius:6px; background:#101214; }
  .dj-quick-song-row button{ min-width:44px; height:44px; border-radius:10px; }

  /* One-handed layout hints: right-side controls reachable */
  .app-shell{ padding-bottom:90px; }
}

/* Small icons specifically: ensure they appear small not clipped in corners */
.dj-top-action{ overflow:visible; }

/* Cover thumbnails tiny in lists to save space */
.dj-track-cover{ width:40px; height:40px; }
.dj-track-cover .dj-track-cover-image{ width:100%; height:100%; object-fit:cover; }

/* Hide redundant text labels on compact mode */
@media (max-width:600px){
  .topbar-brand h1{ font-size:1rem; }
  .topbar-brand small{ display:none; }
}