/* MeshMelo v157: SRT is shown only when a song has stored (SRT or TXT) lyrics.
   Match the site's existing + button: neutral outline, centered label, same size.
   No YouTube badges or links are created by this stylesheet.
 */
.mm152-track-actions{
  --mm157-action-gap:8px;
  width:calc(var(--mm152-action-size,38px) * 2 + var(--mm157-action-gap));
  min-width:calc(var(--mm152-action-size,38px) * 2 + var(--mm157-action-gap));
  max-width:calc(var(--mm152-action-size,38px) * 2 + var(--mm157-action-gap));
  gap:var(--mm157-action-gap);
}
#container .mm152-track-actions > a.mm157-srt,
#container .mm152-track-actions > .mm152-add-button{
  box-sizing:border-box;
  width:var(--mm152-action-size,38px);
  height:var(--mm152-action-size,38px);
  min-width:var(--mm152-action-size,38px);
  min-height:var(--mm152-action-size,38px);
  max-width:var(--mm152-action-size,38px);
  max-height:var(--mm152-action-size,38px);
  flex:0 0 var(--mm152-action-size,38px);
}
#container .mm152-track-actions > a.mm157-srt,
#mmQueueDrawer .mm155-queue-actions > a.mm157-srt,
.mm28-shell .mm28-song-actions > a.mm157-srt{
  display:grid;
  place-items:center;
  text-align:center;
  line-height:1;
  box-sizing:border-box;
  margin:0;
  padding:0;
  border:1px solid var(--mm-site-line,#d5d7dd);
  border-radius:10px;
  background:var(--mm-site-bg,var(--mm-page-bg,#f3f3f5));
  color:var(--mm-site-text,#32343c);
  font-family:inherit;
  font-weight:800;
  font-size:11px;
  letter-spacing:-.035em;
  white-space:nowrap;
  text-decoration:none;
  box-shadow:none;
  cursor:pointer;
}
#container .mm152-track-actions > a.mm157-srt:hover,
#mmQueueDrawer .mm155-queue-actions > a.mm157-srt:hover,
.mm28-shell .mm28-song-actions > a.mm157-srt:hover{
  border-color:var(--mm-site-muted,#8b8d96);
  background:var(--mm-site-surface,#fff);
}
.mm157-srt:focus-visible{
  outline:2px solid var(--mm-site-accent,#6150df)!important;
  outline-offset:2px;
}
#container .mm-d23-track{grid-template-columns:38px 52px minmax(0,1fr) 84px;}
#container .mm-d23-track.mm-d23-track-unranked{grid-template-columns:52px minmax(0,1fr) 84px;}
#container .mm-artist-skin .mm147-track-card{grid-template-columns:48px minmax(0,1fr) 84px;}
#container .mm-av .mm-av-row{grid-template-columns:34px 54px minmax(0,1fr) 84px;}
#container .mm-home15 .mm-compact-item{grid-template-columns:48px minmax(0,1fr) 84px;}
#container .mm-home15 .mm157-srt{background:#f3f3f5;}

/* Right drawer: two 28px controls, or two 30px controls on mobile.
   Keep the track removal (×) in its existing final column. */
#mmQueueDrawer .mm155-queue-actions{
  --mm157-queue-gap:5px;
  width:calc(var(--mm155-control-size,28px) * 2 + var(--mm157-queue-gap));
  min-width:calc(var(--mm155-control-size,28px) * 2 + var(--mm157-queue-gap));
  max-width:calc(var(--mm155-control-size,28px) * 2 + var(--mm157-queue-gap));
  gap:var(--mm157-queue-gap);
}
#mmQueueDrawer .mm155-queue-actions > a.mm157-srt{
  width:var(--mm155-control-size,28px);
  height:var(--mm155-control-size,28px);
  min-width:var(--mm155-control-size,28px);
  min-height:var(--mm155-control-size,28px);
  max-width:var(--mm155-control-size,28px);
  max-height:var(--mm155-control-size,28px);
  flex:0 0 var(--mm155-control-size,28px);
  border-radius:8px;
  font-size:9px;
}
body.mm-shell-v19 #mmQueueDrawer.mm-show-history .mm-queue-item{
  grid-template-columns:minmax(0,1fr) 61px 24px!important;
  gap:5px!important;
}
body.mm-shell-v19 #mmQueueDrawer:not(.mm-show-history) .mm-queue-item{
  grid-template-columns:18px minmax(0,1fr) 61px 24px!important;
  gap:5px!important;
}
#mmQueueDrawer .mm-queue-title-link:not(a){cursor:default;text-decoration:none;}

/* Public playlist page and My Melo track rows: the full-size main + style. */
.mm28-shell .mm28-song-actions{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  flex:0 0 84px;
  width:84px;
  gap:8px;
  min-width:0;
}
.mm28-shell .mm28-song-actions > a.mm157-srt,
.mm28-shell .mm28-song-actions > button.mm157-melo-plus{
  -webkit-appearance:none;
  appearance:none;
  box-sizing:border-box;
  display:grid;
  place-items:center;
  width:38px!important;
  height:38px!important;
  min-width:38px!important;
  min-height:38px!important;
  flex:0 0 38px!important;
  margin:0!important;
  padding:0!important;
  border:1px solid var(--mm-site-line,#d5d7dd)!important;
  border-radius:10px!important;
  background:var(--mm-site-bg,var(--mm-page-bg,#f3f3f5))!important;
  color:var(--mm-site-text,#32343c)!important;
  box-shadow:none!important;
  line-height:1!important;
  text-decoration:none!important;
}
.mm28-shell .mm28-song-actions > button.mm157-melo-plus svg{
  display:block;
  width:20px;
  height:20px;
}
.mm28-shell .mm28-song-title:not(a){cursor:default;text-decoration:none;}
@media(max-width:767px){
  .mm152-track-actions{
    --mm157-action-gap:6px;
    width:70px;min-width:70px;max-width:70px;
  }
  #container .mm-d23-track{grid-template-columns:31px 48px minmax(0,1fr) 70px;}
  #container .mm-d23-track.mm-d23-track-unranked{grid-template-columns:48px minmax(0,1fr) 70px;}
  #container .mm-artist-skin .mm147-track-card{grid-template-columns:44px minmax(0,1fr) 70px;}
  #container .mm-av .mm-av-row{grid-template-columns:26px 48px minmax(0,1fr) 70px;}
  #container .mm-home15 .mm-compact-item{grid-template-columns:48px minmax(0,1fr) 70px;}
  #container .mm152-track-actions > a.mm157-srt{font-size:10px;border-radius:9px;}
  #mmQueueDrawer .mm155-queue-actions{
    width:65px;min-width:65px;max-width:65px;
  }
  #mmQueueDrawer .mm155-queue-actions > a.mm157-srt{font-size:9px;}
  body.mm-shell-v19 #mmQueueDrawer.mm-show-history .mm-queue-item{
    grid-template-columns:minmax(0,1fr) 65px 28px!important;
  }
  body.mm-shell-v19 #mmQueueDrawer:not(.mm-show-history) .mm-queue-item{
    grid-template-columns:18px minmax(0,1fr) 65px 28px!important;
  }
  .mm28-shell .mm28-song-actions{width:70px;flex-basis:70px;gap:6px;}
  .mm28-shell .mm28-song-actions > a.mm157-srt,
  .mm28-shell .mm28-song-actions > button.mm157-melo-plus{
    width:32px!important;height:32px!important;
    min-width:32px!important;min-height:32px!important;
    flex-basis:32px!important;border-radius:9px!important;
  }
  .mm28-shell .mm28-song-actions > button.mm157-melo-plus svg{width:18px;height:18px;}
}
