:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--board-bg:#0079bf;--topbar-bg:#0000003d;--list-bg:#f1f2f4;--card-bg:#fff;--text:#172b4d;--text-subtle:#44546f;--text-subtlest:#626f86;--hover-bg:#091e420f;--pressed-bg:#091e4224;--focus:#388bff;--primary:#0c66e4;--primary-hover:#05c;--danger:#c9372c;--danger-hover:#ae2e24;--ok-bg:#dcfff1;--ok-text:#216e4e;--warn-bg:#f8e6a0;--warn-text:#533f04;--warn-strong:#e2b203;--done-green:#1f845a;--card-shadow:0 1px 1px #091e4240, 0 0 1px #091e424f;--raised-shadow:0 8px 12px #091e4226, 0 0 1px #091e424f;--radius-list:12px;--radius-card:8px;--list-width:272px;--font:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Noto Sans", Ubuntu, "Droid Sans", "Helvetica Neue", sans-serif;--mono:ui-monospace, SFMono-Regular, Consolas, "Liberation Mono", monospace}*,:before,:after{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--board-bg);color:var(--text);font-family:var(--font);-webkit-text-size-adjust:100%;font-size:14px;line-height:20px;overflow:hidden}button,input,select,textarea{font:inherit;color:inherit}:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.app{flex-direction:column;height:100dvh;display:flex;overflow:hidden}.topbar{padding:8px max(12px, env(safe-area-inset-right)) 8px max(12px, env(safe-area-inset-left));background:var(--topbar-bg);color:#fff;flex-wrap:wrap;align-items:center;gap:8px 12px;display:flex}.topbar__title{margin:0;padding:0 4px;font-size:18px;font-weight:700;line-height:32px}.scan{flex:0 480px;gap:8px;min-width:0;display:flex}.scan__field{flex:auto;min-width:0;position:relative}.scan__icon{color:var(--text-subtle);pointer-events:none;position:absolute;top:50%;left:10px;transform:translateY(-50%)}.scan__input,.scan__select{min-height:40px;color:var(--text);background:#fff;border:0;border-radius:8px}.scan__input{width:100%;padding:8px 10px 8px 34px}.scan__input::placeholder{color:var(--text-subtlest)}.scan__select{cursor:pointer;max-width:150px;padding:0 8px}.scan__submit,.topbar__reset{color:#fff;cursor:pointer;background:#fff3;border:0;border-radius:8px;min-height:40px}.scan__submit{place-items:center;min-width:40px;display:grid}.topbar__reset{margin-left:auto;padding:0 12px;font-weight:500}.scan__submit:hover,.topbar__reset:hover{background:#ffffff52}.topbar :focus-visible{outline-color:#fff}.banner{color:var(--warn-text);text-align:center;background:#fff7d6;border-bottom:1px solid #f5cd47;margin:0;padding:6px 12px;font-size:13px;line-height:18px}.board{overscroll-behavior-x:contain;scrollbar-color:#ffffff8c #00000026;flex:auto;align-items:flex-start;gap:12px;min-height:0;padding:12px;scroll-padding-inline:12px;display:flex;overflow:auto hidden}.board:after{content:"";flex:0 0 1px}.column{flex:0 0 var(--list-width);width:var(--list-width);border-radius:var(--radius-list);background:var(--list-bg);max-height:100%;box-shadow:var(--card-shadow);flex-direction:column;display:flex;position:relative}.column__header{align-items:center;gap:8px;padding:10px 12px 6px 14px;display:flex}.column__name{overflow-wrap:anywhere;flex:1;margin:0;font-size:14px;font-weight:600;line-height:20px}.column__count{background:var(--hover-bg);min-width:24px;color:var(--text-subtle);text-align:center;border-radius:10px;padding:0 6px;font-size:12px;font-weight:600;line-height:20px}.column__cards{overscroll-behavior-y:contain;scrollbar-width:thin;flex-direction:column;flex:auto;gap:8px;min-height:8px;padding:2px 8px 4px;display:flex;overflow:hidden auto}.column__add{min-height:40px;color:var(--text-subtle);text-align:left;cursor:pointer;background:0 0;border:0;border-radius:8px;align-items:center;gap:6px;margin:4px 8px 8px;padding:6px 8px;font-weight:500;display:flex}.column__add:hover{background:var(--pressed-bg);color:var(--text)}.card{border-radius:var(--radius-card);background:var(--card-bg);min-height:40px;box-shadow:var(--card-shadow);cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;touch-action:manipulation;flex:none;padding:8px 12px 6px;position:relative}.card:hover{background:#f7f8f9}.card:focus-visible{outline-offset:0}.card--placeholder,.card--placeholder:hover{background:var(--pressed-bg);box-shadow:none}.card--placeholder>*{visibility:hidden}.card--overlay{box-shadow:var(--raised-shadow);cursor:grabbing;transform:rotate(3deg)}.card--flash{animation:1.8s ease-out card-flash}@keyframes card-flash{0%,35%{box-shadow:var(--card-shadow), 0 0 0 3px #f5cd47;background:#fff7d6}to{background:var(--card-bg);box-shadow:var(--card-shadow)}}.card__labels{flex-wrap:wrap;gap:4px;margin-bottom:4px;display:flex}.label{text-overflow:ellipsis;white-space:nowrap;border-radius:4px;min-width:40px;max-width:100%;padding:0 8px;font-size:12px;font-weight:500;line-height:16px;display:inline-block;overflow:hidden}.label--large{min-width:48px;padding:0 12px;font-size:14px;line-height:32px}.card__title{overflow-wrap:anywhere;margin:0}.card__badges{flex-wrap:wrap;align-items:center;gap:4px;margin-top:4px;display:flex}.badge{min-height:24px;color:var(--text-subtle);white-space:nowrap;background:0 0;border:0;border-radius:4px;align-items:center;gap:4px;padding:2px 6px;font-size:12px;line-height:16px;display:inline-flex}button.badge{cursor:pointer;position:relative}button.badge:before{content:"";position:absolute;inset:-8px -2px}.badge--status{font-weight:500}.badge--sewn{background:var(--done-green);color:#fff}.badge--icon{padding:2px 4px}.badge--parts-ok{background:var(--ok-bg);color:var(--ok-text)}.badge--parts-missing{background:var(--warn-bg);color:var(--warn-text);font-weight:600}button.badge--parts-missing:hover,button.badge--parts-missing[aria-expanded=true]{background:#f5cd47}.color-green{color:var(--text);background:#4bce97}.color-yellow{color:var(--text);background:#f5cd47}.color-orange{color:var(--text);background:#fea362}.color-red{color:var(--text);background:#f87168}.color-purple{color:var(--text);background:#9f8fef}.color-blue{color:var(--text);background:#579dff}.color-sky{color:var(--text);background:#6cc3e0}.color-lime{color:var(--text);background:#94c748}.color-pink{color:var(--text);background:#e774bb}.color-orange-dark{color:#fff;background:#c25100}.color-black-dark{color:#fff;background:#626f86}.parts-popover{z-index:60;width:min(280px,100vw - 16px);color:var(--text);box-shadow:var(--raised-shadow);background:#fff;border-radius:8px;padding:12px;font-size:13px;line-height:18px;position:fixed}.parts-popover__title{margin:0 0 6px;font-weight:600}.parts-popover__list{gap:6px;margin:0;padding:0;list-style:none;display:grid}.parts-popover__name{font-weight:500;display:block}.parts-popover__meta{color:#a54800;display:block}.parts-popover__note{color:var(--text-subtlest);margin:8px 0 0;font-size:12px}.add-card{gap:8px;display:grid}.add-card__title{border-radius:var(--radius-card);width:100%;min-height:64px;box-shadow:var(--card-shadow);resize:vertical;background:#fff;border:0;padding:8px 12px}.add-card__title:focus-visible{outline-offset:0}.add-card__qty{color:var(--text-subtle);align-items:center;gap:8px;font-size:13px;display:flex}.add-card__qty input{background:#fff;border:1px solid #8590a2;border-radius:6px;width:96px;min-height:40px;padding:4px 8px}.add-card__actions{align-items:center;gap:4px;display:flex}.btn{background:var(--hover-bg);min-height:40px;color:var(--text);cursor:pointer;border:0;border-radius:6px;justify-content:center;align-items:center;gap:6px;padding:0 14px;font-weight:500;display:inline-flex}.btn:hover{background:var(--pressed-bg)}.btn--primary{background:var(--primary);color:#fff}.btn--primary:hover{background:var(--primary-hover)}.btn--primary:disabled{background:var(--hover-bg);color:#091e424f;cursor:not-allowed}.btn--danger{background:var(--danger);color:#fff}.btn--danger:hover{background:var(--danger-hover)}.btn--icon{background:0 0;width:40px;padding:0}.modal-backdrop{z-index:50;overscroll-behavior:contain;background:#000000a3;justify-content:center;align-items:flex-start;padding:48px 16px;display:flex;position:fixed;inset:0;overflow-y:auto}.modal{background:var(--list-bg);width:100%;max-width:720px;color:var(--text);box-shadow:var(--raised-shadow);border-radius:12px;position:relative}.modal:focus{outline:none}.modal--small{background:#fff;max-width:420px;margin-top:10vh}.details__header{align-items:flex-start;gap:8px;padding:16px 12px 8px 20px;display:flex}.details__heading{flex:1;min-width:0}.details__title{overflow-wrap:anywhere;margin:0;font-size:20px;font-weight:600;line-height:26px}.details__column{color:var(--text-subtle);margin:4px 0 0;font-size:13px}.details__close{flex:none}.details__body{gap:20px;padding:4px 20px 24px;display:grid}.details__section{min-width:0}.details__label{color:var(--text-subtle);margin:0 0 6px;font-size:12px;font-weight:600;line-height:16px;display:block}.details__labels{flex-wrap:wrap;gap:4px;display:flex}.details__fields{flex-wrap:wrap;gap:16px 24px;display:flex}.field{flex-direction:column;display:flex}.status-select{cursor:pointer;border:0;border-radius:6px;min-width:260px;min-height:40px;padding:0 10px;font-weight:500}.status-select:not([class*=color-]){background:var(--pressed-bg)}.status-select option{color:var(--text);background:#fff}.sewn-toggle{background:var(--pressed-bg);cursor:pointer;border-radius:6px;align-items:center;gap:8px;min-height:40px;padding:0 14px 0 12px;font-weight:500;display:inline-flex}.sewn-toggle input{width:18px;height:18px;accent-color:var(--done-green);cursor:pointer;margin:0}.sewn-toggle.is-done{background:var(--done-green);color:#fff}.sewn-toggle__date{font-weight:400}.details__description{box-shadow:var(--card-shadow);background:#fff;border-radius:8px;padding:12px}.details__description p{margin:0}.details__description p+p{margin-top:4px}.ts-code{background:var(--list-bg);font-family:var(--mono);letter-spacing:.04em;-webkit-user-select:all;user-select:all;border-radius:4px;padding:1px 6px;font-size:15px;font-weight:700}.details__note{color:var(--text-subtle);margin:0 0 8px;font-size:13px}.parts-list{gap:6px;margin:0;padding:0;list-style:none;display:grid}.parts-list__item{box-shadow:var(--card-shadow);background:#fff;border-radius:8px;align-items:flex-start;gap:12px;padding:8px 12px;display:flex}.parts-list__item.is-missing{box-shadow:var(--card-shadow), inset 4px 0 0 var(--warn-strong)}.parts-list__main{flex:1;gap:2px;min-width:0;display:grid}.parts-list__name{overflow-wrap:anywhere;font-weight:600}.parts-list__former,.parts-list__meta{font-size:12px;line-height:16px}.parts-list__former{color:var(--text-subtlest)}.parts-list__meta{color:var(--text-subtle)}.parts-list__state{background:var(--ok-bg);color:var(--ok-text);border-radius:4px;flex:none;padding:2px 8px;font-size:12px;font-weight:600}.is-missing .parts-list__state{background:var(--warn-bg);color:var(--warn-text)}.history{gap:8px;margin:0;padding:0;list-style:none;display:grid}.history__item{gap:12px;font-size:13px;line-height:18px;display:flex}.history__time{width:80px;color:var(--text-subtlest);font-variant-numeric:tabular-nums;flex:none}.confirm{padding:20px}.confirm__title{margin:0 0 8px;font-size:18px;line-height:24px}.confirm__message{color:var(--text-subtle);margin:0 0 20px}.confirm__actions{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.toasts{bottom:max(16px, env(safe-area-inset-bottom));z-index:100;pointer-events:none;flex-direction:column;gap:8px;width:min(480px,100vw - 32px);display:flex;position:fixed;left:50%;transform:translate(-50%)}.toast{--toast-accent:#1d7afc;border-left:4px solid var(--toast-accent);box-shadow:var(--raised-shadow);pointer-events:auto;background:#fff;border-radius:8px;align-items:flex-start;gap:8px;padding:12px 4px 12px 14px;animation:.18s ease-out toast-in;display:flex}.toast--success{--toast-accent:#22a06b}.toast--error{--toast-accent:var(--danger);background:#ffeceb}.toast__body{flex:1;min-width:0}.toast__title{margin:0;font-weight:600}.toast__text{color:var(--text-subtle);overflow-wrap:anywhere;margin:2px 0 0;font-size:13px;line-height:18px}.toast__summary{margin:4px 0 0;font-size:13px;font-weight:500;line-height:18px}.toast__list-title{margin:6px 0 0;font-size:13px;font-weight:600}.toast__lines{margin:4px 0 0;padding-left:18px;font-size:13px;line-height:18px}.toast__close{width:40px;height:40px;color:var(--text-subtle);cursor:pointer;background:0 0;border:0;border-radius:6px;flex:none;place-items:center;margin-top:-10px;display:grid}.toast__close:hover{background:var(--hover-bg)}@keyframes toast-in{0%{opacity:0;transform:translateY(8px)}}@media (prefers-reduced-motion:reduce){.card--flash,.toast{animation:none}.card--flash{box-shadow:var(--card-shadow), 0 0 0 3px #f5cd47}}.crash{width:calc(100% - 32px);max-width:440px;box-shadow:var(--raised-shadow);background:#fff;border-radius:12px;margin:15vh auto 0;padding:20px}.crash__title{margin:0 0 8px;font-size:18px;line-height:24px}.crash__text{color:var(--text-subtle);margin:0 0 20px}@media (width<=760px){.scan{flex-basis:100%;order:3}}@media (width<=640px),(pointer:coarse){.board{scroll-snap-type:x mandatory}.board--dragging{scroll-snap-type:none}.column{scroll-snap-align:start}}@media (width<=640px){input,select,textarea,.topbar__title{font-size:16px}.topbar__reset{padding:0 10px;font-size:13px}.scan__select{max-width:128px}.modal-backdrop:has(>.details){padding:0}.modal.details{border-radius:0;min-height:100%}.details__body{padding:4px 16px 24px}.details__header{padding:12px 8px 8px 16px}.details__fields{flex-direction:column}.status-select{width:100%;min-width:0}.sewn-toggle{align-self:flex-start}}