/* PASS 92 — MOBILE UPLOAD RIGHTS RESTORE
   Scope: Radio Maker + AI ONE Studio upload rows only.
   Do NOT modify the locked radio player/layer. */

@media (max-width: 900px){
  .live-upload-row{
    grid-template-columns:minmax(0,1fr)!important;
    width:100%!important;
    min-width:0!important;
    overflow:visible!important;
    gap:8px!important;
    padding:9px!important;
  }

  .live-upload-row > .live-title{order:1!important;width:100%!important;min-width:0!important}
  .live-upload-row > .live-artist{order:2!important;width:100%!important;min-width:0!important}
  .live-upload-row > .live-meta{order:3!important;width:100%!important;white-space:normal!important;overflow-wrap:anywhere!important}

  /* Rights declaration MUST be visible before Upload on phones/tablets. */
  .live-upload-row > .live-rights{
    order:4!important;
    grid-column:1!important;
    display:grid!important;
    grid-template-columns:minmax(0,1fr)!important;
    width:100%!important;
    min-width:0!important;
    gap:8px!important;
    padding:10px!important;
    border-radius:12px!important;
    overflow:visible!important;
  }
  .live-upload-row > .live-rights > select{
    width:100%!important;
    min-width:0!important;
    min-height:42px!important;
    font-size:14px!important;
  }
  .live-upload-row .live-rights-check{
    display:flex!important;
    width:100%!important;
    min-width:0!important;
    align-items:flex-start!important;
    gap:10px!important;
    margin:0!important;
    padding:11px 12px!important;
    border:1px solid color-mix(in srgb,var(--a1) 28%,var(--line))!important;
    border-radius:11px!important;
    background:color-mix(in srgb,var(--a1) 6%,rgba(255,255,255,.02))!important;
    color:var(--ink)!important;
    font-size:12px!important;
    line-height:1.38!important;
    cursor:pointer!important;
    overflow-wrap:anywhere!important;
  }
  .live-upload-row .live-rights-check input[type="checkbox"]{
    appearance:auto!important;
    -webkit-appearance:checkbox!important;
    display:block!important;
    position:static!important;
    opacity:1!important;
    visibility:visible!important;
    width:22px!important;
    height:22px!important;
    min-width:22px!important;
    min-height:22px!important;
    margin:0!important;
    flex:0 0 22px!important;
    accent-color:var(--a1)!important;
  }

  /* Upload follows certification, never precedes it on mobile. */
  .live-upload-row > .live-upload{
    order:5!important;
    width:100%!important;
    min-width:0!important;
    min-height:44px!important;
    margin:0!important;
  }
  .live-upload-row > .quality-note{
    order:6!important;
    grid-column:1!important;
    width:100%!important;
    min-width:0!important;
    font-size:9px!important;
    line-height:1.35!important;
    overflow-wrap:anywhere!important;
  }

  .live-rights.needs-attention{
    scroll-margin-top:84px!important;
  }
}

@media (max-width: 480px){
  .live-upload-row{padding:7px!important;gap:7px!important}
  .live-upload-row .live-rights-check{font-size:11px!important;padding:10px!important}
  .live-upload-row > .live-rights{padding:8px!important}
}
