.week-calendar{background:var(--color-surface);padding:16px;border-radius:var(--radius-2xl);border:1px solid var(--color-line)}.week-calendar--loading{display:flex;align-items:center;justify-content:center;min-height:260px}.week-calendar__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.week-calendar__step{width:26px;height:26px;flex-shrink:0;border-radius:var(--radius-sm);border:1px solid var(--color-line);background:var(--color-surface);color:var(--color-ink);font-size:.72rem;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .15s ease}.week-calendar__step:hover{background:var(--color-sunken)}.week-calendar__label-group{display:flex;align-items:center;gap:8px;min-width:0}.week-calendar__label{font-size:.9rem;font-weight:700;color:var(--color-ink);white-space:nowrap}.week-calendar__jump{width:24px;height:24px;flex-shrink:0;border:none;border-radius:var(--radius-xs);background:var(--color-brand-100);color:var(--color-brand-700);display:flex;align-items:center;justify-content:center;cursor:pointer}.week-calendar__weekdays,.week-calendar__days{display:grid;grid-template-columns:repeat(7,1fr);gap:3px}.week-calendar__weekdays span{text-align:center;font-size:.52rem;font-weight:600;color:var(--color-ink-muted);text-transform:uppercase;padding:4px 0;border-radius:var(--radius-xs)}.week-calendar__weekdays span.is-selected{background:var(--color-brand-50);color:var(--color-brand-700);font-weight:700}.week-calendar__days{margin-top:2px}.week-calendar__day{position:relative;aspect-ratio:1;border:none;border-radius:var(--radius-xs);--day-tint: var(--color-track);--day-tint-strength: 45%;background:color-mix(in oklab,var(--day-tint) var(--day-tint-strength),var(--color-surface));padding:4px;cursor:pointer;display:flex;align-items:flex-start;justify-content:flex-end;font-size:.82rem;font-weight:600;color:var(--color-ink);transition:background .15s ease}.week-calendar__day:hover{--day-tint-strength: 70%}.week-calendar__day.is-today .week-calendar__date{color:var(--color-brand-700)}.week-calendar__day.is-selected{box-shadow:inset 0 0 0 2px var(--color-brand-600)}.week-calendar__day.is-selected .week-calendar__date{position:absolute;top:4px;left:4px;width:19px;height:19px;border-radius:999px;background:var(--color-brand-600);color:var(--color-ink-inverse);font-size:.72rem;font-weight:700;display:flex;align-items:center;justify-content:center}.week-calendar__day.is-work{--day-tint: var(--color-sunken);--day-tint-strength: 100%}.week-calendar__day.is-shortened{--day-tint: var(--color-warn-tint);--day-tint-strength: 100%}.week-calendar__day.is-holiday{--day-tint: var(--color-danger-tint);--day-tint-strength: 100%}.week-calendar__day.is-vacation{--day-tint: var(--color-info-tint);--day-tint-strength: 100%}.week-calendar__vacation{position:absolute;bottom:3px;left:4px;display:flex;align-items:center;gap:3px;color:var(--color-info-on-tint);pointer-events:none}.week-calendar__vacation-word{display:none;font-size:.55rem;font-weight:700;letter-spacing:.03em;text-transform:uppercase}.week-calendar__day.is-vacation:has(.week-calendar__vacation) .week-calendar__bars{left:20px}.week-calendar__day.is-off:not(.is-selected):not(.is-today) .week-calendar__date{color:var(--color-ink-2)}.week-calendar__bars{position:absolute;bottom:4px;left:4px;right:4px;display:flex;gap:2px}.week-calendar__bars span{flex:1;height:4px;border-radius:2px}.week-calendar__agenda{margin-top:14px;padding-top:12px;border-top:1px solid var(--color-line-soft)}.week-calendar__agenda-head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:9px}.week-calendar__agenda-title{font-size:.78rem;font-weight:700;color:var(--color-ink)}.week-calendar__agenda-actions{display:flex;align-items:center;gap:6px}.week-calendar__day-schedule{width:28px;height:28px;border:1px solid var(--color-line);border-radius:var(--radius-sm);background:var(--color-surface);color:var(--color-ink-2);display:flex;align-items:center;justify-content:center;cursor:pointer}.week-calendar__day-schedule:hover{background:var(--color-sunken)}.week-calendar__book{display:flex;align-items:center;gap:5px;padding:6px 11px;border:none;border-radius:var(--radius-sm);background:var(--color-brand-600);color:var(--color-ink-inverse);font-size:.72rem;font-weight:600;white-space:nowrap;cursor:pointer}.week-calendar__book:hover{background:var(--color-brand-700)}.week-calendar__list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}.week-calendar__item{width:100%;display:flex;align-items:center;gap:8px;padding:8px 10px;border:none;border-radius:var(--radius-md);background:color-mix(in oklab,var(--item-accent) 12%,var(--color-surface));color:color-mix(in oklab,var(--item-accent) 65%,var(--color-ink-strong));cursor:pointer;text-align:left}.week-calendar__item:hover{background:color-mix(in oklab,var(--item-accent) 18%,var(--color-surface))}.week-calendar__item.is-cancelled{text-decoration:line-through;opacity:.7}.week-calendar__item-rail{width:3px;align-self:stretch;border-radius:2px;background:var(--item-accent);flex-shrink:0}.week-calendar__item-time{font-size:.7rem;font-weight:600;white-space:nowrap}.week-calendar__item-title{font-size:.76rem;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.week-calendar__empty{width:100%;padding:14px;border:1px dashed var(--color-line);border-radius:var(--radius-md);background:transparent;color:var(--color-ink-muted);font-size:.76rem;cursor:pointer}.week-calendar__empty:hover{background:var(--color-sunken)}.week-calendar__agenda-loading{display:flex;justify-content:center;padding:18px 0}@media(min-width:768px){.week-calendar{padding:20px}.week-calendar__label{font-size:1rem}.week-calendar__weekdays span{font-size:.62rem}.week-calendar__day{aspect-ratio:1;font-size:.98rem;padding:5px}.week-calendar__day.is-selected .week-calendar__date{top:5px;left:5px;width:24px;height:24px;font-size:.86rem}.week-calendar__bars{bottom:5px;left:5px;right:5px}.week-calendar__day.is-vacation:has(.week-calendar__vacation) .week-calendar__bars{left:64px}.week-calendar__vacation-word{display:inline}.week-calendar__agenda-title{font-size:.9rem}.week-calendar__item-time{font-size:.78rem}.week-calendar__item-title{font-size:.85rem}}