/* musik.css */
.music-wrap { 
    max-width: 720px; 
    margin: 0 auto; 
}
.search-bar { 
    display:flex; 
    gap:8px; 
    margin-bottom:16px; 
}
.search-bar input { 
    flex:1; 
    padding:10px 14px; 
    border-radius:8px; 
    border:1px solid var(--border); 
    background:var(--bg-secondary); 
    color:var(--text-primary); 
}
.tab-bar { 
    display:flex; 
    gap:8px; 
    margin-bottom:16px; 
    flex-wrap:wrap; 
}
.tab-btn { 
    padding:6px 16px; 
    border-radius:20px; 
    border:1px solid var(--border); 
    background:var(--bg-secondary); 
    color:var(--text-primary); 
    cursor:pointer; 
    font-weight:600; 
    font-size:0.85rem; 
}
.tab-btn.aktif { 
    background:#3b82f6; 
    border-color:#3b82f6; 
    color:#fff; 
}
.song-card { 
    display:flex; 
    align-items:center; 
    gap:10px; 
    background:var(--bg-secondary); 
    border:1px solid var(--border); 
    border-radius:10px; 
    padding:10px 14px; 
    margin-bottom:8px; 
}
.song-info { 
    flex:1; 
    min-width:0; 
}
.song-title { 
    font-weight:700; 
    font-size:0.95rem; 
    white-space:nowrap; 
    overflow:hidden; 
    text-overflow:ellipsis; 
}
.song-artist { 
    font-size:0.8rem; 
    color:var(--text-muted); 
}
.song-actions { 
    display:flex; 
    gap:6px; 
    flex-shrink:0; 
}
.icon-btn { 
    background:none; 
    border:1px solid var(--border); 
    border-radius:8px; 
    padding:6px 8px; 
    cursor:pointer; 
    color:var(--text-primary); 
    font-size:0.9rem; 
}
.player-bar { 
    position:fixed; 
    bottom:0; 
    left:0; 
    right:0; 
    background:#1e293b; 
    border-top:1px solid #334155; 
    padding:10px 16px; 
    display:none; 
    align-items:center; 
    gap:12px; 
    z-index:9000; 
}
.player-bar .info { 
    flex:1; 
    min-width:0; 
}
.player-bar audio { 
    flex:2; 
    min-width:150px; 
}
.modal-overlay { 
    position:fixed; 
    inset:0; 
    background:rgba(0,0,0,0.75); 
    display:flex; 
    align-items:center; 
    justify-content:center; 
    z-index:99999; 
}
.modal-box { 
    background:var(--bg-secondary); 
    border-radius:14px; 
    padding:24px; 
    max-width:420px; 
    width:calc(100% - 40px); 
    max-height:80vh; 
    overflow-y:auto; 
    border:1px solid var(--border); 
}