/* SYNC CENTER DESKTOP X15 — status sidebar + pending queue board, mobile flow unchanged */
.sync-center-page .sync-overview,
.sync-center-page .sync-pending{min-width:0}

.sync-center-page #refresh{min-height:48px}

@media(min-width:1180px){
  .sync-center-page .shell{
    display:grid;
    grid-template-columns:repeat(12,minmax(0,1fr));
    gap:18px;
    align-items:start;
  }
  .sync-center-page .top,
  .sync-center-page .hero{grid-column:1/-1}
  .sync-center-page .sync-overview{
    grid-column:span 4;
    grid-template-columns:1fr;
    gap:14px;
    margin-top:0;
    position:sticky;
    top:96px;
    align-self:start;
  }
  .sync-center-page .sync-overview>.card{min-height:0}
  .sync-center-page .sync-pending{
    grid-column:span 8;
    margin-top:0!important;
    min-height:100%;
  }
  .sync-center-page #pending{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:12px;
  }
  .sync-center-page #pending>.item{
    min-width:0;
    min-height:150px;
    padding:16px;
    border:1px solid rgba(255,255,255,.08);
    border-radius:16px;
    background:rgba(255,255,255,.018);
  }
  .sync-center-page #pending>.status{grid-column:1/-1}
  .sync-center-page #pending .quick-actions{margin-top:auto}
}

@media(min-width:1180px) and (max-height:760px){
  .sync-center-page .sync-overview{position:static}
}

@media(max-width:640px){
  .sync-center-page .sync-pending{margin-top:12px!important}
  .sync-center-page #pending{grid-template-columns:1fr}
  .sync-center-page #pending>.item{min-height:0}
  .sync-center-page .sync-pending>.row{align-items:flex-start;gap:10px}
  .sync-center-page #refresh{flex:0 0 auto}
}

@media(prefers-reduced-motion:reduce){
  .sync-center-page .card,.sync-center-page .item{transition:none!important}
}