.calendar-month-head,.selected-date-head{display:flex;justify-content:space-between;align-items:center;gap:16px}.calendar-month-head h2{text-transform:capitalize}.calendar-month-head p,.selected-date-head p{color:var(--muted);font-size:12px;margin-top:7px}.month-controls{display:flex;gap:7px}.month-controls button{min-height:44px;min-width:44px}.calendar-month-picker{display:flex;align-items:center;gap:12px;font-size:12px;color:var(--muted);margin:20px 0}.calendar-month-picker input{max-width:200px}.month-weekdays,.month-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:7px}.month-weekdays{font-size:11px;color:var(--muted);text-align:center;margin-bottom:8px}.month-day{background:var(--tone-168);border:1px solid var(--tone-169);min-height:82px;border-radius:10px;padding:10px;display:flex;align-items:flex-start;flex-direction:column;gap:8px;color:var(--tone-170);text-align:left;min-width:0}.month-day strong{font-size:14px}.month-day.outside{opacity:.5}.month-day.today strong{border-bottom:2px solid var(--tone-171)}.month-day.selected{border:2px solid var(--tone-172);background:var(--tone-12);padding:9px;opacity:1}.month-markers{display:flex;flex-wrap:wrap;gap:3px}.month-markers i{font-style:normal;font-size:10px;border-radius:5px;min-width:18px;min-height:18px;display:inline-grid;place-items:center}.month-markers .planned,.calendar-legend .planned{background:var(--tone-173);color:var(--tone-174)}.month-markers .partial,.calendar-legend .partial{background:var(--tone-175);color:var(--tone-176)}.month-markers .done,.calendar-legend .done{background:var(--tone-177);color:var(--tone-178)}.calendar-legend{display:flex;gap:16px;flex-wrap:wrap;margin:16px 0 26px;color:var(--tone-179);font-size:11px}.calendar-legend span{display:flex;align-items:center;gap:6px}.calendar-legend i{height:10px;width:10px;border-radius:3px}.selected-date-head{border-top:1px solid var(--line);padding-top:22px}.selected-date-head h3{text-transform:capitalize;line-height:1.5}.calendar-entries{margin-top:18px}.assigned-program{display:flex;justify-content:space-between;gap:18px;padding:20px 0;border-bottom:1px solid var(--line)}.assigned-program strong{font-size:16px}.assigned-program p{color:var(--muted);font-size:12px;margin:8px 0;line-height:1.6}.assigned-actions{display:flex;gap:7px;flex-wrap:wrap;justify-content:flex-end;align-content:flex-start;max-width:420px}.assigned-actions button{min-height:44px}.calendar-empty{padding:25px 0;color:var(--tone-180);font-size:13px;line-height:1.8}.calendar-help{margin-top:22px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}#assignment-form select{width:100%}#assignment-form .actions{margin:18px 0}.workout-calendar{margin-bottom:24px}
@media(max-width:640px){.calendar-month-head{align-items:flex-start;flex-direction:column;gap:12px}.calendar-month-head h2{font-size:21px}.month-controls{width:100%;justify-content:space-between}.month-grid,.month-weekdays{gap:4px}.month-day{min-height:68px;padding:6px 3px;gap:6px;border-radius:7px}.month-day.selected{padding:5px 2px}.month-day strong{font-size:13px;padding-left:3px}.month-markers{gap:2px}.month-markers i{font-size:9px;min-width:13px;min-height:16px}.calendar-legend{font-size:10px;gap:10px}.selected-date-head{align-items:stretch;flex-direction:column;gap:14px}.selected-date-head h3{font-size:16px}.selected-date-head .primary{width:100%}.assigned-program{flex-direction:column;gap:12px}.assigned-actions{max-width:none;justify-content:flex-start}.assigned-actions .secondary{flex:1;white-space:normal}.assigned-actions .text-button{font-size:11px}.calendar-month-picker input{font-size:16px;min-height:44px}.nav button{min-width:0;padding-left:2px;padding-right:2px;font-size:9px}.nav button span{white-space:nowrap}}

.date-assignment{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.date-assignment button{min-height:44px}
.content-grid>section{min-width:0}.day-tabs{max-width:100%}.day-tabs button{min-width:0}.workout-calendar input{max-width:100%}
@media(max-width:640px){.day-tabs button{flex:1;white-space:normal;padding-left:3px;padding-right:3px;font-size:10px}.sidebar{left:0;right:0;width:auto}.nav{min-width:0}}