#right-panel .queue-row{display:grid;grid-template-columns:22px minmax(0,1fr) 28px;align-items:center;gap:6px;padding:7px 0;border-radius:8px}
#right-panel .queue-row:hover,#right-panel .queue-row:focus-within{background:color-mix(in srgb,currentColor 5%,transparent)}
#right-panel .queue-track{display:flex;align-items:center;gap:10px;min-width:0;padding:0;text-align:left}
#right-panel .queue-track img{width:40px;height:40px;object-fit:cover;border-radius:5px;flex:none}
#right-panel .queue-track>span{min-width:0}
#right-panel .queue-track strong,#right-panel .queue-track small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:500;line-height:1.45}
#right-panel .queue-track small{font-size:11px;font-weight:400;opacity:.65;margin-top:2px}
#right-panel .queue-handle,#right-panel .queue-remove{display:grid;place-items:center;width:100%;height:36px;padding:4px;border-radius:5px;opacity:.55}
#right-panel .queue-handle{cursor:grab;touch-action:none;user-select:none}
#right-panel .queue-handle svg{width:14px;height:18px}
#right-panel .queue-remove svg{width:15px;height:15px}
#right-panel .queue-remove:hover,#right-panel .queue-handle:hover{opacity:1}
#right-panel .queue-drag-source{background:color-mix(in srgb,currentColor 10%,transparent);outline:1px solid color-mix(in srgb,currentColor 20%,transparent)}
#right-panel.queue-dragging,#right-panel.queue-dragging .queue-handle{cursor:grabbing}
#right-panel .queue-row.is-current .queue-track strong{color:var(--accent)}

/* The entire row is the drag surface. Keep the remove action discreet. */
#right-panel .queue-row{grid-template-columns:minmax(0,1fr) 28px;padding:7px 5px;cursor:grab;touch-action:none;user-select:none;-webkit-user-select:none}
#right-panel .queue-track{cursor:inherit}
#right-panel .queue-track img{-webkit-user-drag:none}
#right-panel .queue-remove{opacity:0;pointer-events:none;transition:opacity 180ms ease}
#right-panel .queue-row:hover .queue-remove,#right-panel .queue-row:focus-within .queue-remove{opacity:.65;pointer-events:auto}
#right-panel .queue-row .queue-remove:hover,#right-panel .queue-row .queue-remove:focus-visible{opacity:1}
#right-panel.queue-dragging .queue-row,#right-panel.queue-dragging .queue-track{cursor:grabbing}
#right-panel.queue-dragging .queue-remove{opacity:0;pointer-events:none}
@media(prefers-reduced-motion:reduce){#right-panel .queue-remove{transition:none}}
