/* ============================================================
 * workout.css — Exercise cards, set logging, workout header
 * ============================================================ */

.workout-screen{background:#f0efe9;}
.workout-screen .status-bar{background:#f0efe9;}
.workout-header{padding:0 20px 14px;}
.wh-label{font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:#9e9b91;margin-bottom:4px;}
.wh-day{font-size:22px;font-weight:700;color:#1a1917;letter-spacing:-.02em;}
.workout-scroll{flex:1;overflow-y:auto;padding:0 16px 100px;}

/* EXERCISE CARD */
.ex-card{background:#fff;border-radius:14px;margin-bottom:12px;overflow:visible;}
.ex-card-head{padding:14px 16px 10px;display:flex;align-items:center;gap:8px;flex-wrap:wrap;}
.ex-card-name{font-size:17px;font-weight:700;color:#1a1917;letter-spacing:-.02em;flex:1;min-width:0;word-break:break-word;}
.ex-priority{font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;background:#1a1917;color:#fff;padding:3px 8px;border-radius:5px;white-space:nowrap;}
.ex-demo-btn{font-size:11px;font-weight:600;background:#f0efe9;border:none;border-radius:6px;padding:4px 10px;cursor:pointer;color:#6b6860;white-space:nowrap;}

.ex-sets-head{display:grid;grid-template-columns:28px 1fr 64px 64px 38px;gap:6px;padding:6px 14px;background:#f8f7f3;}
.esh-col{font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#b0aea5;text-align:center;}

.ex-set-row{display:grid;grid-template-columns:28px 1fr 64px 64px 38px;gap:6px;padding:10px 14px;border-top:1px solid #f0efe9;align-items:center;}
.ex-set-row.row-done{background:#fafaf8;}
.set-n{font-size:13px;font-weight:600;color:#b0aea5;text-align:center;}
.set-prev{font-size:12px;color:#b0aea5;text-align:center;line-height:1.4;}
.set-field{background:#f0efe9;border:none;border-radius:8px;font-family:'Inter',sans-serif;font-size:15px;font-weight:700;color:#1a1917;text-align:center;padding:8px 4px;outline:none;width:100%;transition:background .15s;}
.set-field:focus{background:#e4e2db;}
.set-field.f-done{background:#e8f5e9;color:#15803d;}
.set-field::placeholder{color:#c8c5bc;font-weight:400;}
.set-check{width:34px;height:34px;border-radius:8px;border:2px solid #dddbd2;background:transparent;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;flex-shrink:0;}
.set-check:active{transform:scale(.9);}
.set-check.checked{background:#1a1917;border-color:#1a1917;}
.set-check svg{color:#dddbd2;transition:color .2s;}
.set-check.checked svg{color:#fff;}

.ex-add-set{padding:10px 14px;border-top:1px solid #f0efe9;}
.ex-add-set button{background:none;border:none;font-family:'Inter',sans-serif;font-size:13px;font-weight:600;color:#9e9b91;cursor:pointer;padding:0;}

/* PROGRESS BAR */
.workout-progress{padding:0 20px 10px;}
.wp-bar{height:3px;background:#dddbd2;border-radius:2px;overflow:hidden;}
.wp-fill{height:3px;background:#1a1917;border-radius:2px;transition:width .4s;}

/* FINISH BTN */
.finish-workout-bar{position:fixed;bottom:68px;left:20px;right:20px;z-index:99;}
.finish-btn{width:100%;background:#1a1917;color:#fff;border:none;border-radius:12px;padding:14px;font-family:'Inter',sans-serif;font-size:15px;font-weight:600;cursor:pointer;display:none;}
.finish-btn.visible{display:block;}

/* DAY DETAIL SETS */
.dds-ex-card{background:#fff;border-radius:12px;margin-bottom:8px;overflow:hidden;}
.dds-set-row{display:flex;justify-content:space-between;align-items:center;padding:9px 14px;border-bottom:.5px solid #f8f7f3;}
.dds-set-row:last-child{border-bottom:none;}
.dds-set-num{font-size:12px;color:#9e9b91;width:28px;}
.dds-set-weight{font-size:15px;font-weight:700;color:#1a1917;}
.dds-set-reps{font-size:12px;color:#6b6860;font-weight:500;}
.dds-set-pr{font-size:9px;font-weight:700;background:#fef9c3;color:#854d0e;border:1px solid #fde68a;padding:2px 5px;border-radius:4px;margin-left:4px;}
.dds-future-ex-card{background:#fff;border-radius:10px;padding:12px 14px;margin-bottom:6px;display:flex;justify-content:space-between;align-items:center;}