:root{color-scheme:light;--background:#f4f6f8;--surface:#ffffff;--border:#d9dee5;--border-strong:#b8c1cc;--text:#18202a;--muted:#617080;--primary:#155eef;--primary-hover:#0f4bc4;--error-bg:#fff3f2;--error-border:#f4aaa5;--error-text:#9c2720}*{box-sizing:border-box}body,html{margin:0;min-height:100%}body{background:var(--background);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Noto Sans Thai,sans-serif;font-size:16px}button,input{font:inherit}button,input[type=checkbox]{touch-action:manipulation}.app-shell{width:100%;max-width:1600px;margin:0 auto;padding:20px}.app-header{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:16px}.eyebrow{margin:0 0 2px;color:var(--primary);font-size:.78rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase}h1,h2,p{margin-top:0}h1{margin-bottom:4px;font-size:clamp(1.5rem,2.6vw,2rem);line-height:1.25}h2{margin-bottom:3px;font-size:1.1rem}.empty-state p,.entry-note,.file-summary,.import-hint,.subtitle{color:var(--muted)}.entry-note,.file-summary,.import-hint,.subtitle{margin-bottom:0}.import-control{flex:0 0 auto;text-align:right}.primary-button{min-height:48px;padding:10px 18px;border:0;border-radius:9px;background:var(--primary);color:white;cursor:pointer;font-weight:700}.primary-button:hover:not(:disabled){background:var(--primary-hover)}.number-input:focus-visible,.primary-button:focus-visible,.table-scroll:focus-visible,.touch-checkbox:focus-visible{outline:3px solid rgb(21 94 239/35%);outline-offset:2px}.primary-button:disabled{cursor:wait;opacity:.7}.import-hint{margin-top:5px;font-size:.78rem}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.error-panel{margin-bottom:16px;padding:14px 16px;border:1px solid var(--error-border);border-radius:10px;background:var(--error-bg);color:var(--error-text)}.error-panel ul{max-height:240px;margin:8px 0 0;padding-left:24px;overflow-y:auto}.error-panel li+li{margin-top:4px}.empty-state,.table-section{border:1px solid var(--border);border-radius:12px;background:var(--surface);box-shadow:0 2px 8px rgb(24 32 42/5%)}.table-toolbar{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:20px;padding:12px 14px;border-bottom:1px solid var(--border)}.file-summary{display:flex;max-width:560px;font-size:.86rem}.file-summary,.file-summary-name{min-width:0;overflow:hidden;white-space:nowrap}.file-summary-name{text-overflow:ellipsis}.file-summary-status{flex:0 0 auto;white-space:nowrap}.entry-note{font-size:.86rem;text-align:right}.table-actions{display:flex;flex:1 1 460px;align-items:center;justify-content:flex-end;gap:12px}.export-button{min-height:48px;flex:0 0 auto;padding:9px 14px;border:1px solid var(--primary);border-radius:9px;background:white;color:var(--primary);cursor:pointer;font-weight:700;touch-action:manipulation}.export-button:hover:not(:disabled){background:#edf4ff}.export-button:focus-visible{outline:3px solid rgb(21 94 239/35%);outline-offset:2px}.export-button:disabled{cursor:wait;opacity:.65}.export-error{margin:0;padding:8px 14px;border-bottom:1px solid var(--error-border);background:var(--error-bg);color:var(--error-text);font-size:.88rem}.table-scroll{max-height:calc(100vh - 190px);overflow:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}.receiving-table{width:100%;min-width:950px;table-layout:fixed;border-collapse:separate;border-spacing:0;font-size:.92rem}.receiving-table td,.receiving-table th{min-height:52px;padding:8px 7px;border-right:1px solid var(--border);border-bottom:1px solid var(--border);background:var(--surface);text-align:left;vertical-align:middle}.receiving-table td:last-child,.receiving-table th:last-child{border-right:0}.receiving-table tbody tr:last-child td{border-bottom:0}.receiving-table th{position:-webkit-sticky;position:sticky;top:0;z-index:2;background:#edf1f5;color:#344253;font-size:.82rem;font-weight:700;line-height:1.25;white-space:normal}.receiving-table tbody tr:hover td{background:#f8faff}.checkbox-column{width:54px;text-align:center!important}.receiving-table th:nth-child(2){width:82px}.receiving-table th:nth-child(4){width:110px}.receiving-table th:nth-child(5),.receiving-table th:nth-child(7){width:84px}.receiving-table th:nth-child(6){width:62px}.receiving-table th:last-child{width:82px}.checkbox-cell{text-align:center!important}.product-column{width:200px}.product-name-cell{line-height:1.35}.code-cell,.product-name-cell,.receiving-table td:nth-child(4){overflow-wrap:anywhere}.number-cell,.number-column{text-align:right!important;white-space:nowrap}.input-column{width:92px;text-align:center!important}.receiving-table td:nth-child(5),.receiving-table td:nth-child(7),.receiving-table td:nth-child(8),.receiving-table td:nth-child(9){padding-right:6px;padding-left:6px}.touch-checkbox{width:30px;height:30px;margin:0;accent-color:var(--primary);cursor:pointer}.number-input{width:78px;min-height:44px;padding:6px 9px;border:1px solid var(--border-strong);border-radius:7px;background:white;text-align:right}.number-input::placeholder{color:#9aa5b1}.empty-state{padding:56px 24px;text-align:center}.empty-state h2{font-size:1.25rem}.empty-state p{margin-bottom:0}@media (max-width:700px){.app-shell{padding:14px}.app-header,.table-toolbar{align-items:stretch;flex-direction:column}.entry-note,.import-control{text-align:left}.table-actions{flex-basis:auto;align-items:stretch;flex-direction:column}.export-button,.primary-button{width:100%}.table-scroll{max-height:none}}@media (min-width:701px) and (max-width:1180px) and (orientation:landscape){.app-shell{padding:12px}.receiving-table{font-size:.88rem}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}