.routines-header{justify-content:space-between;align-items:center;margin-bottom:1.25rem;display:flex}.routines-header h2{color:var(--text-primary);margin:0;font-size:1rem}.routine-section{margin-bottom:1.5rem}.routine-section+.routine-section{border-top:1px solid var(--border-color);padding-top:1rem}.routine-section h2{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;margin:0 0 .75rem;font-size:.85rem;font-weight:600}.routines-grid{gap:16px;display:grid}.routine-card{background-color:var(--surface-color);border:1px solid var(--border-color);border-radius:var(--radius);flex-direction:column;gap:.5rem;padding:.6rem .75rem;display:flex}.routine-card-header{justify-content:space-between;align-items:flex-start;gap:.5rem;display:flex}.routine-card-header h3{color:var(--text-primary);margin:0;font-size:.95rem}.routine-status{background-color:var(--bg-color);color:var(--text-secondary);text-transform:uppercase;white-space:nowrap;border-radius:999px;padding:.2rem .45rem;font-size:.7rem;font-weight:500;display:inline-block}.routine-status--active{color:var(--accent-color);background-color:color-mix(in srgb, var(--accent-color) 10%, transparent)}.routine-status--inactive{color:var(--text-secondary)}.routine-description,.routine-summary{color:var(--text-secondary);margin:0;font-size:.8rem}.empty-state{text-align:center;color:var(--text-secondary);padding:2rem 1rem;font-size:.9rem}.routine-card--clickable{cursor:pointer;transition:border-color .15s}.routine-card--clickable:hover{border-color:var(--primary-color)}.btn-back{color:var(--primary-color);cursor:pointer;background:0 0;border:none;margin-bottom:1rem;padding:0;font-size:.85rem;font-weight:500}.btn-back:hover{opacity:.8}.routine-detail__header{justify-content:space-between;align-items:flex-start;gap:.75rem;margin-bottom:1.25rem;display:flex}.routine-detail__header h2{color:var(--text-primary);margin:0;font-size:1.1rem}.routine-detail__description{color:var(--text-secondary);margin:.25rem 0 0;font-size:.85rem}.routine-detail__sessions h3{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;margin:0 0 .75rem;font-size:.85rem;font-weight:600}.sessions-grid{gap:.75rem;display:grid}.template-subtitle{color:var(--text-secondary);margin-bottom:1rem;font-size:.85rem}.form-group{margin-bottom:1rem}.form-group input[type=text],.form-group textarea{background-color:var(--bg-color);color:var(--text-primary)}.form-group textarea{min-height:72px}.day-selector{grid-template-columns:1fr 1fr;gap:.5rem;display:grid}.checkbox-label{cursor:pointer;border-radius:var(--radius);align-items:center;gap:.2rem;padding:.5rem;font-size:.9rem;transition:background-color .15s;display:flex}.checkbox-label:hover{background-color:var(--bg-color)}.template-grid{grid-template-columns:1fr;gap:.6rem;margin-bottom:1.25rem;display:grid}.template-card{border:1px solid var(--border-color);border-radius:var(--radius);cursor:pointer;background-color:var(--bg-color);padding:.65rem .75rem;transition:border-color .15s}.template-card:hover{border-color:var(--primary-color)}.template-card.selected{border-color:var(--primary-color);background-color:var(--surface-color)}.template-card h3{color:var(--text-primary);margin:0 0 .25rem;font-size:.9rem}.template-card p{color:var(--text-secondary);margin:0;font-size:.8rem}.modal-actions{justify-content:flex-end;gap:.75rem;margin-top:.75rem;display:flex}.session-card{border:1px solid var(--border-color);border-radius:var(--radius);background-color:var(--bg-color);flex-direction:column;padding:.75rem;display:flex}.session-card__edit-btn{align-self:flex-end}.session-card__header{justify-content:space-between;align-items:flex-start;gap:.5rem;margin-bottom:.35rem;display:flex}.session-card__header h3{color:var(--text-primary);margin:0;font-size:.9rem}.session-card__day{color:var(--text-secondary);background-color:var(--surface-color);border-radius:999px;padding:.15rem .4rem;font-size:.75rem}.session-card__summary{color:var(--text-secondary);margin:0 0 .5rem;font-size:.8rem}.session-card__exercises{flex-direction:column;gap:.3rem;margin:0;padding:0;list-style:none;display:flex}.session-card__exercises li{justify-content:space-between;align-items:center;font-size:.8rem;display:flex}.session-exercise__name{color:var(--text-primary)}.session-exercise__detail{color:var(--text-secondary);font-size:.8rem}.session-exercise--empty{color:var(--text-secondary);font-size:.8rem;font-style:italic}.session-card--editing{border-color:var(--primary-color)}.session-edit__exercise-list{flex-direction:column;gap:.4rem;margin:0;padding:0;list-style:none;display:flex}.session-edit__exercise-row{border-bottom:1px solid var(--border-color);align-items:center;gap:.5rem;padding:.3rem 0 1rem;display:flex}.session-edit__exercise-row:last-child{border-bottom:none}.session-edit__exercise-name{color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-size:.8rem;overflow:hidden}.session-edit__inputs{color:var(--text-secondary);align-items:center;gap:.25rem;font-size:.8rem;display:flex}.sessions-grid .session-edit__sets,.sessions-grid .session-edit__reps{text-align:center;border:1px solid var(--border-color);border-radius:var(--radius);background-color:var(--surface-color);width:3rem;color:var(--text-primary);height:40px;margin-bottom:0;padding:.2rem .3rem;font-size:.8rem}.session-edit__actions{gap:.3rem;display:flex}.session-edit__actions button{border:1px solid var(--border-color);border-radius:var(--radius);cursor:pointer;color:var(--text-secondary);background:0 0;margin-bottom:0;padding:.15rem .35rem;font-size:.9rem}.session-edit__actions button:hover:not(:disabled){border-color:var(--primary-color);color:var(--primary-color)}.session-edit__actions button:disabled{opacity:.3;cursor:not-allowed}.session-edit__actions .session-edit__remove:hover:not(:disabled){border-color:var(--error-color);color:var(--error-color)}.session-edit__add-btn{align-self:flex-start;margin-top:.5rem}.session-edit__footer{justify-content:flex-end;gap:.5rem;margin-top:.75rem;display:flex}.ep-body{flex-direction:column;gap:.5rem;padding:0 1rem 1rem;display:flex}.ep-list{flex-direction:column;gap:.35rem;max-height:50vh;margin:0;padding:0;list-style:none;display:flex;overflow-y:auto}.ep-empty{color:var(--text-secondary);margin:.5rem 0;font-size:.85rem}.ep-browse-link{text-align:center;margin-top:.25rem;font-size:.85rem;display:block}
