.vp{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:var(--sp-4);align-items:start}.vp__main{min-width:0}.vp__side{display:flex;flex-direction:column;gap:var(--sp-4);min-width:0}.vp--narrow{grid-template-columns:minmax(0,1fr)}.vp--narrow .vp__side{flex-direction:row;flex-wrap:wrap}.vp--narrow .vp__side>*{flex:1 1 280px;min-width:0}.vp--tight .vp__week{grid-template-columns:minmax(0,1fr)}.vp--tight .vp__day{border-right:0;border-bottom:1px solid var(--mdt-line, var(--line));min-height:0}.vp--tight .vp__day:last-child{border-bottom:0}.vp--tight .vp__day__head{flex-direction:row;align-items:center;gap:8px}.vp--tight .vp__day__count{margin-left:auto}.vp__legend{display:flex;flex-wrap:wrap;align-items:center;gap:6px 14px;margin-bottom:10px;padding:0 2px}.vp__legend__item{display:inline-flex;align-items:center;gap:6px;font-size:11px;color:var(--text-muted)}.vp__legend__item i{width:8px;height:8px;border-radius:2px;background:var(--tone, var(--text-muted))}.vp__legend__spacer{flex:1}.vp__legend__hint{font-size:11px;color:var(--text-dim)}.vp__week{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));border:1px solid var(--mdt-line, var(--line));border-radius:10px;background:var(--mdt-card, var(--surface));overflow:hidden}.vp__day{display:flex;flex-direction:column;min-width:0;min-height:420px;border-right:1px solid var(--mdt-line, var(--line));transition:background var(--dur-fast)}.vp__day:last-child{border-right:0}.vp__day.is-weekend{background:var(--mdt-card-2, var(--surface-2))}.vp__day.is-past .vp__day__name,.vp__day.is-past .vp__day__num{color:var(--text-dim)}.vp__day.is-today{background:var(--accent-softer);box-shadow:inset 0 2px 0 var(--accent)}.vp__day__head{display:flex;flex-direction:column;gap:2px;padding:12px 12px 10px;border-bottom:1px solid var(--mdt-line, var(--line))}.vp__day__name{font-size:10.5px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted)}.vp__day__num{font-family:var(--font-clock);font-size:20px;font-weight:600;letter-spacing:-.02em;line-height:1.1;color:var(--text-strong);font-variant-numeric:tabular-nums}.vp__day.is-today .vp__day__num,.vp__day.is-today .vp__day__name{color:var(--accent)}.vp__day__count{font-size:10.5px;color:var(--text-dim);min-height:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.vp__day.is-today .vp__day__count{color:var(--accent);opacity:.85}.vp__day__list{display:flex;flex-direction:column;gap:6px;padding:8px;flex:1;min-width:0}.vp__day__empty{padding:22px 8px;text-align:center;font-size:11px;color:var(--text-dim)}.vp__shift{position:relative;display:flex;flex-direction:column;gap:3px;width:100%;min-width:0;padding:8px 9px 8px 11px;border-radius:8px;border:1px solid var(--mdt-line-2, var(--line-strong));border-left:3px solid var(--tone, var(--text-muted));background:var(--mdt-card-2, var(--surface-2));text-align:left;color:var(--text);transition:border-color var(--dur-fast),background var(--dur-fast),transform var(--dur-fast)}.vp__shift:hover{background:var(--surface-hover);border-color:var(--tone-line, var(--line-strong));border-left-color:var(--tone, var(--text-muted))}.vp__shift:active{transform:translateY(1px)}.vp__shift.is-on{background:var(--tone-bg, var(--surface-2));border-color:var(--tone-line, var(--line-strong));border-left-color:var(--tone)}.vp__shift.is-done{opacity:.7}.vp__shift.is-done:hover{opacity:1}.vp__shift.is-mine .vp__shift__name{color:var(--accent)}.vp__shift__time{display:flex;align-items:center;justify-content:space-between;gap:6px;min-width:0}.vp__shift__clock{display:inline-flex;flex-wrap:wrap;min-width:0;font-family:var(--font-clock);font-size:13px;font-weight:650;letter-spacing:.01em;line-height:1.15;font-variant-numeric:tabular-nums;color:var(--text-strong)}.vp__shift__clock b{font-weight:inherit;white-space:nowrap}.vp--narrow .vp__shift__clock{font-size:12.5px}.vp__shift__live{flex:none;padding:1px 6px;border-radius:999px;background:var(--c-green);color:#04200f;font-size:9px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;animation:vpLive 1.9s infinite}@keyframes vpLive{0%,to{box-shadow:0 0 #3ecf6d73}60%{box-shadow:0 0 0 5px #3ecf6d00}}.vp__shift__night{font-size:10px;color:var(--text-dim);margin-top:-2px}.vp__shift__who{display:flex;align-items:baseline;gap:6px;min-width:0}.vp__shift__name{font-size:12px;font-weight:560;color:var(--text-strong);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.vp__shift__cs{flex:none;font-family:var(--font-mono);font-size:10px;color:var(--text-muted)}.vp__shift__meta{display:flex;align-items:center;gap:6px;min-width:0;margin-top:2px}.vp__shift__meta .badge{flex:none}.vp__shift__note{font-size:10.5px;color:var(--text-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.vp__add{display:inline-flex;align-items:center;justify-content:center;gap:5px;margin:0 8px 8px;height:28px;border-radius:7px;border:1px dashed transparent;color:var(--text-dim);font-size:11px;font-weight:500;opacity:0;transition:opacity var(--dur-fast),border-color var(--dur-fast),color var(--dur-fast),background var(--dur-fast)}.vp__day:hover .vp__add,.vp__add:focus-visible{opacity:1}.vp__add:hover{color:var(--accent);border-color:var(--accent-line);background:var(--accent-softer)}.vp__add--empty{opacity:.75;margin-top:auto;border-color:var(--mdt-line-2, var(--line-strong))}.vp__day .vp__add--empty{align-self:stretch}.vp__day:hover .vp__add--empty{opacity:1}.vp__day__list:empty+.vp__add--empty{margin-top:18px}.vp__live{display:inline-flex;align-items:center;gap:6px;height:24px;padding:0 9px 0 7px;border-radius:999px;border:1px solid var(--mdt-line-2, var(--line-strong));background:var(--mdt-card-2, var(--surface-2));font-size:9.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--text-dim);flex:none}.vp__live.is-on{color:var(--c-green);border-color:#3ecf6d59}.vp__live .dot{width:7px;height:7px}.vp__now{display:flex;flex-direction:column;gap:6px}.vp__now__row{position:relative;display:flex;align-items:center;gap:10px;width:100%;min-width:0;padding:9px 10px 9px 12px;border-radius:8px;border:1px solid var(--mdt-line-2, var(--line-strong));background:var(--mdt-card-2, var(--surface-2));text-align:left;overflow:hidden;transition:background var(--dur-fast),border-color var(--dur-fast)}.vp__now__row:hover{background:var(--surface-hover);border-color:var(--tone-line, var(--line-strong))}.vp__now__bar{position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--tone, var(--text-muted))}.vp__now__text{flex:1;min-width:0}.vp__now__name{display:flex;align-items:baseline;gap:6px;min-width:0;font-size:12.5px;font-weight:560;color:var(--text-strong)}.vp__now__name>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.vp__now__name small{flex:none;font-family:var(--font-mono);font-size:10px;color:var(--text-muted)}.vp__now__meta{display:flex;align-items:center;gap:6px;margin-top:3px;font-size:11px;color:var(--text-muted);min-width:0}.vp__now__meta>span{font-family:var(--font-clock);font-variant-numeric:tabular-nums}.vp__now__left{display:flex;flex-direction:column;align-items:flex-end;flex:none;line-height:1.2}.vp__now__left b{font-family:var(--font-clock);font-size:12.5px;font-weight:650;font-variant-numeric:tabular-nums;color:var(--text-strong);white-space:nowrap}.vp__now__left small{font-size:10px;color:var(--text-dim)}.vp__sum{display:flex;flex-direction:column}.vp__sum__row{display:flex;align-items:center;gap:10px;padding:8px 0;border-bottom:1px solid var(--mdt-line, var(--line));min-width:0}.vp__sum__row:last-child{border-bottom:0}.vp__sum__row.is-mine .vp__sum__name>span{color:var(--accent)}.vp__sum__text{flex:1;min-width:0}.vp__sum__name{display:flex;align-items:baseline;gap:6px;min-width:0;font-size:12.5px;font-weight:520;color:var(--text-strong)}.vp__sum__name>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.vp__sum__name small{flex:none;font-family:var(--font-mono);font-size:10px;color:var(--text-muted)}.vp__sum__bar{margin-top:5px;height:4px;border-radius:2px;background:var(--mdt-line-2, var(--line-strong));overflow:hidden}.vp__sum__bar i{display:block;height:100%;border-radius:2px;background:var(--accent);transition:width var(--dur-fast)}.vp__sum__hours{display:flex;flex-direction:column;align-items:flex-end;flex:none;line-height:1.2}.vp__sum__hours b{font-family:var(--font-clock);font-size:13px;font-weight:650;font-variant-numeric:tabular-nums;color:var(--text-strong);white-space:nowrap}.vp__sum__hours small{font-size:10px;color:var(--text-dim);white-space:nowrap}.vp__hero{display:flex;align-items:flex-start;gap:12px;padding:12px 14px;border-radius:8px;background:var(--tone-bg, var(--surface-2));border:1px solid var(--tone-line, var(--line));margin-bottom:14px}.vp__hero__icon{width:36px;height:36px;border-radius:8px;display:grid;place-items:center;background:var(--mdt-card, var(--surface));color:var(--tone, var(--text-soft));flex:none}.vp__hero__time{font-family:var(--font-clock);font-size:18px;font-weight:650;letter-spacing:-.01em;font-variant-numeric:tabular-nums;color:var(--text-strong)}.vp__hero__when{font-size:12px;color:var(--text-soft);margin-top:2px}.vp__hero__badges{display:flex;flex-wrap:wrap;gap:5px;margin-top:7px}.vp__kinds{display:flex;flex-wrap:wrap;gap:6px}.vp__chip{display:inline-flex;align-items:center;gap:6px;height:28px;padding:0 11px;border-radius:999px;border:1px solid var(--mdt-line-2, var(--line-strong));background:var(--mdt-card-2, var(--surface-2));color:var(--text-soft);font-size:11.5px;font-weight:500;transition:background var(--dur-fast),border-color var(--dur-fast),color var(--dur-fast)}.vp__chip svg{color:var(--tone, currentColor)}.vp__chip:hover{background:var(--surface-hover);color:var(--text-strong)}.vp__chip.is-on{background:var(--tone-bg, var(--accent-soft));border-color:var(--tone-line, var(--accent-line));color:var(--tone, var(--accent))}.vp__preview{display:inline-flex;align-items:center;gap:7px;padding:7px 11px;border-radius:8px;border:1px solid var(--mdt-line-2, var(--line-strong));background:var(--mdt-card-2, var(--surface-2));font-family:var(--font-clock);font-size:12px;font-weight:500;font-variant-numeric:tabular-nums;color:var(--text-soft);justify-self:start}.vp__preview svg{color:var(--accent);flex:none}.vp__preview.is-warn{color:var(--c-amber);border-color:#f0b42959;background:#f0b42914}.vp__preview.is-warn svg{color:var(--c-amber)}.vp__picker{border:1px solid var(--mdt-line-2, var(--line-strong));border-radius:8px;background:var(--field);overflow:hidden}.vp__picker.is-open{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-softer)}.vp__picker__sel{display:flex;align-items:center;gap:10px;width:100%;min-height:44px;padding:7px 10px;text-align:left;color:var(--text);transition:background var(--dur-fast)}.vp__picker__sel:hover:not(:disabled){background:var(--surface-hover)}.vp__picker__sel:disabled{cursor:default}.vp__picker__sel>svg{flex:none;color:var(--text-dim);margin-left:auto}.vp__picker__text{flex:1;min-width:0}.vp__picker__name{font-size:12.5px;font-weight:560;color:var(--text-strong);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vp__picker__sub{font-size:10.5px;font-family:var(--font-mono);color:var(--text-dim);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vp__picker__drop{border-top:1px solid var(--mdt-line, var(--line))}.vp__picker__search{padding:6px 8px;background:var(--mdt-card-2, var(--surface-2))}.vp__picker__search .input{min-height:28px;padding:4px 9px;font-size:12px}.vp__picker__list{max-height:210px;overflow-y:auto;padding:4px}.vp__picker__row{display:flex;align-items:center;gap:9px;width:100%;padding:5px 7px;border-radius:6px;text-align:left;color:var(--text);transition:background var(--dur-fast)}.vp__picker__row:hover{background:var(--surface-hover)}.vp__picker__row.is-on{background:var(--accent-softer)}.vp__picker__row>svg{flex:none;color:var(--accent)}.vp__picker__empty{padding:14px;text-align:center;font-size:12px;color:var(--text-dim)}[data-density=compact] .vp__day{min-height:360px}[data-density=compact] .vp__shift{padding:6px 8px 6px 10px}[data-density=compact] .vp__sum__row{padding:6px 0}