/* 기존 라벨 화면의 당일 묶음. */
#day-label-picker{display:grid;grid-template-columns:26px minmax(0,1fr);column-gap:8px;row-gap:0;align-items:stretch}
.v-left{display:flex;grid-column:1;grid-row:1 / 4;min-width:0;align-self:stretch}
.v-left>.lgt{width:26px;height:auto;flex:1;display:flex;align-items:center;justify-content:center;cursor:default}
.v-main{display:contents}
.v-tools{grid-column:2;grid-row:1}
.v-search{grid-column:2;grid-row:2}
#v-body{grid-column:2;grid-row:3;padding-bottom:2px;min-width:0;overflow-x:auto;overscroll-behavior-x:contain}
.v-tools{display:flex;align-items:center;gap:8px;min-height:44px;border-bottom:1px solid var(--hairline)}
.v-tools .mk-tabs{display:flex;flex:1;min-width:0;gap:16px;align-items:center}
.v-tools button{font-family:inherit;color:var(--ink2);cursor:pointer}
.v-tools .mk-tabs button{appearance:none;border:0;border-bottom:2px solid transparent;background:transparent;min-height:44px;padding:6px 0;font-size:var(--c1);font-weight:500;white-space:nowrap}
.v-tools .mk-tabs button.on{color:var(--accent-ink);border-bottom-color:var(--accent);font-weight:700}
.v-search-open,.v-manage{border:0;background:transparent;padding:0;flex-shrink:0;min-height:44px;font-size:var(--c1)}
.v-search-open{width:32px;display:flex;align-items:center;justify-content:center}
.v-search-open svg{width:18px;height:18px}
.v-main input.v-search{margin:10px 0 4px;font-size:var(--c1)}
.v-main input.v-search[hidden]{display:none}
.v-matrix{--size-width:56px;min-width:364px}
.v-matrix-head,.v-matrix-row{display:grid;grid-template-columns:minmax(0,1fr) 30px repeat(3,var(--size-width));align-items:stretch}
.v-matrix-head{font-size:var(--l1);color:var(--muted);border-bottom:1px solid var(--hairline2);min-height:30px;background:var(--card-solid)}
.v-matrix-head>span{display:flex;align-items:center;justify-content:center;font-weight:600}
.v-matrix-head>span:first-child{justify-content:flex-start;padding-left:4px}
.v-matrix-row{min-height:40px;border-bottom:1px solid var(--hairline)}
.v-matrix-row:last-child{border-bottom:0}
#v-head-dock{position:fixed;inset:0;z-index:15;pointer-events:none}
#v-head-dock[hidden]{display:none}
#v-head-dock .v-dock-head{position:absolute;margin:0;pointer-events:auto}
#v-head-dock .v-dock-head{grid-template-columns:minmax(0,1fr) 30px repeat(3,var(--size-width));box-shadow:0 -14px 0 var(--card-solid)}
#day-label-picker.v-docked .v-matrix-head{visibility:hidden}
.v-name{display:flex;align-items:stretch;font-size:var(--l1);font-weight:500;line-height:1.35;min-width:0;padding:0 4px 0 0}
.v-name button{display:flex;align-items:center;gap:3px;appearance:none;min-width:0;padding:2px;border:0;background:transparent;color:inherit;font:inherit;text-align:left;border-radius:6px;cursor:pointer;touch-action:pan-y;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}

.v-name button:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}
.v-name .v-cake-preview{flex:1;min-width:0}
.v-name .v-favorite{width:26px;flex:none;justify-content:center;color:var(--muted);font-size:var(--h2)}
.v-name .v-favorite[aria-pressed="true"]{color:var(--accent-ink)}
.v-all-cell{display:flex;align-items:stretch;border-left:1px solid var(--hairline)}
.v-all{display:flex;align-items:center;justify-content:center;width:100%;padding:0;border:0;background:transparent;color:var(--accent-ink);cursor:pointer;touch-action:manipulation}
.v-all>span{display:flex;align-items:center;justify-content:center;width:18px;height:18px;border:1px solid var(--hairline2);border-radius:5px;font-size:var(--l1)}
.v-all[aria-checked="true"]>span,.v-all[aria-checked="mixed"]>span{border-color:var(--accent);background:var(--accent-weak)}
.v-all:focus-visible,.v-favorite:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}
.v-name button:disabled,.v-all:disabled{opacity:.45;cursor:default}
.v-preview-sizes{margin-top:14px;gap:8px}
.v-preview-sizes .on{background:var(--accent);color:#fff;border-color:var(--accent)}
.v-preview-image{margin-top:14px;min-height:70px;font-size:var(--c1)}
.v-preview-image img{display:block;width:100%;height:auto;background:#fff;border-radius:8px}
.v-preview-image .btn2{display:block;margin-top:14px}
.v-cake-title{display:block;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.v-pin{color:var(--accent-ink);flex:0 0 auto;font-size:12px}
.v-cell{display:flex;align-items:center;justify-content:center;border-left:1px solid var(--hairline);color:var(--muted)}
.v-step{display:grid;grid-template-columns:minmax(0,1fr) 18px minmax(0,1fr);align-items:stretch;width:100%;min-width:0;height:38px;border-radius:8px;overflow:hidden}
.v-step.has-qty{background:var(--accent-weak)}
.v-step button{appearance:none;border:0;background:transparent;padding:0;color:var(--ink2);font-family:inherit;font-size:var(--l1);line-height:1;cursor:pointer;touch-action:manipulation}
.v-step .v-minus{width:auto;min-width:0}
.v-step .v-plus{display:flex;align-items:center;justify-content:center;gap:0;flex:1;min-width:0;color:var(--muted)}
.v-step.has-qty .v-plus{color:var(--accent-ink)}
.v-step:not(.has-qty) .v-minus,.v-step:not(.has-qty) .v-qty{display:none}
.v-step:not(.has-qty) .v-plus{grid-column:1 / -1}
.v-step .v-qty{display:flex;align-items:center;justify-content:center;text-align:center;font-size:var(--l1);font-weight:700;color:var(--accent-ink);font-variant-numeric:tabular-nums}
.v-step button:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}
.v-step button:disabled{opacity:.45;cursor:default}
.v-empty{padding:24px 4px;text-align:center;color:var(--muted);font-size:var(--c1)}
.v-dialog-list{max-height:55vh;overflow:auto;margin-top:14px}
.v-dialog-list button{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;min-height:44px;padding:10px 4px;border:0;border-bottom:1px solid var(--hairline);background:transparent;color:var(--ink);font-family:inherit;text-align:left;font-size:var(--b1)}
.v-close{margin-top:14px;width:100%}
.v-preview{display:grid;gap:14px;margin-top:14px;max-height:60vh;overflow:auto}
.v-preview img{display:block;width:100%;height:auto;margin-top:8px;background:#fff;border-radius:8px}
@media(max-width:350px){.v-matrix{--size-width:48px}#day-label-picker{grid-template-columns:26px minmax(0,1fr);column-gap:7px}.v-left>.lgt{width:26px}.v-tools .mk-tabs{gap:10px}.v-tools{gap:6px}.v-name{padding-right:2px}.v-name button{gap:2px}.v-search-open{width:24px}.v-step{grid-template-columns:minmax(0,1fr) 16px minmax(0,1fr)}}

.v-step .v-minus:disabled{visibility:hidden}

@media(max-width:450px){.v-matrix{--size-width:44px;min-width:328px}}

/* 큰 글씨에서도 이름은 줄을 바꾸거나 줄이지 않고 표 안에서 이동한다. */
.v-matrix{min-width:calc(3 * var(--size-width) + 58px + 12 * var(--l1))}