.workout-duration{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}.workout-duration strong{font-size:14px}.workout-duration p{font-size:12px;line-height:1.5;margin:5px 0 0;color:#b6ceda}.workout-duration #workoutDurationStatus{font-variant-numeric:tabular-nums}.workout-duration .workout-duration-note{flex-basis:100%;font-size:11px}.workout-duration .btn{min-height:44px}
.workout-summary{box-sizing:border-box;width:min(650px,calc(100% - 20px));max-height:94dvh;padding:0;border:1px solid #416477;border-radius:18px;background:#102330;color:#eff8ff}.workout-summary[open]{display:flex;flex-direction:column}.workout-summary::backdrop{background:#020a12d9}
.workout-summary header{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;padding:16px;border-bottom:1px solid #315063;flex-shrink:0}.workout-summary h2{margin:8px 0;font-size:22px;overflow-wrap:anywhere}.workout-summary header p{margin:0;font-size:12px;color:#b6ceda}
.workout-summary-body{min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:16px}.summary-metrics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.summary-metrics>div{border:1px solid #315566;background:#14313d;border-radius:12px;padding:12px}.summary-metrics span{display:block;font-size:12px;color:#bbd4df}.summary-metrics strong{display:block;margin-top:8px;font-size:23px;overflow-wrap:anywhere;font-variant-numeric:tabular-nums}.summary-metrics small{display:block;font-size:12px;font-weight:400;margin-top:5px}
.workout-summary-body p{font-size:13px;line-height:1.6}.workout-summary-body .summary-note{font-size:11px;color:#9bb7c7}.workout-summary-body h3{font-size:16px;margin:20px 0 10px}.workout-summary-body section{border-top:1px solid #315063;margin-top:15px}
.summary-records{padding:0;list-style:none}.summary-records li{display:grid;gap:6px;padding:12px 0;border-bottom:1px solid #315063}.summary-records strong{color:#a6f0cf;font-size:14px}.summary-records span{font-size:15px}.summary-records small{font-size:12px;color:#afcad7}.summary-comparison{margin:12px 0}.summary-comparison>div{display:grid;gap:5px;border-bottom:1px solid #315063;padding:10px 0}.summary-comparison dt{font-size:12px;color:#afcad7}.summary-comparison dd{margin:0;font-size:14px;font-variant-numeric:tabular-nums}.summary-comparison small{display:block;margin-top:5px;color:#a6f0cf}
.workout-summary footer{padding:12px 16px;border-top:1px solid #315063;flex-shrink:0}.workout-summary footer p{font-size:12px;line-height:1.5;margin:0 0 10px;color:#b7d4df}.workout-summary footer>div{display:flex;justify-content:flex-end;gap:10px}.workout-summary .btn{min-height:44px;font-size:13px}
.workout-duration>div{min-width:150px}.workout-duration #workoutDurationStatus{min-height:36px}
body.focus-mode[data-view="entrenar"] .workout-duration-note{display:none}
@media(max-height:500px){.workout-summary header{padding:10px 14px}.workout-summary h2{font-size:18px;margin:5px 0}.workout-summary footer{padding:8px 14px}.workout-summary footer p{font-size:11px;margin-bottom:6px}}