*{box-sizing:border-box}body{margin:0;font-family:Arial,'Microsoft JhengHei',sans-serif;color:#173348;background:#f3f6f8;font-size:14px}button,input,select,textarea{font:inherit}button{border:1px solid #c6d4df;border-radius:7px;background:white;color:#173348;padding:9px 13px;cursor:pointer;font-weight:700}button:hover{background:#e8f0f5}button.primary{background:#126c78;color:white;border-color:#126c78}button.danger{color:#b33440}button:disabled{opacity:.45;cursor:not-allowed}input,select,textarea{width:100%;border:1px solid #c4d1dc;border-radius:6px;padding:10px;background:#fff;color:#173348}textarea{min-height:80px}input:focus,select:focus,button:focus{outline:2px solid #36a7ad;outline-offset:2px}small,.muted{color:#637789;font-size:12px}h1{font-size:25px;margin:0 0 7px}h2{font-size:19px;margin:0 0 18px}h3{font-size:15px}header{height:80px;background:white;border-bottom:1px solid #dbe4eb;display:flex;align-items:center;justify-content:space-between;padding:16px 28px;position:sticky;top:0;z-index:3}header img{width:116px;height:50px;object-fit:contain}header .brand{display:flex;gap:20px;align-items:center}header .brand b{font-size:19px}nav{width:220px;position:fixed;top:80px;bottom:0;background:#13374b;color:#fff;padding:24px 14px;display:flex;flex-direction:column;gap:7px}nav button{background:transparent;color:#d9e8ef;border:0;text-align:left;padding:14px}nav button.active{background:#e1f3f2;color:#124b52}nav small{color:#bed0dc;display:block;margin-top:4px}nav .foot{margin-top:auto;padding:14px;font-size:12px;line-height:1.7}.content{margin-left:220px;padding:28px;max-width:1900px}.topline,.toolbar{display:flex;gap:12px;justify-content:space-between;align-items:center;flex-wrap:wrap;margin-bottom:20px}.toolbar{justify-content:flex-start}.toolbar input{width:320px;max-width:100%}.toolbar select{width:200px}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin:22px 0}.card,.panel{background:#fff;border:1px solid #dbe4eb;border-radius:10px;padding:20px}.card strong{display:block;font-size:28px;margin:12px 0 3px}.card.warn strong{color:#aa4d14}.tablewrap{overflow:auto;background:white;border:1px solid #d9e3ea;border-radius:9px;max-height:65vh}table{width:100%;border-collapse:collapse;text-align:left}th{position:sticky;top:0;background:#e7f0f5;z-index:1;color:#25485f;white-space:nowrap;font-size:12px;padding:13px 10px;border-bottom:1px solid #c9d8e2}td{padding:12px 10px;border-bottom:1px solid #e8eef2;font-weight:600;white-space:nowrap;font-size:12px}tbody tr:hover{background:#f4fafa}td.wrap{white-space:normal;min-width:180px;max-width:320px}td.num{text-align:right;font-variant-numeric:tabular-nums}td.bad{color:#b34b33;background:#fff3ed}.pill{display:inline-block;padding:4px 9px;border-radius:20px;background:#e5f3ed;color:#277057;font-size:11px}.pill.warn{background:#fff0df;color:#a5590b}.pill.red{background:#ffe9e9;color:#ac3440}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.field label{display:block;font-size:12px;font-weight:700;margin-bottom:7px}.field.wide{grid-column:1/-1}.actions{display:flex;justify-content:flex-end;gap:10px;margin-top:20px}.info{padding:14px;background:#e9f4f5;border-left:3px solid #24919a;border-radius:3px;line-height:1.7;margin-bottom:18px}.warning{background:#fff2e7;border-left-color:#bb7838}.login{max-width:470px;margin:8vh auto;background:#fff;padding:38px;border:1px solid #d8e3e9;border-radius:14px}.login img{width:145px;margin-bottom:24px}.login .field{margin:18px 0}.loading{text-align:center;padding:80px;line-height:2}dialog{border:1px solid #cad8e1;border-radius:12px;width:min(900px,94vw);max-height:92vh;padding:26px;box-shadow:0 20px 80px #1234}dialog::backdrop{background:#1237}#notice{position:fixed;bottom:22px;right:24px;max-width:600px;padding:16px 20px;background:#193e52;color:white;border-radius:8px;z-index:20;display:none;white-space:pre-line}.split{display:grid;grid-template-columns:1fr 1fr;gap:20px}.empty{padding:45px;text-align:center;color:#6d8291}.shipment-preview{background:white;padding:16px;overflow:auto}.ship-page{width:281mm;min-height:194mm;background:white;color:#102d43;margin:0 auto 20px;padding:0;display:flex;flex-direction:column;font-family:Arial,'Microsoft JhengHei',sans-serif}.ship-head{display:flex;align-items:center;justify-content:space-between;height:17mm}.ship-head img{width:39mm;height:15mm;object-fit:contain}.ship-head h2{text-align:center;font-size:21px;margin:0}.ship-meta{display:flex;justify-content:space-between;gap:15px;font-weight:700;font-size:11px;padding:4mm 0}.ship-table{table-layout:fixed;width:100%;text-align:center}.ship-table th{position:static;white-space:normal;padding:1.2mm .6mm;font-size:10px;height:10mm;background:#e3eef4;border:1px solid #a9bdcd}.ship-table td{white-space:normal;word-break:break-word;padding:.4mm .6mm;height:5mm;border:1px solid #c7d4de;font-size:10px;line-height:1.15;vertical-align:middle}.ship-signs{display:grid;grid-template-columns:repeat(3,1fr);gap:3mm;margin-top:3mm}.signature{height:24mm;border:1px solid #a9bdcd;text-align:center;font-size:10px;padding:2mm;font-weight:700}.signature span{display:block;text-align:left;margin-top:11mm;font-size:9px}.ship-footer{text-align:right;font-size:9px;margin-top:2mm}.ship-table tr:hover{background:none}#print{display:none}a{color:#156b82}code{word-break:break-all}.log{white-space:pre-wrap;background:#f2f6f8;padding:15px;font-size:12px;max-height:180px;overflow:auto}.pagination{display:flex;gap:12px;align-items:center;margin-top:16px}@media(max-width:900px){nav{position:static;width:auto;flex-direction:row;overflow:auto;padding:8px}nav .foot{display:none}nav button{white-space:nowrap}header{position:static;padding:12px;height:auto}header .brand b{font-size:14px}.content{margin:0;padding:16px}.cards{grid-template-columns:repeat(2,1fr)}.grid,.split{grid-template-columns:1fr}.field.wide{grid-column:auto}.ship-page{zoom:.65}}@page{size:A4 landscape;margin:8mm}@media print{body{background:#fff}#app,#modal,#notice{display:none!important}#print{display:block}.ship-page{width:281mm;height:194mm;min-height:0;margin:0;break-after:page;page-break-after:always;zoom:1}.ship-page:last-child{break-after:auto;page-break-after:auto}.ship-table{break-inside:avoid}.ship-signs{break-inside:avoid}*{-webkit-print-color-adjust:exact;print-color-adjust:exact}}

nav button.active small{color:#35646a}.stock-view td:nth-last-child(2),.stock-view th:nth-last-child(2){position:sticky;right:88px;min-width:98px;background:#edf7f5;box-shadow:-3px 0 4px #1231}.stock-view td:last-child,.stock-view th:last-child{position:sticky;right:0;min-width:88px;background:#edf7f5}.stock-view th:nth-last-child(-n+2){z-index:2}.stock-view td.bad{background:#fff0e7}.ship-page>*{flex-shrink:0}.ship-head{height:16mm}.ship-meta{padding:3mm 0}.ship-table th{height:9mm}.ship-table td{height:4.8mm}

.measure .ship-page{zoom:1!important}

.ship-table td.ship-tool{white-space:nowrap;font-size:10px;line-height:1.15;padding:.4mm .6mm}

input[data-select-move],#selectMovePage{width:18px;height:18px;padding:0;vertical-align:middle;cursor:pointer}

.cards{grid-template-columns:repeat(3,minmax(0,1fr))}.card[data-stock-card] strong{font-size:24px}@media(max-width:900px){.cards{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:500px){.cards{grid-template-columns:1fr}}

.material-results{max-height:260px;overflow-y:auto;border:1px solid #36a7ad;border-radius:6px;margin:4px 0 8px;background:white}.material-results[hidden]{display:none}.material-results button{display:block;width:100%;text-align:left;border:0;border-bottom:1px solid #e5edf2;border-radius:0;font-weight:400;white-space:normal;line-height:1.5}.material-results button:hover,.material-results button[aria-selected="true"]{background:#e0f3f3}.material-results p{padding:10px;margin:0}

.quantity-picker{position:relative;display:flex;align-items:center}.quantity-picker input{padding-right:40px;appearance:textfield;-moz-appearance:textfield}.quantity-picker input::-webkit-inner-spin-button,.quantity-picker input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.quantity-toggle{position:absolute;right:1px;top:1px;bottom:1px;width:38px;padding:0;border:0;border-left:1px solid #dce6ec;border-radius:0 5px 5px 0;background:#f1f7fa;color:#166b78;font-size:20px}.quantity-list{position:absolute;z-index:100;top:calc(100% + 5px);left:0;right:0;max-height:210px;overflow:auto;border:1px solid #b8d0dc;border-radius:8px;background:#fff;box-shadow:0 6px 18px #14374926;padding:4px}.quantity-list[hidden]{display:none}.quantity-list button{display:block;text-align:left;width:100%;border:0;border-radius:4px;padding:8px 12px;background:white;color:#17394c}.quantity-list button:hover,.quantity-list button:focus,.quantity-list button[aria-selected=true]{background:#e2f2f4;color:#086a78;outline:none}.quantity-list p{margin:8px;font-size:12px;color:#60788a}

.ship-page{position:relative;isolation:isolate}.ship-watermark{position:absolute;z-index:2;pointer-events:none;user-select:none;left:12%;top:34%;width:76%;text-align:center;transform:rotate(-22deg);color:rgba(31,72,91,.12);line-height:1.5;font-weight:700}.ship-watermark strong{display:block;font-size:66px;letter-spacing:12px}.ship-watermark span{display:block;font-size:23px}.ship-watermark small{display:block;font-size:17px;color:inherit;font-weight:700;letter-spacing:.5px}
/* Searchable choices use the same white menu throughout the application. */
.unified-choice{position:relative;min-width:0;width:100%}
.toolbar>.unified-choice{width:220px;max-width:100%}
.unified-choice>input{width:100%;padding-right:32px}
.choice-source{position:absolute!important;width:1px!important;height:1px!important;opacity:0;pointer-events:none;padding:0!important;border:0!important}
.unified-choice .quantity-list{z-index:80;min-width:100%;max-width:min(700px,85vw)}
.unified-choice .quantity-list button{white-space:normal;text-align:left}
.unified-choice .quantity-list button:disabled{opacity:.45;cursor:not-allowed}

.ship-watermark{left:3%;top:17%;width:94%;height:65%;display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);align-items:center;transform:none;color:rgba(31,72,91,.10);gap:12px}.watermark-tile{transform:rotate(-18deg);text-align:center;line-height:1.5}.ship-watermark strong{font-size:22px;letter-spacing:4px}.ship-watermark span{font-size:10px}.ship-watermark small{font-size:8px;letter-spacing:0;max-width:240px;margin:auto}

.note-en{display:block;font-size:11px;line-height:1.4;font-weight:400;margin-top:3px;overflow-wrap:anywhere;color:inherit;opacity:.88}.info .note-en,.muted .note-en{font-size:11px}small .note-en{font-size:10px}

@media(min-width:901px){nav{overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable}nav>button,nav>.foot{flex-shrink:0}}

.cancel-policy-controls{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.cancel-policy-controls #cancelDays{width:100px;flex:0 0 100px}.cancel-policy-controls button{margin-left:4px}

.movement-filters{align-items:flex-end;gap:12px}.movement-filters .field{min-width:150px;flex:1;margin:0}.movement-filters input,.movement-filters select{width:100%}.movement-filters label{font-size:12px}

.cards .card{position:relative;padding-right:78px}.card-settings{position:absolute;right:10px;top:10px;font-size:11px;padding:4px 7px}.cards .card>span{display:block;overflow-wrap:anywhere} #cardPreferences [hidden]{display:none!important}


.unified-choice .quantity-list{overflow-y:scroll;overflow-x:hidden;scrollbar-gutter:stable;scrollbar-width:auto;scrollbar-color:#718c9c #eef4f7;overscroll-behavior:contain;box-sizing:border-box}.unified-choice .quantity-list::-webkit-scrollbar{width:14px}.unified-choice .quantity-list::-webkit-scrollbar-track{background:#eef4f7;border-radius:7px}.unified-choice .quantity-list::-webkit-scrollbar-thumb{background:#718c9c;border:3px solid #eef4f7;border-radius:7px}.unified-choice .quantity-list::-webkit-scrollbar-thumb:hover{background:#466879}

.unified-choice .quantity-list{scrollbar-width:none;scrollbar-gutter:auto;padding-right:22px}.unified-choice .quantity-list::-webkit-scrollbar{display:none}.picker-scroll-track{position:absolute;z-index:102;right:3px;width:16px;background:#edf3f6;border-radius:8px;touch-action:none;user-select:none}.picker-scroll-track[hidden]{display:none}.picker-scroll-thumb{position:absolute;left:3px;right:3px;min-height:26px;background:#718c9c;border-radius:8px;cursor:grab;touch-action:none;user-select:none}.picker-scroll-thumb:hover,.picker-scroll-thumb.dragging{background:#375e72}.picker-scroll-thumb.dragging{cursor:grabbing}

/* AUCAN system branches */
.system-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin-top:22px}.system-cards .panel{display:flex;flex-direction:column;align-items:flex-start;gap:12px}.system-cards .panel p{line-height:1.7}.system-cards .panel button{margin-top:auto}.system-nav-label{padding:18px 14px 8px;color:#c3dbe3;font-size:12px}.system-nav-label small{display:block}.system-links{border-bottom:1px solid #ffffff30;padding-bottom:12px;margin-bottom:8px}

.eng-note{max-width:300px;white-space:pre-wrap}.eng-source{margin-top:20px}.eng-source dl{display:grid;grid-template-columns:minmax(130px,1fr) 3fr;gap:8px}.eng-source dt{font-weight:600}.eng-source dd{margin:0;white-space:pre-wrap;overflow-wrap:anywhere}#engForm fieldset{border:0;padding:0;margin:0}#engRows progress{width:85px;accent-color:#137987}#engHistoryRows article{border-top:1px solid #d4e2e8;padding:12px 0}#engRows th{white-space:normal}

#engSummary{grid-template-columns:repeat(4,minmax(150px,1fr))}@media(max-width:1000px){#engSummary{grid-template-columns:repeat(2,minmax(150px,1fr))}}@media(max-width:550px){#engSummary{grid-template-columns:1fr}}

/* Three fixed authorization rows must not clip their choice menus. */
.system-access-table{overflow:visible;max-height:none}
.system-access-table table{table-layout:fixed}
.system-access-table td,.system-access-table th{white-space:normal;overflow-wrap:anywhere}
.system-access-table .quantity-list{min-width:100%;max-width:100%}

.eng-stage{font-size:12px;min-width:95px}.eng-stage-options{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px}.eng-stage-options label{border:1px solid #c9dbe4;border-radius:8px;padding:14px;cursor:pointer}.eng-stage-options input{width:auto;display:inline-block}.eng-stage-options small{display:block;color:#61798b;margin-top:8px}
.unified-choice:has(#engStatus[hidden]),.unified-choice:has(#engStage[hidden]),.unified-choice:has(#engCompletion[hidden]){display:none}

.picking-page .picking-table td{height:7mm;white-space:normal;overflow-wrap:anywhere;line-height:1.3;font-size:10px}.picking-table th{white-space:normal;font-size:10px}.paper-check{display:inline-block;width:4mm;height:4mm;border:1px solid #222}.picking-sign{margin-top:8mm;font-size:12px}.picking-page>p{font-size:11px}

.ship-trip{font-size:12px;font-weight:600;margin:0 0 6px;overflow-wrap:anywhere}

.inactive-materials td,.inactive-materials th{white-space:normal;overflow-wrap:anywhere}.inactive-materials td{max-width:220px}.inactive-materials button{white-space:normal}