:root{--bg: #f3f4f6;--surface: #ffffff;--border: #e5e7eb;--text: #111827;--text-muted: #6b7280;--primary: #2563eb;--primary-ink: #ffffff;--shipped: #34d399;--inhouse: #fbbf24;--warn-bg: #fef3c7;--warn-ink: #92400e;--danger: #dc2626;--radius: 12px;--tap: 44px;color-scheme:light}*{box-sizing:border-box}html,body,#root{margin:0;height:100%}body{background:var(--bg);color:var(--text);font-family:system-ui,-apple-system,Hiragino Kaku Gothic ProN,Noto Sans JP,sans-serif;font-size:16px;line-height:1.5;-webkit-text-size-adjust:100%}.mockbar{background:#fde68a;color:#92400e;font-size:12px;font-weight:600;text-align:center;padding:6px 12px}.app{display:flex;flex-direction:column;min-height:100%}.app__header{position:sticky;top:0;z-index:10;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px 14px;padding-top:max(10px,env(safe-area-inset-top));background:var(--surface);border-bottom:1px solid var(--border)}.app__brand{font-weight:700;font-size:16px;color:var(--text);text-decoration:none}.app__main{flex:1;padding:12px 12px 88px;max-width:720px;width:100%;margin:0 auto}.app__nav{position:fixed;bottom:0;left:0;right:0;z-index:10;display:flex;gap:6px;padding:8px 12px;padding-bottom:max(8px,env(safe-area-inset-bottom));background:var(--surface);border-top:1px solid var(--border)}.app__nav-item{flex:1;min-height:var(--tap);display:flex;align-items:center;justify-content:center;border-radius:var(--radius);text-decoration:none;font-weight:600;font-size:14px;color:var(--text-muted);background:var(--bg)}.app__nav-item.active{color:var(--primary);background:#eff6ff}.app__nav-item--accent{color:var(--primary-ink);background:var(--primary)}.app__nav-item--disabled{opacity:.4}.btn{min-height:var(--tap);padding:0 16px;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);color:var(--text);font-size:15px;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;text-decoration:none}.btn:disabled{opacity:.45;cursor:not-allowed}.btn--primary{background:var(--primary);border-color:var(--primary);color:var(--primary-ink)}.btn--ghost{background:transparent}.btn--block{width:100%}.btn--sm{min-height:36px;font-size:13px;padding:0 12px}.login{min-height:100%;display:flex;align-items:center;justify-content:center;padding:20px}.login__card{width:100%;max-width:360px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:24px 20px;display:flex;flex-direction:column;gap:14px}.login__title{margin:0 0 4px;font-size:18px;text-align:center}.login__error{margin:0;color:var(--danger);font-size:14px}.login__hint{margin:0;font-size:12px;color:var(--text-muted)}.field{display:flex;flex-direction:column;gap:6px}.field__label{font-size:13px;font-weight:600;color:var(--text-muted);display:flex;align-items:center;gap:8px}.field__req{font-size:11px;color:var(--danger);border:1px solid currentColor;border-radius:4px;padding:0 4px}.field__input{min-height:var(--tap);padding:10px 12px;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);font-size:16px;color:var(--text);width:100%}.field__input--area{min-height:80px;resize:vertical}.field__hint{font-size:12px;color:var(--text-muted)}.field__error{font-size:13px;color:var(--danger)}.page{display:flex;flex-direction:column;gap:14px}.page__loading,.page__error{padding:24px 12px;text-align:center;color:var(--text-muted)}.page__error{color:var(--danger)}.filterbar{display:flex;gap:6px;overflow-x:auto;padding-bottom:2px}.filterbar__tab{flex:0 0 auto;min-height:40px;padding:0 12px;border:1px solid var(--border);border-radius:999px;background:var(--surface);font-size:13px;font-weight:600;color:var(--text-muted);display:inline-flex;align-items:center;gap:6px;cursor:pointer}.filterbar__tab.is-active{background:var(--primary);border-color:var(--primary);color:var(--primary-ink)}.filterbar__count{font-size:12px;background:#0000001f;border-radius:999px;padding:0 6px;min-width:18px;text-align:center}.filterbar__tab.is-active .filterbar__count{background:#ffffff40}.cardlist{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}.jobcard{display:flex;flex-direction:column;gap:8px;padding:14px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);text-decoration:none;color:var(--text)}.jobcard__top{display:flex;align-items:center;justify-content:space-between;gap:8px}.jobcard__no{font-weight:700;font-variant-numeric:tabular-nums}.jobcard__title{font-size:15px;font-weight:600}.jobcard__item{color:var(--text-muted);font-weight:400}.jobcard__meta{font-size:13px;color:var(--text-muted)}.dbar{display:flex;flex-direction:column;gap:6px}.dbar__track{display:flex;width:100%;height:14px;border-radius:999px;overflow:hidden;background:var(--border)}.dbar--lg .dbar__track{height:22px}.dbar__seg--shipped{background:var(--shipped)}.dbar__seg--inhouse{background:var(--inhouse)}.dbar__legend{display:flex;flex-wrap:wrap;gap:10px;font-size:12px;color:var(--text-muted)}.dbar--lg .dbar__legend{font-size:14px}.dbar__legend-item{display:inline-flex;align-items:center;gap:4px}.dbar__legend-item--total{margin-left:auto;font-weight:600;color:var(--text)}.dbar__dot{width:10px;height:10px;border-radius:3px}.dbar__dot--shipped{background:var(--shipped)}.dbar__dot--inhouse{background:var(--inhouse)}.badge{display:inline-flex;align-items:center;padding:3px 10px;border-radius:999px;font-size:12px;font-weight:700;white-space:nowrap}.badge--received{background:#e0e7ff;color:#3730a3}.badge--producing{background:#cffafe;color:#155e75}.badge--awaiting{background:#fed7aa;color:#9a3412}.badge--delivered{background:#d1fae5;color:#065f46}.badge--partial{background:#fde68a;color:#92400e}.chips{display:flex;flex-wrap:wrap;gap:6px}.chip{font-size:12px;font-weight:600;padding:3px 8px;border-radius:6px}.chip--warn{background:var(--warn-bg);color:var(--warn-ink)}.empty{padding:40px 16px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:14px;color:var(--text-muted)}.empty__title{margin:0;font-weight:600}.detail__head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.detail__no{font-weight:700;font-variant-numeric:tabular-nums;color:var(--text-muted)}.detail__title{margin:2px 0 0;font-size:18px}.detail__section{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:14px}.detail__section-title{margin:0 0 10px;font-size:13px;font-weight:700;color:var(--text-muted)}.detail__actions{display:flex;flex-wrap:wrap;gap:8px}.detail__actions .btn{flex:1 1 auto}.detail__placeholder{margin:0;font-size:13px;color:var(--text-muted)}.detail__back{align-self:flex-start;color:var(--primary);text-decoration:none;font-weight:600;padding:8px 0}.kv{display:grid;grid-template-columns:96px 1fr;gap:8px 12px;margin:0}.kv__key{font-size:13px;color:var(--text-muted)}.kv__val{margin:0;font-size:14px;word-break:break-word}.audit{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.audit__row{display:flex;flex-wrap:wrap;gap:6px 10px;font-size:12px;padding-bottom:8px;border-bottom:1px dashed var(--border)}.audit__time{color:var(--text-muted);font-variant-numeric:tabular-nums}.audit__op{font-weight:700}.audit__diff{display:flex;flex-direction:column;gap:2px;width:100%}.search{-webkit-appearance:none;-moz-appearance:none;appearance:none}.notice{background:var(--surface);border:1px solid var(--border);border-left:4px solid var(--primary);border-radius:var(--radius);padding:14px;display:flex;flex-direction:column;gap:8px}.notice--warn{border-left-color:var(--warn-ink);background:var(--warn-bg)}.notice--info{border-left-color:var(--primary)}.notice__title{margin:0;font-weight:700;font-size:14px}.notice__body{margin:0;font-size:13px;line-height:1.6;color:var(--text-muted)}.notice--warn .notice__body{color:var(--warn-ink)}.notice code{background:var(--bg);padding:1px 5px;border-radius:4px;font-size:12px}.tag{display:inline-flex;align-items:center;padding:2px 8px;border-radius:6px;font-size:11px;font-weight:700;white-space:nowrap}.tag--own{background:#e0e7ff;color:#3730a3}.tag--customer{background:#fee2e2;color:#991b1b}.lotcard{display:flex;flex-direction:column;gap:8px;padding:14px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);text-decoration:none;color:var(--text)}.lotcard--child{margin-left:20px;border-left:3px solid var(--border)}.lotcard--inline{background:var(--bg)}.lotcard__top{display:flex;align-items:baseline;justify-content:space-between;gap:10px}.lotcard__name{font-weight:700;font-size:15px}.lotcard__tree{color:var(--text-muted);margin-right:6px;font-weight:400}.lotcard__qty{font-size:20px;font-weight:700;font-variant-numeric:tabular-nums;white-space:nowrap}.lotcard__qty small{font-size:12px;font-weight:600;color:var(--text-muted);margin-left:2px}.lotcard__meta{display:flex;flex-wrap:wrap;align-items:center;gap:8px;font-size:12px;color:var(--text-muted)}.lotcard__job{font-variant-numeric:tabular-nums}.lotqty{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap}.lotqty__now{font-size:32px;font-weight:700;font-variant-numeric:tabular-nums}.lotqty__now small{font-size:14px;font-weight:600;color:var(--text-muted);margin-left:3px}.lotqty__calc{font-size:13px;color:var(--text-muted)}.mvlist{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}.mv{border-bottom:1px dashed var(--border);padding-bottom:10px;display:flex;flex-direction:column;gap:4px}.mv:last-child{border-bottom:none;padding-bottom:0}.mv__head{display:flex;align-items:center;gap:8px}.mv__kind{font-size:11px;font-weight:700;padding:2px 7px;border-radius:6px}.mv--ship{background:#d1fae5;color:#065f46}.mv--use{background:#e0e7ff;color:#3730a3}.mv--split{background:#ede9fe;color:#5b21b6}.mv--scrap{background:#fee2e2;color:#991b1b}.mv--return{background:#fef3c7;color:#92400e}.mv__qty{font-weight:700;font-variant-numeric:tabular-nums}.mv__date{margin-left:auto;font-size:12px;color:var(--text-muted);font-variant-numeric:tabular-nums}.mv__meta{display:flex;flex-wrap:wrap;gap:10px;font-size:12px;color:var(--text-muted)}.mv__variance{color:var(--danger);font-weight:700}.ctxcard{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:14px;display:flex;flex-direction:column;gap:8px}.ctxcard__no{font-weight:700;font-variant-numeric:tabular-nums;color:var(--text-muted);font-size:13px}.ctxcard__title{font-weight:600}.ctxcard__note{margin:0;font-size:13px;color:var(--text-muted)}.preview{background:#eff6ff;border:1px solid #bfdbfe;border-radius:var(--radius);padding:14px;display:flex;flex-direction:column;gap:10px}.preview__title{font-size:13px;font-weight:700;color:#1e40af}.preview__verdict{margin:0;font-size:14px;font-weight:700}.preview__verdict--full{color:#065f46}.preview__verdict--partial{color:var(--warn-ink)}.variance{display:flex;flex-direction:column;gap:4px;padding:14px;border-radius:var(--radius);background:var(--surface);border:1px solid var(--border)}.variance--nonzero{background:var(--warn-bg);border-color:var(--warn-ink)}.variance__calc{font-size:13px;color:var(--text-muted);font-variant-numeric:tabular-nums}.variance--nonzero .variance__calc{color:var(--warn-ink)}.variance__value{font-size:28px;font-weight:700;font-variant-numeric:tabular-nums}.variance--nonzero .variance__value{color:var(--warn-ink)}.variance__value small{font-size:13px;font-weight:600;color:var(--text-muted);margin-left:3px}.variance__note{margin:0;font-size:12px;line-height:1.6;color:var(--text-muted)}.variance--nonzero .variance__note{color:var(--warn-ink);font-weight:600}.lotpick{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px;max-height:320px;overflow-y:auto}.lotpick__item{display:flex;align-items:center;gap:10px;padding:12px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);cursor:pointer}.lotpick__item.is-selected{border-color:var(--primary);background:#eff6ff}.lotpick__body{flex:1;display:flex;flex-direction:column;gap:4px;min-width:0}.lotpick__name{font-weight:600;font-size:14px}.lotpick__meta{display:flex;flex-wrap:wrap;align-items:center;gap:6px;font-size:11px;color:var(--text-muted)}.lotpick__qty{font-size:18px;font-weight:700;font-variant-numeric:tabular-nums;white-space:nowrap}.lotpick__qty small{font-size:11px;font-weight:600;color:var(--text-muted);margin-left:2px}.listactions{display:flex;gap:8px;flex-wrap:wrap}.combine{display:flex;flex-direction:column;gap:12px;padding:14px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius)}.combine__title{font-size:13px;font-weight:700;color:var(--text-muted)}.combine__row{display:flex;flex-direction:column;gap:6px;padding-bottom:12px;border-bottom:1px dashed var(--border)}.combine__row:last-child{border-bottom:none;padding-bottom:0}.combine__name{font-weight:600;font-size:14px;display:flex;align-items:baseline;gap:8px;flex-wrap:wrap}.combine__name small{font-size:12px;font-weight:400;color:var(--text-muted)}.combine__inputs{display:flex;gap:8px}.combine__field{flex:1;display:flex;flex-direction:column;gap:4px;min-width:0}.combine__field span{font-size:12px;color:var(--text-muted)}.combine__variance{font-size:12px;color:var(--text-muted);font-variant-numeric:tabular-nums}.combine__variance--nonzero{color:var(--warn-ink);background:var(--warn-bg);font-weight:700;padding:6px 8px;border-radius:6px}.madefrom{list-style:none;margin:0 0 10px;padding:0;display:flex;flex-direction:column;gap:8px}.madefrom__row{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap;padding-bottom:8px;border-bottom:1px dashed var(--border)}.madefrom__row:last-child{border-bottom:none;padding-bottom:0}.madefrom__name{font-weight:600;font-size:14px}.madefrom__qty{margin-left:auto;font-weight:700;font-variant-numeric:tabular-nums;white-space:nowrap}.madefrom__qty small{font-size:11px;font-weight:400;color:var(--text-muted);margin-left:3px}.readonly{margin:0;padding:12px;background:var(--bg);border-radius:var(--radius);font-size:15px}.link{color:var(--primary);text-decoration:none;font-weight:600}.toggle{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--text-muted);padding:4px 2px}.form__error{margin:0;padding:10px 12px;background:#fee2e2;color:#991b1b;border-radius:var(--radius);font-size:13px;line-height:1.6}.form{gap:16px}.form__title{margin:0;font-size:18px}.form__actions{display:flex;gap:10px;padding:8px 0 4px;margin-top:4px}.form__actions .btn{flex:1}@media (min-width: 900px){.app__header{order:0}.app__nav{order:1;position:static;max-width:1040px;width:100%;margin:14px auto 0;padding:0 12px;background:transparent;border-top:none;gap:8px}.app__nav-item{flex:0 0 auto;padding:0 22px}.app__main{order:2;max-width:1040px;padding-bottom:32px}.cardlist{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;align-items:start}.form{max-width:560px;margin-inline:auto}.detail{max-width:780px;margin-inline:auto}.detail .cardlist{grid-template-columns:1fr}}