/* MeshMelo v156: the sidebar has one centered + button, without red
 * YouTube shortcuts (history and saved playlists, desktop and mobile).
 */
#mmQueueDrawer .mm155-queue-actions{
  --mm155-control-size:28px;
  display:flex;align-items:center;justify-content:flex-end;
  width:28px;min-width:28px;max-width:28px;
  padding:0;margin:0;gap:0;
  justify-self:end;align-self:center;box-sizing:border-box;
}
body.mm-shell-v19 #mmQueueDrawer.mm-show-history .mm-queue-item{
  grid-template-columns:minmax(0,1fr) 28px 24px!important;
  gap:5px!important;
}
body.mm-shell-v19 #mmQueueDrawer:not(.mm-show-history) .mm-queue-item{
  grid-template-columns:18px minmax(0,1fr) 28px 24px!important;
  gap:5px!important;
}
body.mm-shell-v19 #mmQueueDrawer .mm155-queue-actions > .mm155-queue-add{
  -webkit-appearance:none!important;appearance:none!important;
  display:grid!important;place-items:center!important;
  box-sizing:border-box!important;
  width:var(--mm155-control-size)!important;height:var(--mm155-control-size)!important;
  min-width:var(--mm155-control-size)!important;min-height:var(--mm155-control-size)!important;
  max-width:var(--mm155-control-size)!important;max-height:var(--mm155-control-size)!important;
  flex:0 0 var(--mm155-control-size)!important;
  padding:0!important;margin:0!important;overflow:hidden!important;
  border-radius:8px!important;box-shadow:none!important;
  line-height:1!important;font-size:initial!important;transform:none!important;
  cursor:pointer!important;transition:border-color .15s ease,background-color .15s ease;
  color:var(--mm-site-text,#32343c)!important;
  border:1px solid var(--mm-site-line,#d5d7dd)!important;
  background:var(--mm-site-bg,var(--mm-page-bg,#f3f3f5))!important;
}
body.mm-shell-v19 #mmQueueDrawer .mm155-queue-actions > .mm155-queue-add:hover:not(:disabled){
  border-color:var(--mm-site-muted,#8b8d96)!important;
}
body.mm-shell-v19 #mmQueueDrawer .mm155-queue-actions > .mm155-queue-add:focus-visible{
  outline:2px solid var(--mm-site-accent,#6150df)!important;outline-offset:2px!important;
}
body.mm-shell-v19 #mmQueueDrawer .mm155-queue-actions > .mm155-queue-add:disabled{
  opacity:.42!important;cursor:not-allowed!important;
}
#mmQueueDrawer .mm155-queue-actions .mm155-queue-plus{
  display:block!important;flex:none!important;width:17px!important;height:17px!important;
  overflow:visible!important;pointer-events:none!important;
}
/* Cached HTML/JS from earlier patches: old icons are hidden, never the +. */
#mmQueueDrawer .mm155-queue-youtube,
#mmQueueDrawer .mm151-queue-meta a.mm151-queue-youtube,
#mmQueueDrawer .mm61-artist-row > a.mm61-youtube,
#mmQueueDrawer .mm-queue-item a.mm61-youtube{
  display:none!important;
}
@media(max-width:767px){
  #mmQueueDrawer .mm155-queue-actions{
    --mm155-control-size:30px;width:30px;min-width:30px;max-width:30px;
  }
  body.mm-shell-v19 #mmQueueDrawer.mm-show-history .mm-queue-item{
    grid-template-columns:minmax(0,1fr) 30px 28px!important;
  }
  body.mm-shell-v19 #mmQueueDrawer:not(.mm-show-history) .mm-queue-item{
    grid-template-columns:18px minmax(0,1fr) 30px 28px!important;
  }
  #mmQueueDrawer .mm155-queue-actions .mm155-queue-plus{
    width:18px!important;height:18px!important;
  }
}
@media(prefers-reduced-motion:reduce){
  body.mm-shell-v19 #mmQueueDrawer .mm155-queue-actions > .mm155-queue-add{
    transition:none!important;
  }
}