.dz{--dz-van: #0f766e;--dz-2t: #1f6feb;--dz-4t: #6639ba;--dz-driver: #b35900;--dz-worker: #57606a;--dz-ok: #1a7f37;--dz-warn: #bf8700;--dz-no: #cf222e;--dz-dock: #1b1f24}.dz-busy .dz-missions,.dz-busy .dz-tray{cursor:progress}body.dz-grabbing,body.dz-grabbing *{cursor:grabbing!important;user-select:none;-webkit-user-select:none}.tone-v-light_van{--tone: var(--dz-van)}.tone-v-truck_2t{--tone: var(--dz-2t)}.tone-v-truck_4t{--tone: var(--dz-4t)}.tone-p-driver{--tone: var(--dz-driver)}.tone-p-worker{--tone: var(--dz-worker)}.dz-icon{color:var(--tone, var(--dz-worker));flex:none}.dz-days{display:flex;gap:8px;overflow-x:auto;padding-bottom:4px;margin-bottom:8px}.dz-days button{display:flex;flex-direction:column;align-items:flex-start;gap:1px;min-width:104px;padding:6px 12px;background:var(--panel);border-radius:8px}.dz-days button span{font-size:12px;color:var(--muted)}.dz-days button.on{border-color:var(--primary);box-shadow:inset 0 -3px 0 var(--primary);background:var(--primary-weak)}.dz-hud{display:flex;align-items:center;gap:14px;flex-wrap:wrap;padding:8px 12px;margin-bottom:12px;background:var(--panel);border:1px solid var(--line);border-radius:8px}.dz-hud b{font-size:16px;font-variant-numeric:tabular-nums}.dz-meter{display:flex;gap:3px}.dz-meter i{width:26px;height:10px;border-radius:3px;background:#d0d7de}.dz-meter i.t-short{background:var(--dz-warn)}.dz-meter i.t-ready{background:#54aeff}.dz-meter i.t-done{background:var(--dz-ok)}.dz-missions{display:grid;grid-template-columns:repeat(auto-fill,minmax(310px,1fr));gap:12px;align-items:start;padding-bottom:12px}.dz-mission{position:relative;background:var(--panel);border:1px solid var(--line);border-top:4px solid #afb8c1;border-radius:10px;padding:10px 12px 12px;display:flex;flex-direction:column;gap:6px;transition:box-shadow .15s,border-color .15s,opacity .15s,transform .15s}.dz-mission.t-short{border-top-color:var(--dz-warn)}.dz-mission.t-ready{border-top-color:#54aeff}.dz-mission.t-done{border-top-color:var(--dz-ok);background:#f6fff8}.dz-mission header{display:flex;align-items:center;gap:6px 8px;flex-wrap:wrap}.dz-time{white-space:nowrap;font-size:20px;font-weight:700;font-variant-numeric:tabular-nums;letter-spacing:.01em}.dz-time small{font-size:12px;font-weight:500;color:var(--muted);margin-left:2px}.dz-state{font-size:12px;font-weight:600;padding:2px 8px;border-radius:10px;background:#eaeef2;color:var(--muted);white-space:nowrap}.dz-state.t-short{background:var(--warn-weak);color:var(--warn)}.dz-state.t-ready{background:var(--primary-weak);color:var(--primary)}.dz-state.t-done{background:var(--ok-weak);color:var(--ok)}.dz-who{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.dz-route{color:var(--muted)}.dz-mission footer{display:flex;justify-content:flex-end;margin-top:2px}.dz-rows{display:flex;flex-direction:column;gap:4px;margin-top:4px}.dz-row{display:grid;grid-template-columns:62px 1fr;gap:2px 8px;align-items:center;padding:5px 6px;border-radius:8px;border:1.5px solid transparent;transition:background .12s,border-color .12s,opacity .12s}.dz-row-name{font-size:12px;color:var(--muted);font-weight:600;display:flex;flex-direction:column;line-height:1.25}.dz-row-name small{font-weight:500;font-variant-numeric:tabular-nums}.dz-sockets{display:flex;gap:6px;flex-wrap:wrap;min-height:34px;align-items:center}.dz-row-why{grid-column:2;font-size:11px;color:var(--muted)}.dz-socket{min-width:84px;height:34px;padding:0 10px;border:1.5px dashed #afb8c1;border-radius:8px;background:repeating-linear-gradient(-45deg,#f6f8fa,#f6f8fa 6px,#fff 6px 12px);color:#8c959f;font-size:12px}.dz-socket:hover:not(:disabled){border-color:var(--primary);color:var(--primary);background:var(--primary-weak)}.dz-chip{display:inline-flex;align-items:stretch;height:34px;border:1px solid var(--line);border-left:4px solid var(--tone);border-radius:8px;background:#fff;box-shadow:0 1px #1b1f240f;overflow:hidden}.dz-chip-body{display:inline-flex;align-items:center;gap:6px;padding:0 6px;border:none;border-radius:0;background:none;font-weight:600;cursor:grab;touch-action:none}.dz-chip-body .dz-icon{width:30px;height:18px}.dz-chip-body,.dz-chip-body:disabled{color:var(--text)}.dz-chip-body:disabled{opacity:1;cursor:default}.dz-chip-x{border:none;border-left:1px solid var(--line);border-radius:0;background:none;padding:0 8px;color:var(--muted);font-size:15px;line-height:1}.dz-chip-x:hover:not(:disabled){background:var(--danger-weak);color:var(--danger)}.dz-chip.is-locked{border-color:#4ac26b;border-left-color:var(--tone);background:var(--ok-weak)}.dz-chip.is-picked{outline:2px solid var(--primary);outline-offset:1px}.dz-chip.is-lifted{opacity:.35}.dz-chip.is-pop{animation:dz-pop .45s cubic-bezier(.2,1.4,.4,1)}.dz-active .dz-mission{opacity:.55}.dz-active .dz-mission.can-ok,.dz-active .dz-mission.can-warn{opacity:1}.dz-active .dz-row.h-ok{background:#e6ffec;border-color:#4ac26b;animation:dz-glow 1.1s ease-in-out infinite}.dz-active .dz-row.h-warn{background:#fff8c5;border-color:#d4a72c}.dz-active .dz-row.h-block{opacity:.5}.dz-active .dz-row.h-ok .dz-socket{border-color:var(--dz-ok);color:var(--dz-ok);background:#fff}.dz-active .dz-row.h-warn .dz-socket{border-color:var(--dz-warn);color:var(--warn);background:#fff}.dz-mission.is-over{opacity:1;box-shadow:0 6px 20px #1b1f2429;transform:translateY(-2px)}.dz-row.is-over.h-ok{border-color:var(--dz-ok);border-width:2px;background:#ccffd8;animation:none}.dz-row.is-over.h-warn{border-color:var(--dz-warn);border-width:2px;background:#ffef9a}.dz-row.is-over.h-block{opacity:1;border-color:var(--dz-no);border-style:dashed;background:var(--danger-weak)}.dz-row.is-shake{animation:dz-shake .4s;border-color:var(--dz-no);background:var(--danger-weak);opacity:1!important}.dz-checks{list-style:none;margin:2px 0 0;padding:0;display:flex;flex-direction:column;gap:2px}.dz-checks li{padding-left:16px;position:relative;color:var(--muted)}.dz-checks li:before{content:"";position:absolute;left:3px;top:6px;width:7px;height:7px;border-radius:50%;background:#afb8c1}.dz-checks li.warn{color:var(--warn)}.dz-checks li.warn:before{background:var(--dz-warn)}.dz-toast-area{position:sticky;bottom:150px;z-index:6;height:0;display:flex;justify-content:center;pointer-events:none}.dz-toast{position:absolute;bottom:8px;max-width:min(640px,92vw);padding:8px 14px;border-radius:8px;background:#24292f;color:#fff;font-weight:600;box-shadow:0 6px 20px #00000040;animation:dz-rise .2s ease-out}.dz-toast.warn{background:#7d4e00}.dz-toast.error{background:#a40e26}.dz-tray{position:sticky;bottom:0;z-index:5;margin:0 -16px -16px;padding:10px 16px 12px;background:var(--dz-dock);color:#fff;border-top:3px solid #32383f;box-shadow:0 -6px 18px #0000002e;transition:border-color .12s,background .12s}.dz-tray.is-over{border-top-color:#ff8182;background:#2b1d21}.dz-tray-scroll{display:flex;gap:16px;overflow-x:auto;padding-bottom:2px;scrollbar-color:#57606a transparent}.dz-group{display:flex;gap:6px;align-items:stretch}.dz-group-name{writing-mode:vertical-rl;text-orientation:upright;font-size:12px;font-weight:700;letter-spacing:.2em;color:#c9d1d9;display:flex;align-items:center;gap:4px;padding:0 2px}.dz-group-name small{writing-mode:horizontal-tb;font-weight:500;color:#8b949e;letter-spacing:0}.dz-tray-hint{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#a40e26d1;color:#fff;font-weight:700;pointer-events:none;opacity:0;transition:opacity .12s}.dz-tray.is-over .dz-tray-hint{opacity:1}.dz-card{flex:none;width:112px;padding:0 0 6px;display:flex;flex-direction:column;align-items:stretch;gap:2px;text-align:left;background:#fff;color:var(--text);border:1px solid #0d1117;border-radius:10px;overflow:hidden;cursor:grab;touch-action:pan-x;box-shadow:0 2px #00000059;transition:transform .12s,box-shadow .12s,opacity .12s}.dz-card:hover:not(:disabled){background:#fff;transform:translateY(-3px);box-shadow:0 6px 12px #0006}.dz-card:disabled{opacity:.8;cursor:default}.dz-card-band{display:flex;align-items:center;justify-content:center;height:34px;background:color-mix(in srgb,var(--tone) 14%,#fff);border-bottom:3px solid var(--tone)}.dz-card strong{padding:3px 8px 0;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dz-card small{padding:0 8px;font-size:11px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dz-card-foot{font-variant-numeric:tabular-nums}.dz-card.is-picked{transform:translateY(-8px);box-shadow:0 0 0 3px #54aeff,0 10px 18px #00000073}.dz-card.is-lifted{opacity:.3;transform:none}.dz-daybar{position:relative;display:block;height:6px;margin:3px 8px 1px;border-radius:3px;background:#eaeef2;overflow:hidden}.dz-daybar i{position:absolute;top:0;bottom:0}.dz-daybar i.on{background:var(--tone);opacity:.75}.dz-daybar i.on.fixed{opacity:1}.dz-daybar-target{background:#54aeff;opacity:.45}.dz-ghost{position:fixed;left:0;top:0;z-index:50;pointer-events:none;will-change:transform}.dz-ghost-card{position:absolute;left:-22px;top:-20px;display:inline-flex;align-items:center;gap:8px;padding:8px 12px 8px 8px;white-space:nowrap;background:#fff;border:1px solid var(--line);border-left:5px solid var(--tone);border-radius:10px;box-shadow:0 14px 28px #0000004d;transform:rotate(-3deg) scale(1.06)}.dz-ghost-note{position:absolute;left:-22px;top:32px;white-space:nowrap;max-width:80vw;overflow:hidden;text-overflow:ellipsis;padding:3px 9px;border-radius:10px;font-size:12px;font-weight:700;color:#fff;background:#24292f}.dz-ghost.g-ok .dz-ghost-note{background:var(--dz-ok)}.dz-ghost.g-warn .dz-ghost-note{background:#7d4e00}.dz-ghost.g-block .dz-ghost-note,.dz-ghost.g-out .dz-ghost-note{background:#a40e26}.dz-ghost.g-block .dz-ghost-card{filter:grayscale(.6)}@keyframes dz-pop{0%{transform:scale(.6)}60%{transform:scale(1.12)}to{transform:scale(1)}}@keyframes dz-shake{0%,to{transform:translate(0)}20%{transform:translate(-6px)}40%{transform:translate(6px)}60%{transform:translate(-4px)}80%{transform:translate(4px)}}@keyframes dz-glow{0%,to{box-shadow:0 0 #4ac26b00}50%{box-shadow:0 0 0 4px #4ac26b47}}@keyframes dz-rise{0%{transform:translateY(8px);opacity:0}to{transform:none;opacity:1}}@media(max-width:640px){.dz-missions{grid-template-columns:1fr}.dz-card{width:104px}.dz-hud{gap:10px}}@media(prefers-reduced-motion:reduce){.dz *,.dz-ghost-card{animation:none!important;transition:none!important}.dz-ghost-card{transform:none}}:root{--bg: #f5f6f8;--panel: #ffffff;--text: #1f2328;--muted: #656d76;--line: #d8dee4;--primary: #1f6feb;--primary-weak: #ddf4ff;--danger: #cf222e;--danger-weak: #ffebe9;--warn: #9a6700;--warn-weak: #fff8c5;--ok: #1a7f37;--ok-weak: #dafbe1;font-family:system-ui,-apple-system,Hiragino Sans,Noto Sans JP,Yu Gothic UI,sans-serif;font-size:14px;color:var(--text);background:var(--bg)}*{box-sizing:border-box}body{margin:0}a{color:var(--primary);text-decoration:none}a:hover{text-decoration:underline}h1{font-size:18px;margin:0 0 12px}h2{font-size:15px;margin:0 0 8px}h3{font-size:14px;margin:12px 0 6px}.topbar{display:flex;align-items:center;gap:8px 16px;flex-wrap:wrap;padding:8px 16px;background:#24292f;color:#fff}.topbar a{color:#fff;white-space:nowrap}.topbar nav{display:flex;gap:14px;flex:1;flex-wrap:wrap}.topbar .active{text-decoration:underline;font-weight:600}.main{padding:16px;max-width:1400px;margin:0 auto}.panel{background:var(--panel);border:1px solid var(--line);border-radius:6px;padding:12px;margin-bottom:12px}.grid2{display:grid;grid-template-columns:minmax(320px,1fr) minmax(360px,1.2fr);gap:12px;align-items:start}.row{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.spacer{flex:1}.muted{color:var(--muted)}.small{font-size:12px}table{width:100%;border-collapse:collapse;background:var(--panel)}th,td{border-bottom:1px solid var(--line);padding:6px 8px;text-align:left;vertical-align:top}th{background:#f6f8fa;font-weight:600;white-space:nowrap}tr.clickable:hover{background:#f6f8fa;cursor:pointer}dl.kv{display:grid;grid-template-columns:110px 1fr;gap:4px 8px;margin:0}dl.kv dt{color:var(--muted)}dl.kv dd{margin:0}input,select,textarea{font:inherit;padding:5px 7px;border:1px solid var(--line);border-radius:4px;background:#fff}textarea{width:100%;min-height:60px}input:focus,select:focus,textarea:focus{outline:2px solid var(--primary-weak);border-color:var(--primary)}label.field{display:flex;flex-direction:column;gap:3px;margin-bottom:8px}label.field>span{color:var(--muted);font-size:12px}.field-error{color:var(--danger);font-size:12px}button{font:inherit;padding:5px 12px;border:1px solid var(--line);border-radius:4px;background:#f6f8fa;cursor:pointer}button:hover:not(:disabled){background:#eef1f4}button:disabled{opacity:.5;cursor:not-allowed}button.primary{background:var(--primary);color:#fff;border-color:var(--primary)}button.primary:hover:not(:disabled){background:#1158c7}button.danger{color:var(--danger)}button.link{border:none;background:none;color:var(--primary);padding:0}.badge{display:inline-block;padding:1px 6px;border-radius:10px;font-size:12px;background:#eaeef2;white-space:nowrap}.badge.warn{background:var(--warn-weak);color:var(--warn)}.badge.danger{background:var(--danger-weak);color:var(--danger)}.badge.ok{background:var(--ok-weak);color:var(--ok)}.badge.info{background:var(--primary-weak);color:var(--primary)}.notice{padding:8px 12px;border-radius:6px;margin-bottom:8px;border:1px solid var(--line)}.notice.warn{background:var(--warn-weak);border-color:#d4a72c}.notice.danger{background:var(--danger-weak);border-color:#ff8182}.notice.ok{background:var(--ok-weak);border-color:#4ac26b}.notice.info{background:var(--primary-weak);border-color:#54aeff}.promise{color:#8250df;font-weight:600}.unknown{color:#8c959f;font-style:italic}.tabs{display:flex;gap:4px;margin-bottom:8px;border-bottom:1px solid var(--line)}.tabs button{border:none;border-bottom:2px solid transparent;border-radius:0;background:none}.tabs button.on{border-bottom-color:var(--primary);font-weight:600}.skeleton{background:linear-gradient(90deg,#eef1f4,#f6f8fa,#eef1f4);height:14px;border-radius:3px;margin:6px 0}.save-state{font-size:12px;padding:2px 8px;border-radius:10px}.save-state.saved{color:var(--ok)}.save-state.dirty{color:var(--warn);background:var(--warn-weak)}.save-state.saving{color:var(--muted)}.save-state.failed{color:#fff;background:var(--danger);font-weight:600}.overlay{position:fixed;inset:0;background:#00000059;display:flex;align-items:center;justify-content:center;z-index:10}.dialog{background:#fff;border-radius:8px;padding:16px;width:min(860px,95vw);max-height:90vh;overflow:auto}.side-panel{position:fixed;top:0;right:0;bottom:0;width:min(460px,100vw);background:#fff;border-left:1px solid var(--line);padding:16px;overflow:auto;z-index:9;box-shadow:-4px 0 12px #00000014}.login{max-width:360px;margin:80px auto}
