/* STRENGTH LIVE RESPONSIVE X18 — status rail + dense set log, mobile entry stays compact */
.strength-live-page .strength-live-overview,
.strength-live-page .strength-live-log,
.strength-live-page .strength-live-actions{min-width:0}

.strength-live-page .strength-live-actions .btn{min-height:50px}

@media(min-width:1180px){
  .strength-live-page .shell{
    display:grid;
    grid-template-columns:repeat(12,minmax(0,1fr));
    gap:18px;
    align-items:start;
  }
  .strength-live-page .top,
  .strength-live-page .hero{grid-column:1/-1}
  .strength-live-page .strength-live-overview{
    grid-column:span 4;
    grid-template-columns:1fr;
    gap:14px;
    margin-top:0;
    position:sticky;
    top:96px;
    align-self:start;
  }
  .strength-live-page .strength-live-overview>.card{min-height:0}
  .strength-live-page .strength-live-log{
    grid-column:span 8;
    margin-top:0!important;
  }
  .strength-live-page .strength-live-log>section{
    padding:16px 0;
    border-top:1px solid rgba(255,255,255,.07);
  }
  .strength-live-page .strength-live-log>section:first-child{border-top:0;padding-top:0}
  .strength-live-page .strength-live-log .list{gap:10px}
  .strength-live-page .strength-live-log .item{padding:14px;border:1px solid rgba(255,255,255,.065);border-radius:15px;background:rgba(255,255,255,.018)}
  .strength-live-page .strength-live-actions{
    grid-column:5/13;
    display:grid;
    grid-template-columns:1.35fr .65fr;
    gap:10px;
    margin-top:0;
  }
  .strength-live-page .strength-live-actions .btn{width:100%}
}

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

@media(max-width:640px){
  .strength-live-page .strength-live-overview{grid-template-columns:1fr}
  .strength-live-page .strength-live-log{margin-top:12px!important}
  .strength-live-page #log .grid.two{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
  .strength-live-page #log .input{min-height:50px;font-size:16px}
  .strength-live-page #log [data-done]{min-height:50px;width:100%;padding-inline:8px}
  .strength-live-page .strength-live-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}
  .strength-live-page .strength-live-actions .btn{width:100%;min-height:50px}
}
@media(max-width:380px){
  .strength-live-page #log .grid.two{gap:6px}
  .strength-live-page #log .item{padding-top:10px}
  .strength-live-page .strength-live-actions{grid-template-columns:1fr}
}
@media(prefers-reduced-motion:reduce){
  .strength-live-page .card,.strength-live-page .btn{transition:none!important}
}