/* Styles for Weekly schedule and Fix times (views/schedule.js).
   Loaded after /app/app.css on every /app/ page. Only the builder of that view edits this file, so
   parallel work never touches the same file. Use the shared classes in app.css first (see the
   class list at its top and CONTRACTS.md §10); put only this screen's own additions here, and
   start every selector with the view's root class (for example .view-schedule) so nothing leaks into
   other screens. Tokens (colors, fonts) come from /shared/tokens.css. */

/* The days: one section per day, a card per time. */
.view-schedule .sched-days{display:grid;gap:24px;min-width:0}
.view-schedule .sched-day{gap:10px}
.view-schedule .sched-day-actions{display:flex;flex-wrap:wrap;align-items:center;gap:4px 18px}
.view-schedule .sched-row .pair > label > input[type="time"]{min-height:36px}
/* 'Add end time' sits where the Until field will be. */
.view-schedule .sched-add-end{display:grid;align-content:start;min-width:0;padding:10px 16px 4px;border-left:1px solid var(--line)}
.view-schedule .sched-add-end > span{font-size:.82rem;color:var(--muted)}
.view-schedule .sched-add-end .link{justify-self:start}
/* A day marked OFF: no times, with 'Add times' next to it. */
.view-schedule .sched-off{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:0 12px;padding:4px 16px;font-weight:600}
/* 'At home': the words and the checkbox on one line (tokens' .fields > label would stack them). */
.view-schedule .fields > label.check-row{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:48px;padding:6px 16px}
.view-schedule .fields > label.check-row > span{font-size:1rem;color:var(--ink)}
.view-schedule .sched-row-foot{display:flex;justify-content:flex-end;padding:0 12px;border-top:1px solid var(--line)}
.view-schedule .sched-row-foot .link{font-weight:500}

/* Photos picked but not saved yet (views/form-parts.js). */
.view-schedule .picked-photos{gap:16px}
.view-schedule .picked-photos .photo-item{max-width:180px}
.view-schedule .picked-img{display:block;width:96px;height:96px;object-fit:cover;border:1px solid var(--line);border-radius:10px;background:var(--card)}
.view-schedule .picked-taken{font-size:.82rem;line-height:1.35;color:var(--muted)}
.view-schedule .picked-status:not(.msg){font-size:.92rem;color:var(--muted)}