.mtone-in{--tone:var(--success);--tone-bg:var(--success-bg)}.mtone-out{--tone:var(--info);--tone-bg:var(--info-bg)}.mtone-waste,.mtone-danger{--tone:var(--danger);--tone-bg:var(--danger-bg)}.mtone-muted{--tone:var(--muted);--tone-bg:var(--wash)}.mtone-primary,.mtone-all{--tone:var(--primary);--tone-bg:var(--wash)}.mtone-info{--tone:var(--info);--tone-bg:var(--info-bg)}.mtone-success{--tone:var(--success);--tone-bg:var(--success-bg)}.mtone-warning{--tone:var(--warning);--tone-bg:var(--warning-bg)}.move-thumb{--thumb:calc(var(--space-6) * 2);width:var(--thumb);height:var(--thumb);border-radius:var(--radius-control);object-fit:cover;background:var(--wash);flex:none}.move-thumb-sm{--thumb:var(--size-icon-button);border-radius:calc(var(--radius-control) - var(--space-1))}.move-thumb-empty{color:var(--primary);background:var(--gradient);border:1px solid var(--border);place-items:center;display:grid}.move-avatar{--avatar:var(--size-icon-button);width:var(--avatar);height:var(--avatar);border-radius:var(--radius-pill);background:var(--tone-bg,var(--wash));color:var(--tone,var(--primary));object-fit:cover;flex:none;place-items:center;font-weight:600;line-height:1;display:inline-grid}.move-avatar-xs{--avatar:var(--space-5);font-size:var(--font-caption)}.move-list{margin:0;padding:0;list-style:none;display:grid;position:relative}.move-item{gap:var(--space-3);padding:var(--space-3) 0;grid-template-columns:auto minmax(0,1fr) auto;align-items:start;display:grid;position:relative}.move-item+.move-item{border-top:1px solid var(--border)}.move-node{width:var(--size-icon-button);height:var(--size-icon-button);border-radius:var(--radius-control);background:var(--tone-bg);color:var(--tone);place-items:center;display:grid}.move-body{gap:2px;min-width:0;display:grid}.move-product{overflow-wrap:break-word;text-wrap:balance;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;font-weight:600;line-height:1.35;text-decoration:none;display:-webkit-box;overflow:hidden}.move-product:hover{color:var(--primary);text-underline-offset:3px;text-decoration:underline}.move-meta{align-items:center;gap:var(--space-1) var(--space-2);color:var(--muted);font-size:var(--font-sm);flex-wrap:wrap;display:flex}.move-meta .move-avatar-xs{margin-right:calc(-1 * var(--space-1))}.move-type{color:var(--tone);font-weight:600}.move-meta>span:not(.move-avatar,.move-source)+:is(.move-type,time):before{content:"·";margin-right:var(--space-2);color:var(--muted);font-weight:400}.move-source{padding:0 var(--space-2);border-radius:var(--radius-pill);background:var(--success-bg);color:var(--success);font-size:var(--font-caption);align-items:center;gap:2px;font-weight:600;line-height:1.6;display:inline-flex}.move-source .icon{width:var(--space-4);height:var(--space-4)}.move-note{color:var(--muted);font-size:var(--font-sm);padding-left:var(--space-2);border-left:2px solid var(--border);margin-top:var(--space-1);overflow-wrap:anywhere}.move-qty{text-align:right;white-space:nowrap;justify-items:end;gap:2px;display:grid}.move-delta{color:var(--tone);font-size:var(--font-lg);font-variant-numeric:tabular-nums;line-height:1.2}.mtone-muted .move-delta{color:var(--ink)}.move-unit{font-size:var(--font-sm);margin-left:var(--space-1);color:var(--muted);font-weight:400}.move-qty small,.move-flow{color:var(--muted);font-size:var(--font-sm);font-variant-numeric:tabular-nums}.move-head{justify-content:space-between;align-items:start;gap:var(--space-3);display:flex}.move-head h1{margin-block:var(--space-1)}.move-export{gap:var(--space-2)}.move-filters{gap:var(--space-3);display:grid}.move-types{margin-inline:calc(-1 * var(--space-4));padding-inline:var(--space-4);scrollbar-width:none}.move-types::-webkit-scrollbar{display:none}.move-chip{gap:var(--space-2);min-height:var(--ctl-height);padding-inline:var(--space-4);transition:background var(--motion), border-color var(--motion)}.move-chip:hover{border-color:var(--tone)}.move-chip[aria-current]{background:var(--primary);border-color:var(--primary);color:var(--primary-ink);font-weight:600}.move-chip-dot{width:var(--space-2);height:var(--space-2);border-radius:var(--radius-pill);background:var(--tone)}.move-chip[aria-current] .move-chip-dot{background:var(--primary-ink)}.move-filter-row{gap:var(--space-2);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.move-picker .sheet-open{border-radius:var(--radius-control);width:100%;padding-inline:var(--space-3);text-overflow:ellipsis;white-space:nowrap;text-align:left;min-height:calc(var(--ctl-height) + var(--space-3));padding-block:var(--space-1);font-weight:400;line-height:1.4;display:block;overflow:hidden}.move-picker .sheet-open:before{content:"ผู้ทำรายการ";font-size:var(--font-caption);color:var(--muted);line-height:1.3;display:block}.move-picker-date .sheet-open:before{content:"ช่วงวันที่"}.move-picker.is-set .sheet-open{border-color:var(--primary);background:var(--wash);color:var(--primary);font-weight:600}.move-picker .sheet{padding-bottom:calc(var(--space-6) + env(safe-area-inset-bottom))}.move-summary{justify-content:space-between;align-items:center;gap:var(--space-3);color:var(--muted);font-size:var(--font-sm);min-height:var(--space-6);display:flex}.move-clear{align-items:center;gap:var(--space-1);color:var(--primary);min-height:var(--space-6);font-weight:600;text-decoration:none;display:inline-flex}.move-clear .icon{width:var(--space-4);height:var(--space-4)}.move-people{margin:0;padding:0;list-style:none;display:grid}.move-people a{align-items:center;gap:var(--space-3);min-height:var(--size-menu-item);padding:var(--space-2) var(--space-2);border-radius:var(--radius-control);text-decoration:none;display:flex}.move-people a:hover{background:var(--wash)}.move-people a[aria-current]{background:var(--wash);color:var(--primary);font-weight:600}.move-people a>.icon{color:var(--primary);margin-left:auto}.move-people-name{display:grid}.move-people-name small{color:var(--muted);font-weight:400;font-size:var(--font-sm)}.move-range{gap:var(--space-4);display:grid}.move-range-presets .chip[aria-current]{background:var(--primary);border-color:var(--primary);color:var(--primary-ink)}.move-cal{gap:var(--space-3);display:grid}.move-cal-picked{align-items:center;gap:var(--space-2);padding:var(--space-3);border-radius:var(--radius-control);background:var(--wash);color:var(--primary);font-weight:600;display:flex}.move-month{gap:var(--space-2);display:grid}.move-month-head{justify-content:space-between;align-items:center;display:flex}.move-month-prev .icon{transform:rotate(90deg)}.move-month-next .icon{transform:rotate(-90deg)}.move-cal-grid{grid-template-columns:repeat(7,minmax(0,1fr));gap:2px;display:grid}.move-cal-wd{text-align:center;font-size:var(--font-caption);color:var(--muted);padding-block:var(--space-1)}.move-cal-day{aspect-ratio:1;min-height:var(--space-6);border-radius:var(--radius-control);color:var(--ink);font-variant-numeric:tabular-nums;transition:background var(--motion);background:0 0;border:0;position:relative}.move-cal-day:hover:not(:disabled){background:var(--wash)}.move-cal-day:disabled{color:var(--border);cursor:not-allowed}.move-cal-day.is-today{box-shadow:inset 0 0 0 1px var(--primary);font-weight:600}.move-cal-day.has-moves:after,.move-cal-dot{content:"";width:var(--space-1);height:var(--space-1);border-radius:var(--radius-pill);background:var(--success);position:absolute;bottom:18%;left:50%;transform:translate(-50%)}.move-cal-day.in-range{background:var(--wash);border-radius:0}.move-cal-day[aria-pressed=true],.move-cal-day[aria-pressed=true]:hover:not(:disabled){background:var(--primary);color:var(--primary-ink);font-weight:600}.move-cal-day[aria-pressed=true]:after{background:var(--primary-ink)}.move-cal-legend{align-items:center;gap:var(--space-2);display:flex}.move-cal-dot{display:inline-block;position:static;transform:none}.move-cal-actions{gap:var(--space-2);grid-template-columns:1fr 2fr;display:grid}.move-panel{padding-block:var(--space-2);position:relative}.move-days{display:grid}.move-day+.move-day{margin-top:var(--space-2)}.move-day-head{z-index:1;align-items:center;gap:var(--space-3);padding:var(--space-3) 0 var(--space-2);background:var(--surface);font-size:var(--font-sm);color:var(--muted);margin:0;display:flex;position:sticky;top:0}.move-day-head span{color:var(--ink);font-weight:600}.move-day-head:after{content:"";background:var(--border);flex:1;height:1px}.move-days .move-list:before{content:"";top:var(--space-5);bottom:var(--space-5);left:calc(var(--size-icon-button) / 2);background:var(--border);width:1px;position:absolute}.move-days .move-node{z-index:0;box-shadow:0 0 0 var(--space-1) var(--surface);position:relative}.move-more-wrap{justify-items:center;gap:var(--space-2);padding:var(--space-4) 0 var(--space-2);display:grid}.move-more{min-width:60%}.move-more[aria-busy=true]{opacity:.7;cursor:progress}.move-end{text-align:center}.move-top{font-size:var(--font-sm);color:var(--primary)}.move-more-error{align-items:center;gap:var(--space-2);color:var(--danger);font-size:var(--font-sm);flex-wrap:wrap;justify-content:center;display:flex}.move-state{justify-items:center;gap:var(--space-2);padding-bottom:var(--space-6);display:grid}.move-skeleton,.move-panel[aria-busy=true]>:not(.move-skeleton){display:none}.move-panel[aria-busy=true] .move-skeleton{gap:var(--space-4);padding-block:var(--space-4);display:grid}.move-skel-row{grid-template-columns:var(--size-icon-button) 1fr calc(var(--space-8) * 2);gap:var(--space-3);align-items:center;display:grid}.move-skel-row span{height:var(--space-4);border-radius:var(--radius-pill);background:linear-gradient(90deg, var(--wash), var(--border), var(--wash));background-size:200% 100%;animation:1.2s ease-in-out infinite move-shimmer}.move-skel-row span:first-child{height:var(--size-icon-button);border-radius:var(--radius-control)}@keyframes move-shimmer{to{background-position:-200% 0}}@media (prefers-reduced-motion:reduce){.move-skel-row span{animation:none}}@media (width>=701px){.move-filters{grid-template-columns:minmax(0,1fr) auto;align-items:center}.move-types{flex-wrap:wrap;margin-inline:0;padding-inline:0;overflow:visible}.move-filter-row{grid-template-columns:repeat(2, minmax(calc(var(--space-8) * 5.5), 1fr))}.move-summary{grid-column:1/-1}.move-panel{padding-inline:var(--space-6)}.move-item{grid-template-columns:auto minmax(0, 1fr) minmax(calc(var(--space-8) * 4), auto);padding-block:var(--space-3)}}@media (width<=600px){.move-panel{padding-inline:var(--space-4)}.move-export{padding-inline:var(--space-3)}.move-export-long{display:none}.move-item{gap:var(--space-2) var(--space-3)}.move-delta{font-size:var(--font-md)}.move-unit{font-size:var(--font-caption);margin-left:2px}.move-qty small,.move-flow{font-size:var(--font-caption)}}
