:root{
--bg:#eef5fb;--bg-soft:#f8fbff;--panel:#ffffff;--panel2:#f7fbff;
--line:#e3ebf5;--line2:#cfdcea;
--text:#1f2d3d;--muted:#8a9bb2;--ink:#1f2d3d;
--yellow:#1769ff;--brand:#6f8ee8;--brand-strong:#1769ff;--brand-hover:#5d79d8;--brand-soft:#eef3ff;
--orange:#c98621;--green:#2f9b72;--red:#e35b5b;--blue:#4f7ccf;
--shadow:0 14px 34px rgba(71,96,128,.10);
--radius:8px;
--side-w:188px;
}
*{box-sizing:border-box}html{background:var(--bg)}body{margin:0;background:linear-gradient(135deg,#edf6ff 0%,#f9fbff 48%,#f2f6fb 100%);color:var(--text);font:14px Manrope,-apple-system,BlinkMacSystemFont,'PingFang SC','Microsoft YaHei',system-ui,sans-serif;min-height:100vh}button,input,select,textarea{font:inherit}button{cursor:pointer}.app{display:grid;grid-template-columns:var(--side-w,210px) minmax(0,1fr);height:100vh;min-height:640px;margin:0;border-radius:0;overflow:hidden;background:rgba(255,255,255,.88);box-shadow:none;border:0}.sidebar{border-right:1px solid var(--line);padding:26px 18px;display:flex;flex-direction:column;gap:34px;position:sticky;top:0;height:100vh}.brand{font-weight:800;font-size:20px;letter-spacing:-.06em}.brand small{display:block;color:var(--yellow);font:11px 'IBM Plex Mono';letter-spacing:.14em;margin-top:8px}.nav{display:grid;gap:4px}.nav button{border:0;border-left:2px solid transparent;background:transparent;color:var(--muted);padding:12px 13px;text-align:left;display:flex;justify-content:space-between;align-items:center}.nav button:hover,.nav button.active{background:#f5f8fc;color:var(--text);border-left-color:var(--yellow)}.nav .count{font:10px 'IBM Plex Mono';background:#653c31;color:#ffb39c;padding:3px 5px}.side-foot{margin-top:auto;color:var(--muted);font:11px 'IBM Plex Mono';line-height:1.8}.side-foot strong{color:var(--text);font-family:Manrope}.main{width:100%;max-width:none;margin:0;padding:26px 34px 50px;min-width:0}.topbar{display:flex;justify-content:space-between;gap:20px;align-items:center;border-bottom:1px solid var(--line);padding-bottom:21px}.crumb{color:var(--yellow);font:11px 'IBM Plex Mono';letter-spacing:.12em}.headline{font-size:34px;letter-spacing:-.07em;margin:8px 0 0}.top-actions{display:flex;align-items:center;gap:12px}.role{font:11px 'IBM Plex Mono';color:var(--muted);padding-right:12px;border-right:1px solid var(--line)}.avatar{width:32px;height:32px;border:1px solid var(--yellow);border-radius:50%;display:grid;place-items:center;color:var(--yellow);font:11px 'IBM Plex Mono'}.view-toggle{display:flex;gap:6px}.view-toggle button,.ghost{background:transparent;border:1px solid var(--line2);color:var(--muted);padding:9px 12px}.view-toggle button.active{background:#eef3ff;border-color:#c9dbff;color:#1769ff;font-weight:800}.primary{background:var(--yellow);border-color:var(--yellow);color:#ffffff;font-weight:800}.alert{display:flex;justify-content:space-between;align-items:center;border:1px solid #f1ddb6;background:#fff9ef;padding:15px 17px;margin:0 0 16px;border-radius:10px}.alert strong{color:#c98621}.alert span{color:#8a6a20;margin-left:8px}.primary{border:0;padding:10px 14px}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line);border:1px solid var(--line);margin-bottom:27px}.metric{background:var(--panel);padding:17px 20px}.metric b{display:block;font-size:29px;letter-spacing:-.07em}.metric small{display:block;color:var(--muted);margin-top:6px;font:11px 'IBM Plex Mono'}.section-head{display:flex;justify-content:space-between;align-items:end;gap:12px;margin:27px 0 12px}.section-head h2{font-size:16px;margin:0}.section-head .sub{color:var(--muted);font-size:12px}.grid{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(260px,.75fr);gap:18px}.panel{border:1px solid var(--line);background:var(--panel);padding:18px}.panel h3{margin:0 0 17px;font-size:15px}.panel-head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px}.panel-head h3{margin:0}.flow{display:grid;grid-template-columns:repeat(5,minmax(100px,1fr));gap:8px}.node{border-top:3px solid var(--line);padding-top:10px}.node.done{border-color:var(--green)}.node.current{border-color:var(--orange)}.node .num{color:var(--muted);font:11px 'IBM Plex Mono'}.node strong{display:block;margin-top:13px}.node em{display:block;color:var(--muted);font-style:normal;font-size:12px;margin-top:7px}.node.current em{color:var(--orange)}table{width:100%;border-collapse:collapse}th,td{text-align:left;border-bottom:1px solid var(--line);padding:12px 8px;font-size:13px}th{color:var(--muted);font:11px 'IBM Plex Mono';font-weight:400}.tag{display:inline-flex;align-items:center;border:1px solid var(--line2);color:var(--muted);padding:4px 7px;font:11px 'IBM Plex Mono'}.tag.warn{border-color:#806b36;color:var(--yellow)}.tag.hot{border-color:#783b31;color:var(--red)}.tag.ok{border-color:#4b6836;color:var(--green)}.tag.info{border-color:#3a5c61;color:var(--blue)}.side-list{display:grid;gap:14px}.item{border-bottom:1px solid var(--line);padding-bottom:14px}.item:last-child{border:0;padding-bottom:0}.item b{font-size:13px}.item p{color:var(--muted);font-size:12px;line-height:1.5;margin:7px 0 0}.action-row{display:flex;gap:8px;flex-wrap:wrap}.toolbar{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin-bottom:17px}.toolbar input,.toolbar select,.form-grid input,.form-grid select,.form-grid textarea{background:#ffffff;border:1px solid var(--line2);color:var(--text);padding:10px 11px;outline:0}.toolbar input:focus,.form-grid input:focus,.form-grid select:focus,.form-grid textarea:focus{border-color:var(--yellow)}.toolbar input{min-width:220px}.table-wrap{overflow:auto}.page-title{font-size:28px;letter-spacing:-.06em;margin:0 0 7px}.page-intro{color:var(--muted);margin:0 0 23px;line-height:1.6}.stat-row{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:20px}.stat-card{background:var(--panel);border:1px solid var(--line);padding:15px}.stat-card b{display:block;font-size:23px}.stat-card span{display:block;color:var(--muted);font:11px 'IBM Plex Mono';margin-top:5px}.empty{border:1px dashed var(--line2);padding:35px;text-align:center;color:var(--muted)}.board{display:grid;grid-template-columns:repeat(5,minmax(190px,1fr));gap:10px;overflow:auto}.lane{background:#f8fbff;border:1px solid var(--line);min-height:420px;padding:11px}.lane-head{display:flex;justify-content:space-between;border-bottom:1px solid var(--line);padding:4px 3px 12px;margin-bottom:10px}.lane-head b{font-size:13px}.lane-head span{color:var(--muted);font:11px 'IBM Plex Mono'}.work-card{background:var(--panel2);border:1px solid var(--line);padding:13px;margin-bottom:9px}.work-card b{font-size:13px}.work-card small{display:block;color:var(--muted);font:11px 'IBM Plex Mono';margin-top:8px}.detail-grid{display:grid;grid-template-columns:1.3fr .7fr;gap:18px}.detail-box{background:#f8fbff;border:1px solid var(--line);padding:15px;margin-top:12px}.detail-box h4{margin:0 0 12px;font-size:13px}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:13px}.form-grid label{display:grid;gap:6px;color:var(--muted);font-size:12px}.form-grid .full{grid-column:1/-1}.form-grid textarea{min-height:85px;resize:vertical}.modal-backdrop{position:fixed;inset:0;background:rgba(31,45,61,.45);display:grid;place-items:center;padding:20px;z-index:10}.modal{width:min(650px,100%);max-height:90vh;overflow:auto;background:#ffffff;border:1px solid var(--line2);box-shadow:var(--shadow);padding:22px}.modal-head{display:flex;justify-content:space-between;align-items:start;margin-bottom:20px}.modal-head h2{font-size:20px;margin:0}.close{font-size:22px;color:var(--muted)}.toast{position:fixed;right:24px;bottom:24px;background:var(--yellow);color:#ffffff;padding:13px 16px;font-weight:800;z-index:20;box-shadow:var(--shadow)}.screen{background:#eef5fb;min-height:70vh;padding:35px}.screen .screen-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:35px}.screen h1{font-size:42px;letter-spacing:-.07em;margin:8px 0 0}.screen-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.screen-lane{border-top:5px solid var(--line);padding-top:15px}.screen-lane.done{border-color:var(--green)}.screen-lane.current{border-color:var(--orange)}.screen-lane h2{font-size:18px;margin:0}.screen-lane strong{display:block;font-size:52px;letter-spacing:-.08em;margin:25px 0 5px}.screen-lane p{color:var(--muted);margin:0;font:12px 'IBM Plex Mono'}@media(max-width:900px){.app{grid-template-columns:1fr!important}.sidebar{position:static;height:auto}.nav{display:flex;overflow:auto}.nav button{white-space:nowrap}.main{padding:0}.grid,.detail-grid{grid-template-columns:1fr}.board{grid-template-columns:repeat(5,200px)}.screen{padding:20px;overflow:auto}.screen-grid{min-width:900px}}@media(max-width:650px){.topbar{align-items:flex-start}.top-actions{display:none}.headline{font-size:28px}.metrics,.stat-row{grid-template-columns:repeat(2,1fr)}.alert{align-items:flex-start;gap:14px;flex-direction:column}.alert span{display:block;margin:5px 0 0}.flow{overflow:auto;grid-template-columns:repeat(5,125px)}.form-grid{grid-template-columns:1fr}.screen h1{font-size:32px}}
@media(max-width:650px){html,body{max-width:100%;overflow-x:hidden}.app{min-width:0}.sidebar,.nav,.main{min-width:0;max-width:100%;overflow:hidden}.main{min-width:0}.table-wrap{max-width:100%;overflow-x:auto}.table-wrap table{min-width:720px}.panel{min-width:0}.toolbar input{min-width:0;width:100%}.toolbar select{max-width:100%}.section-head{align-items:flex-start;flex-wrap:wrap}}
.production-flow{margin:18px 0 14px}.production-flow .panel-head{margin:0 0 10px;padding:0 2px}.production-flow .flow{gap:0;background:var(--line);border:1px solid var(--line);overflow:hidden}.production-flow .node{border:0;border-right:1px solid var(--line);min-height:82px;transition:background .15s,color .15s}.production-flow .node:last-child{border-right:0}.production-flow .node:hover,.production-flow .node.selected{background:#e8f0fa;color:var(--text)}.production-flow .node.selected{box-shadow:inset 0 -3px var(--yellow)}.production-flow .node em{font-size:11px;color:var(--muted)}.production-flow .node.selected em{color:var(--yellow)}.filter-note{display:flex;justify-content:space-between;align-items:center;margin:14px 0 8px}.filter-note h2{margin:0;font-size:15px}.theme-order-list{display:grid;gap:8px}.theme-order-card{border:1px solid var(--line);background:var(--panel);padding:18px}.theme-order-card:hover{border-color:var(--line2)}.theme-order-top{display:flex;justify-content:space-between;gap:16px;align-items:flex-start}.theme-order-name{display:flex;gap:10px;align-items:baseline}.theme-order-name b{font:600 18px 'IBM Plex Mono';color:var(--yellow)}.theme-order-name strong{font-size:16px}.theme-order-meta{color:var(--muted);font-size:12px;margin-top:7px}.theme-materials{border-top:1px solid var(--line);margin-top:16px;padding-top:13px}.theme-materials-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.theme-materials-head b{font-size:13px}.material-chips{display:flex;flex-wrap:wrap;gap:8px}.material-chip{border:1px solid var(--line2);padding:9px 11px;min-width:180px;background:#f7fbff}.material-chip strong{display:block;font-size:13px}.material-chip small{display:block;color:var(--muted);margin-top:4px;font:11px 'IBM Plex Mono'}.material-chip .low{color:var(--red)}.add-material{padding:7px 10px;font-size:12px}.production-filter-empty{padding:34px;text-align:center;color:var(--muted);border:1px dashed var(--line2)}.board-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;margin:26px 0 4px}.board-heading h2{font-size:24px;margin:8px 0 0}.board-heading .view-toggle{align-self:flex-start}.production-task-list{display:grid;gap:6px}.production-task{display:grid;grid-template-columns:minmax(190px,1.05fr) minmax(270px,1.7fr) minmax(210px,1.25fr) auto;gap:14px;align-items:center;background:var(--panel);border:1px solid var(--line);padding:10px 12px}.production-task:hover{border-color:var(--line2)}.task-id{display:flex;gap:9px;align-items:center}.task-id b{font:600 14px 'IBM Plex Mono';color:var(--yellow)}.task-main>strong{display:block;margin-top:5px}.task-meta{display:block;color:var(--muted);font-size:11px;margin-top:4px}.task-materials,.task-actual{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.task-label{font-size:11px;color:var(--muted);font-family:'IBM Plex Mono';display:block;width:100%}.material-inline{border:1px solid var(--line2);background:#f7fbff;padding:5px 7px;color:var(--text);font:11px 'IBM Plex Mono'}.material-inline.is-low{border-color:var(--red);color:#ffb39c}.actual-inline{font-size:12px;color:var(--muted)}.actual-inline strong{color:var(--text);font-family:'IBM Plex Mono'}.task-actions{display:flex;gap:6px;white-space:nowrap;flex-wrap:wrap;justify-content:flex-end}.order-board-toolbar{display:flex;justify-content:space-between;align-items:center;margin:22px 0 10px}.board-summary{display:flex;gap:1px;background:var(--line);border:1px solid var(--line)}.board-summary .metric{padding:10px 15px}.board-summary .metric b{font-size:22px}.board-summary .metric small{font-size:10px}.order-progress{display:flex;gap:3px;min-width:275px}.progress-step{display:flex;align-items:center;gap:4px;color:var(--muted);font-size:10px;white-space:nowrap}.progress-step i{display:grid;place-items:center;width:17px;height:17px;border:1px solid var(--line2);font:10px 'IBM Plex Mono';font-style:normal}.progress-step.done i{background:var(--green);color:#ffffff;border-color:var(--green)}.progress-step.current{color:var(--yellow)}.progress-step.current i{border-color:var(--yellow);color:var(--yellow)}.due-overdue{color:var(--red);font-weight:700}
@media(max-width:850px){.production-task{grid-template-columns:1fr;gap:8px}.task-actions{justify-content:flex-start}.board-heading{align-items:flex-start;flex-direction:column}.order-progress{min-width:240px}}
.board-heading-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap;justify-content:flex-end}.order-progress{display:flex;gap:3px;min-width:275px}.progress-step{display:flex;align-items:center;gap:4px;color:var(--muted);font-size:10px;white-space:nowrap}.progress-step i{display:grid;place-items:center;width:17px;height:17px;border:1px solid var(--line2);font:10px 'IBM Plex Mono';font-style:normal}.progress-step.done i{background:var(--green);color:#ffffff;border-color:var(--green)}.progress-step.current{color:var(--yellow)}.progress-step.current i{border-color:var(--yellow);color:var(--yellow)}.due-overdue{color:var(--red);font-weight:700}
.order-theme-group{margin:0 0 14px;border:1px solid var(--line);background:#fff}.group-head{display:flex;justify-content:space-between;align-items:center;padding:10px 13px;border-bottom:1px solid var(--line);background:#f7fbff}.group-head b{font-size:14px}.group-head .sub{margin-left:10px}.order-theme-group .production-task{border-width:0 0 1px}.order-theme-group .production-task:last-child{border-bottom:0}.order-theme-progress{display:grid;grid-template-columns:155px minmax(400px,1fr) 90px;gap:15px;align-items:center;padding:12px 14px;border-bottom:1px solid var(--line)}.order-theme-progress:last-child{border-bottom:0}.order-theme-progress>div:first-child b{display:block;font:600 13px 'IBM Plex Mono';color:var(--yellow)}.order-theme-progress>div:first-child span{display:block;color:var(--muted);font-size:11px;margin-top:4px}.progress-step.skipped{color:#687269}.progress-step.skipped i{border-style:dashed;color:#687269}
.production-form-section{border-top:1px solid var(--line);padding-top:16px;margin-top:4px}.production-form-section-head{display:flex;justify-content:space-between;align-items:baseline;gap:14px;margin-bottom:11px}.production-form-section-head b{font-size:14px}.production-form-section-head strong{color:var(--yellow);font:12px 'IBM Plex Mono'}.theme-pick-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.theme-pick{display:flex;align-items:center;gap:8px;padding:10px 12px;border:1px solid var(--line);background:#f7fbff;color:var(--text);cursor:pointer}.theme-pick:has(input:checked){border-color:var(--yellow);background:#eef3ff}.theme-pick input{accent-color:var(--yellow)}.theme-config-rows{display:grid;gap:7px}.theme-config-row{display:grid;grid-template-columns:minmax(150px,1fr) 120px 160px auto;gap:10px;align-items:center;border:1px solid var(--line);background:#f7fbff;padding:9px 11px}.theme-config-row label{display:flex;align-items:center;gap:7px;color:var(--muted);font-size:12px}.theme-config-row input,.theme-config-row select{width:100%;background:#fff;border:1px solid var(--line2);color:var(--text);padding:7px 8px}.theme-config-name b{display:block}.theme-config-name .sub{display:block;margin-top:3px}.production-form-empty{border:1px dashed var(--line2);padding:20px;text-align:center;color:var(--muted);font-size:12px}/* production order modal · elegant */
.modal.production-modal{width:min(840px,100%);max-width:none;max-height:min(90vh,920px);padding:0;overflow:hidden;display:flex;flex-direction:column;border:1px solid rgba(227,235,245,.95);border-radius:14px;background:linear-gradient(165deg,rgba(42,48,44,.98),rgba(28,33,30,.98));box-shadow:0 28px 80px rgba(31,45,61,.35),inset 0 1px rgba(227,235,245,.85)}
.modal-backdrop:has(.production-modal){background:rgba(6,8,7,.72);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);padding:16px}
.pom-head{display:flex;justify-content:space-between;gap:14px;align-items:flex-start;padding:22px 24px 16px;border-bottom:1px solid rgba(227,235,245,.85);background:linear-gradient(180deg,rgba(248,251,255,.9),transparent)}
.pom-kicker{color:var(--yellow);font:11px 'IBM Plex Mono';letter-spacing:.14em;margin-bottom:6px}
.pom-head h2{margin:0;font-size:22px;letter-spacing:-.04em;font-weight:750}
.pom-head .sub{display:block;margin-top:6px;color:var(--muted);font-size:13px;line-height:1.5;max-width:56ch}
.pom-close{width:36px;height:36px;border:1px solid rgba(227,235,245,1);border-radius:10px;background:#f8fbff;color:var(--muted);font-size:18px;display:grid;place-items:center;transition:border-color .15s,color .15s,background .15s}
.pom-close:hover{border-color:rgba(23,105,255,.2);color:var(--text);background:rgba(227,235,245,.85)}
.pom-body{padding:18px 24px;overflow:auto;flex:1;min-height:0}
.pom-grid{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:12px;margin-bottom:16px}
.pom-field{display:grid;gap:7px}
.pom-field>span{color:var(--muted);font-size:12px}
.pom-field input,.pom-field textarea,.pom-field select{width:100%;border:1px solid rgba(227,235,245,1);border-radius:10px;background:#f1f6ff;color:var(--text);padding:11px 12px;outline:0;box-shadow:inset 0 1px #f8fbff;transition:border-color .16s,box-shadow .16s}
.pom-field input:focus,.pom-field textarea:focus,.pom-field select:focus{border-color:rgba(232,195,91,.5);box-shadow:0 0 0 3px rgba(23,105,255,.08)}
.pom-field.full{grid-column:1/-1}
.pom-section{border:1px solid rgba(227,235,245,.9);border-radius:12px;background:linear-gradient(160deg,rgba(248,251,255,.9),rgba(255,255,255,.012));padding:14px;margin-bottom:12px;box-shadow:inset 0 1px #f8fbff}
.pom-section-h{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:12px}
.pom-section-h b{font-size:14px;letter-spacing:-.02em}
.pom-section-h .hint{color:var(--muted);font-size:12px}
.pom-section-h .count{color:var(--yellow);font:600 12px 'IBM Plex Mono'}
.pom-theme-q{width:100%;height:32px;margin:0 0 8px;padding:0 10px;border:1px solid #e3ebf5;border-radius:8px;background:#fff;font:13px Manrope,sans-serif}
.req-modal{width:min(860px,94vw);height:min(88vh,760px);max-height:min(88vh,760px);overflow:hidden;display:flex;flex-direction:column}
.req-modal .modal-body{flex:1;min-height:0;overflow:visible;display:flex;flex-direction:column}
.req-modal .form-grid{position:relative;z-index:5}
.req-person-combo{position:relative;z-index:6}
.req-person-combo input{width:100%}
.req-person-drop{position:absolute;left:0;right:0;top:calc(100% + 4px);z-index:50;max-height:240px;overflow:auto;padding:6px;border:1px solid #e3ebf5;border-radius:10px;background:#fff;box-shadow:0 12px 28px rgba(69,93,128,.14)}
.req-person-opt{display:flex;justify-content:space-between;align-items:center;gap:8px;width:100%;border:0;background:#f1f5f9;border-radius:8px;padding:8px 12px;margin:0 0 4px;text-align:left;cursor:pointer}
.req-person-opt:hover,.req-person-opt:focus{background:#e8f0ff}
.req-person-opt b{font:650 13px Manrope,sans-serif}
.req-person-opt small{color:#8a9bb2;font-size:11px;white-space:nowrap}
.req-person-empty{padding:8px 4px;color:#8a9bb2;font-size:12px}
.req-modal .form-grid{flex:0 0 auto;display:grid;grid-template-columns:1fr 1fr;gap:10px}
.req-pick{flex:1;min-height:0;display:grid;grid-template-columns:176px minmax(0,1fr);margin-top:12px;border:1px solid #e3ebf5;border-radius:10px;overflow:hidden;background:#fff}
.req-cats{min-height:0;overflow:auto;background:#f7fbff;border-right:1px solid #e3ebf5;padding:8px}
.req-cats button{width:100%;display:flex;justify-content:space-between;align-items:center;gap:8px;border:0;background:transparent;color:#7b8da5;padding:8px 10px;border-radius:7px;font:700 13px Manrope,sans-serif;text-align:left}
.req-cats button:hover{background:#eef3ff;color:#2b3b56}
.req-cats button.on{background:#eef3ff;color:#1769ff}
.req-cats em{font:11px 'IBM Plex Mono';font-style:normal;opacity:.7}
.req-goods{display:flex;flex-direction:column;min-width:0;min-height:0;overflow:hidden}
.req-goods .req-q{flex:0 0 auto;height:32px;margin:8px 10px 0;padding:0 10px;border:1px solid #e3ebf5;border-radius:8px}
.req-glist{flex:1;min-height:0;overflow:auto;padding:8px 10px;display:grid;gap:6px;align-content:start}
.req-good{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:8px 10px;border:1px solid #e3ebf5;border-radius:8px;background:#fff;cursor:pointer;text-align:left}
.req-good.on{border-color:#c9dbff;background:#eef3ff}
.req-good b{display:block;font-size:13px}
.req-good small{color:#8a9bb2;font-size:11px}
.pom-theme-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;max-height:168px;overflow:auto;align-content:start}
.pom-theme{display:flex;gap:8px;align-items:center;min-height:32px;padding:6px 10px;border:1px solid rgba(227,235,245,.95);border-radius:8px;background:rgba(69,93,128,.05);cursor:pointer;transition:border-color .15s,background .15s}
.pom-theme:hover{border-color:#c9dbff;background:#f1f6ff}
.pom-theme:has(input:checked){border-color:rgba(23,105,255,.35);background:linear-gradient(145deg,rgba(23,105,255,.1),rgba(157,198,106,.05));box-shadow:inset 0 0 0 1px rgba(23,105,255,.08)}
.pom-theme input{margin:0;flex:0 0 auto;accent-color:var(--yellow)}
.pom-theme strong{display:block;font-size:13px;font-weight:650;letter-spacing:-.01em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pom-rows{display:grid;gap:8px}
.pom-row{display:grid;grid-template-columns:minmax(0,1.2fr) 100px 130px 72px;gap:10px;align-items:center;padding:12px;border:1px solid rgba(227,235,245,.95);border-radius:10px;background:rgba(69,93,128,.05)}
.pom-row .tname{font-weight:700;font-size:13px}
.pom-row .tsub{display:block;color:var(--muted);font-size:11px;margin-top:3px}
.pom-row label{display:grid;gap:4px;color:var(--muted);font-size:11px}
.pom-row input,.pom-row select{width:100%;border:1px solid rgba(227,235,245,1);border-radius:8px;background:rgba(111,142,232,.08);color:var(--text);padding:8px 9px}
.pom-row .rm{border:1px solid rgba(227,235,245,1);background:transparent;color:var(--muted);border-radius:8px;padding:8px 10px;font-size:12px}
.pom-row .rm:hover{border-color:rgba(238,107,84,.4);color:#f0a090}
.pom-empty{border:1px dashed rgba(207,220,234,1);border-radius:10px;padding:22px;text-align:center;color:var(--muted);font-size:13px;background:#fbfdff}
.pom-summary{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:10px;padding:10px 12px;border-radius:10px;background:rgba(23,105,255,.08);border:1px solid rgba(23,105,255,.12)}
.pom-summary span{color:var(--muted);font-size:12px}
.pom-summary strong{color:var(--yellow);font:700 16px 'IBM Plex Mono'}
.pom-foot{display:flex;justify-content:flex-end;gap:10px;padding:14px 24px 18px;border-top:1px solid rgba(227,235,245,.85);background:linear-gradient(0deg,rgba(69,93,128,.05),transparent)}
.pom-foot .ghost,.pom-foot .primary{border-radius:10px;padding:10px 14px}
.pom-foot .primary{box-shadow:0 10px 24px rgba(23,105,255,.12)}
.pom-foot .primary:hover{filter:brightness(1.05)}
@media(max-width:800px){
.pom-grid{grid-template-columns:1fr}
.pom-theme-grid{grid-template-columns:1fr 1fr}
.pom-row{grid-template-columns:1fr 1fr;gap:8px}
.pom-row .tname-wrap{grid-column:1/-1}
.pom-row .rm{grid-column:1/-1}
.pom-head,.pom-body,.pom-foot{padding-left:16px;padding-right:16px}
}
@media(max-width:520px){.pom-theme-grid{grid-template-columns:1fr}}
@media(max-width:650px){.theme-pick-grid{grid-template-columns:1fr 1fr}.theme-config-row{grid-template-columns:1fr 1fr}.theme-config-row .theme-config-name{grid-column:1/-1}.theme-config-row button{justify-self:start}}
.group-order-title{display:flex;align-items:center;gap:12px}.order-index{color:var(--yellow);font:600 11px 'IBM Plex Mono';letter-spacing:.12em;border:1px solid var(--yellow);padding:4px 6px}.group-head b{display:block;font-size:17px;letter-spacing:-.02em}.group-count{margin-left:10px;color:var(--muted);font:11px 'IBM Plex Mono'}.task-records{display:flex;flex-direction:column;gap:4px;min-width:0}.usage-record-line{display:block;color:var(--text);font:11px 'IBM Plex Mono';white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.batch-flow{display:flex;gap:6px;overflow-x:auto;padding:10px 0;border-bottom:1px solid var(--line)}.batch-flow .active{border-color:var(--yellow);color:var(--yellow)}.batch-section{border-top:1px solid var(--line);padding-top:14px;margin-top:14px}.batch-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.batch-theme-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;max-height:260px;overflow:auto}.batch-theme{display:flex;gap:8px;padding:9px;border:1px solid var(--line);background:#f7fbff;cursor:pointer}.batch-theme:has(input:checked){border-color:var(--yellow)}.batch-theme b{font-family:'IBM Plex Mono';color:var(--yellow)}.batch-theme small{display:block;color:var(--muted);font-size:11px;margin-top:3px}.batch-material-row{display:grid;grid-template-columns:1.3fr 120px 100px 1.2fr auto;gap:7px;align-items:center;margin-bottom:7px}.batch-material-row select,.batch-material-row input{min-width:0;background:#fff;border:1px solid var(--line2);color:var(--text);padding:8px}.batch-empty{border:1px dashed var(--line2);padding:18px;text-align:center;color:var(--muted)}
@media(max-width:1100px){.production-task{grid-template-columns:1.1fr 1.4fr 1.1fr 1.4fr auto}.task-actions{flex-direction:column}}@media(max-width:850px){.production-task{grid-template-columns:1fr;gap:8px}.task-actions{flex-direction:row;justify-content:flex-start}.batch-material-row{grid-template-columns:1fr 1fr}.batch-theme-list{grid-template-columns:1fr}}
.production-flow{display:grid;grid-template-columns:1.15fr repeat(5,1fr);gap:1px;background:var(--line);border:1px solid var(--line);margin:18px 0 14px}.production-flow button{position:relative;min-height:78px;border:0;background:#f8fbff;color:var(--muted);padding:12px 14px;text-align:left}.production-flow button:hover,.production-flow button.selected{background:#f3f7fc;color:var(--text)}.production-flow button.selected{box-shadow:inset 0 -3px var(--yellow)}.production-flow button span,.production-flow button em{display:block}.production-flow button i{position:absolute;right:11px;top:10px;font:10px 'IBM Plex Mono';font-style:normal;color:#69736b}.production-flow button strong{display:block;font-size:24px;color:var(--text);margin-top:7px}.production-flow button em{font:10px 'IBM Plex Mono';color:var(--muted);margin-top:2px}.order-theme-group{border-left:0;margin-left:10px}.group-head{padding:15px 17px;background:#eef3ff;border-bottom:1px solid var(--line2)}.group-order-title{gap:14px}.group-kicker{display:block;color:var(--yellow);font:9px 'IBM Plex Mono';letter-spacing:.14em;margin-bottom:3px}.order-index{width:38px;height:38px;display:grid;place-items:center;padding:0;font-size:12px}.group-status{display:flex;align-items:center;gap:9px}.group-status strong{font-size:24px}.group-status>span:last-child{color:var(--muted);font-size:11px}.clickable-task{position:relative;cursor:pointer;padding-left:18px;padding-right:84px;grid-template-columns:minmax(190px,1.05fr) minmax(250px,1.5fr) minmax(190px,1.1fr) minmax(200px,1.2fr)}.clickable-task:hover{background:#f7fbff}.task-advance{position:absolute;right:12px;top:10px;border:1px solid var(--yellow);background:transparent;color:var(--yellow);padding:7px 10px;font-size:11px;z-index:2}.task-advance:hover{background:var(--yellow);color:#222}.top-actions>.primary{padding:9px 14px}.board-switch{justify-content:flex-start}
@media(max-width:900px){.production-flow{grid-template-columns:repeat(3,1fr)}.clickable-task{grid-template-columns:1fr;padding-right:78px}.group-head{align-items:flex-start}.group-status{flex-wrap:wrap;justify-content:flex-end}}
.evidence-backdrop{padding:28px}.evidence-modal{width:min(1420px,calc(100vw - 56px));max-width:none;height:min(850px,calc(100vh - 56px));overflow:hidden;display:flex;flex-direction:column;background:#fff}.evidence-modal-head{display:flex;justify-content:space-between;align-items:flex-start;padding:24px 28px 18px;border-bottom:1px solid var(--line);background:#f7fbff}.evidence-modal-head h2{margin:8px 0 6px;font-size:25px}.evidence-modal-head p{margin:0;color:var(--muted);font-size:12px}.evidence-head-actions{display:flex;gap:15px;align-items:center}.evidence-modal>.evidence-timeline,.evidence-modal>.evidence-grid,.evidence-modal>.records-card,.evidence-modal>.evidence-cost{margin-left:24px;margin-right:24px}.evidence-modal>.evidence-timeline{margin-top:18px}.evidence-timeline{padding:16px 18px;border:1px solid var(--line);background:#f7fbff}.evidence-section-title{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:12px}.evidence-section-title h3{margin:0;font-size:15px}.evidence-section-title em{font:11px 'IBM Plex Mono';font-style:normal;color:var(--yellow);margin-left:5px}.timeline-track{display:grid;grid-template-columns:repeat(5,1fr);gap:1px;background:var(--line)}.timeline-item{background:#f8fbff;padding:11px 12px}.timeline-item i{display:inline-grid;place-items:center;width:20px;height:20px;border:1px solid var(--line2);font:11px 'IBM Plex Mono';font-style:normal;color:var(--muted)}.timeline-item b{display:block;margin-top:8px}.timeline-item span{display:block;color:var(--muted);font:10px 'IBM Plex Mono';margin-top:5px}.timeline-item.done i{background:var(--green);border-color:var(--green);color:#ffffff}.timeline-item.current{box-shadow:inset 0 -3px var(--yellow)}.timeline-item.current i{border-color:var(--yellow);color:var(--yellow)}.evidence-modal{overflow-y:auto}.evidence-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:14px}.evidence-card{border:1px solid var(--line);background:#f7fbff;padding:16px}.evidence-scroll{max-height:230px;overflow:auto}.evidence-scroll table{width:100%;border-collapse:collapse}.evidence-scroll th,.evidence-scroll td{padding:7px 8px;border-bottom:1px solid var(--line);font-size:12px;text-align:left}.records-card{margin-top:14px}.records-scroll{max-height:235px}.evidence-cost{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);margin-top:14px;margin-bottom:24px}.evidence-cost div{background:#f7fbff;padding:14px 18px}.evidence-cost span,.evidence-cost strong{display:block}.evidence-cost span{color:var(--muted);font-size:11px}.evidence-cost strong{font:600 20px 'IBM Plex Mono';color:var(--yellow);margin-top:6px}@media(max-width:700px){.evidence-backdrop{padding:8px}.evidence-modal{width:calc(100vw - 16px);height:calc(100vh - 16px)}.evidence-modal-head{padding:18px}.evidence-modal>.evidence-timeline,.evidence-modal>.evidence-grid,.evidence-modal>.records-card,.evidence-modal>.evidence-cost{margin-left:12px;margin-right:12px}.evidence-grid{grid-template-columns:1fr}.timeline-track{grid-template-columns:1fr}.evidence-cost{grid-template-columns:1fr}}
.selected-theme-summary{margin-top:14px;border-top:1px solid var(--line);padding-top:14px}.selected-theme-row{display:grid;grid-template-columns:1.2fr 1fr;gap:14px;padding:8px 10px;border:1px solid var(--line);background:#f8fbff;margin-bottom:5px}.selected-theme-row b,.selected-theme-row strong{display:block}.selected-theme-row span{display:block;color:var(--muted);font:10px 'IBM Plex Mono';margin-top:3px}.material-pick-head{margin-top:16px}.batch-material-pick{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:10px}.batch-material-pick label{border:1px solid var(--line);background:#f7fbff;padding:8px 10px;cursor:pointer}.batch-material-pick label:has(input:checked){border-color:var(--yellow);color:var(--yellow)}
.usage-batch-ledger>div>table>tbody>tr>td{vertical-align:top;padding:14px}.usage-batch-ledger>div>table>tbody>tr{border-bottom:4px solid var(--bg)}.batch-time-cell strong,.batch-time-cell span{display:block}.batch-time-cell strong{font:600 15px 'IBM Plex Mono';color:var(--yellow);white-space:nowrap}.batch-time-cell span{font:10px 'IBM Plex Mono';color:var(--muted);margin-top:6px}.batch-items-table,.batch-themes-table{width:100%;border:1px solid var(--line);background:#fff}.batch-items-table th,.batch-items-table td,.batch-themes-table th,.batch-themes-table td{padding:7px 9px!important;border-bottom:1px solid var(--line);font-size:11px}.batch-items-table th,.batch-themes-table th{color:var(--muted);background:#f7fbff}.batch-items-table tr:last-child td,.batch-themes-table tr:last-child td{border-bottom:0}.batch-themes-table td b,.batch-themes-table td span{display:block}.batch-themes-table td span{color:var(--muted);margin-top:3px}
.evidence-stage-filter{display:grid;grid-template-columns:1.15fr repeat(5,1fr);gap:1px;background:var(--line);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:4}.evidence-stage-filter button{border:0;background:#f8fbff;color:var(--muted);padding:11px 12px;text-align:left;position:relative}.evidence-stage-filter button:hover,.evidence-stage-filter button.active{background:#e8f0fa;color:var(--text)}.evidence-stage-filter button.active{box-shadow:inset 0 -3px var(--yellow)}.evidence-stage-filter button i{position:absolute;right:9px;top:8px;font:9px 'IBM Plex Mono';font-style:normal;color:#687269}.evidence-stage-filter button b,.evidence-stage-filter button span{display:block}.evidence-stage-filter button span{font:9px 'IBM Plex Mono';margin-top:4px;color:var(--muted)}@media(max-width:700px){.evidence-stage-filter{grid-template-columns:repeat(2,1fr);position:static}}
.production-flow.has-pending{grid-template-columns:1.15fr repeat(6,1fr)}.flow-pending strong{color:var(--blue)!important}.duration-progress{grid-template-columns:155px minmax(650px,1fr)}.duration-progress .order-progress{align-items:center;gap:4px}.stage-gap{display:flex;align-items:center;gap:2px;color:var(--muted);font:9px 'IBM Plex Mono';white-space:nowrap}.stage-gap::before,.stage-gap::after{content:"";width:8px;height:1px;background:var(--line2)}.stage-gap b{color:var(--yellow);font-size:11px}.progress-total{display:flex;flex-direction:column;align-items:center;justify-content:center;border-left:1px solid var(--line2);padding-left:10px;margin-left:5px;color:var(--muted);font:9px 'IBM Plex Mono';white-space:nowrap}.progress-total b{font-size:18px;color:var(--yellow)}.evidence-modal .timeline-track{grid-template-columns:repeat(5,1fr) 110px;overflow:visible}.evidence-modal .timeline-item{position:relative}.evidence-modal .timeline-item:not(:first-child)::before{content:"2天";position:absolute;left:-17px;top:28px;z-index:3;background:#eef5fb;border:1px solid var(--line2);color:var(--yellow);padding:2px 4px;font:9px 'IBM Plex Mono'}.evidence-modal .timeline-track::after{content:"8天\A总计";white-space:pre;display:grid;place-items:center;background:#eef3ff;color:var(--yellow);font:600 14px 'IBM Plex Mono';text-align:center}@media(max-width:900px){.production-flow.has-pending{grid-template-columns:repeat(3,1fr)}.duration-progress{grid-template-columns:1fr}.duration-progress .order-progress{overflow-x:auto}.evidence-modal .timeline-track{grid-template-columns:1fr}.evidence-modal .timeline-item:not(:first-child)::before{left:auto;right:10px;top:-8px}.evidence-modal .timeline-track::after{padding:12px}}
.order-theme-progress{grid-template-columns:190px minmax(0,1fr);gap:26px;padding:20px 22px;background:#fff}.order-theme-progress>div:first-child{display:flex;flex-direction:column;justify-content:center;padding-right:18px;border-right:1px solid var(--line)}.order-theme-progress>div:first-child b{font-size:15px;line-height:1.4}.order-theme-progress>div:first-child span{font-size:12px;line-height:1.6}.duration-progress .order-progress{display:flex;align-items:stretch;gap:0;min-width:0;width:100%}.duration-progress .progress-step{position:relative;display:flex;flex:1;flex-direction:column;align-items:flex-start;justify-content:center;gap:9px;min-width:116px;padding:15px 16px;background:#f7fbff;border:1px solid var(--line2);color:var(--text);font-size:13px;font-weight:700;line-height:1.3}.duration-progress .progress-step i{width:30px;height:30px;font-size:12px;border-color:var(--line2);color:var(--muted)}.duration-progress .progress-step.done{background:#eef5fb;color:var(--text)}.duration-progress .progress-step.current{background:#eef3ff;color:var(--yellow);box-shadow:inset 0 -4px var(--yellow)}.duration-progress .progress-step.current i{border-color:var(--yellow);color:var(--yellow)}.duration-progress .progress-step.skipped{background:#ffffff;color:#687269}.duration-progress .stage-gap{flex:0 0 58px;justify-content:center;align-self:center;position:relative;height:28px;padding:0 3px;font-size:10px}.duration-progress .stage-gap::before,.duration-progress .stage-gap::after{width:18px;background:var(--line2)}.duration-progress .stage-gap b{font-size:12px}.duration-progress .progress-total{flex:0 0 86px;min-height:72px;border:1px solid var(--yellow);border-left:1px solid var(--yellow);margin:0 0 0 12px;padding:10px 8px;color:var(--muted);font-size:10px;background:#eef3ff}.duration-progress .progress-total b{font-size:24px;line-height:1;color:var(--yellow)}@media(max-width:900px){.order-theme-progress{grid-template-columns:1fr;gap:14px}.order-theme-progress>div:first-child{padding:0 0 12px;border-right:0;border-bottom:1px solid var(--line)}.duration-progress .order-progress{overflow-x:auto;padding-bottom:4px}.duration-progress .progress-step{flex:0 0 116px}.duration-progress .progress-total{flex-basis:86px}}
.order-theme-progress{display:grid;grid-template-columns:190px minmax(0,1fr);gap:26px;align-items:stretch;padding:20px 22px;background:#fff}
.order-theme-progress>div:first-child{display:flex;flex-direction:column;justify-content:center;padding-right:18px;border-right:1px solid var(--line)}
.order-theme-progress>div:first-child b{font-size:15px;line-height:1.4}
.order-theme-progress>div:first-child span{font-size:12px;line-height:1.6}
.duration-progress .order-progress{display:flex;align-items:stretch;gap:0;min-width:0;width:100%}
.duration-progress .progress-step{position:relative;display:flex;flex:1;flex-direction:column;align-items:flex-start;justify-content:center;gap:9px;min-width:116px;padding:15px 16px;background:#f7fbff;border:1px solid var(--line2);color:var(--text);font-size:13px;font-weight:700;line-height:1.3}
.duration-progress .progress-step i{width:30px;height:30px;font-size:12px;border-color:var(--line2);color:var(--muted)}
.duration-progress .progress-step.done{background:#eef5fb;color:var(--text)}
.duration-progress .progress-step.current{background:#eef3ff;color:var(--yellow);box-shadow:inset 0 -4px var(--yellow)}
.duration-progress .progress-step.current i{border-color:var(--yellow);color:var(--yellow)}
.duration-progress .progress-step.skipped{background:#ffffff;color:#687269}
.duration-progress .stage-gap{flex:0 0 58px;justify-content:center;align-self:center;position:relative;height:28px;padding:0 3px;font-size:10px}
.duration-progress .stage-gap::before,.duration-progress .stage-gap::after{width:18px;background:var(--line2)}
.duration-progress .stage-gap b{font-size:12px}
.duration-progress .progress-total{flex:0 0 86px;min-height:72px;border:1px solid var(--yellow);border-left:1px solid var(--yellow);margin:0 0 0 12px;padding:10px 8px;color:var(--muted);font-size:10px;background:#eef3ff}
.duration-progress .progress-total b{font-size:24px;line-height:1;color:var(--yellow)}
@media(max-width:900px){.order-theme-progress{grid-template-columns:1fr;gap:14px}.order-theme-progress>div:first-child{padding:0 0 12px;border-right:0;border-bottom:1px solid var(--line)}.duration-progress .order-progress{overflow-x:auto;padding-bottom:4px}.duration-progress .progress-step{flex:0 0 116px}.duration-progress .progress-total{flex-basis:86px}}
.order-theme-progress{grid-template-columns:150px minmax(0,1fr);gap:16px;align-items:center;padding:10px 14px;background:#fff}.order-theme-progress>div:first-child{padding-right:12px}.order-theme-progress>div:first-child b{font-size:12px;line-height:1.3}.order-theme-progress>div:first-child span{font-size:10px;line-height:1.35;margin-top:3px}.duration-progress .order-progress{align-items:center;height:48px}.duration-progress .progress-step{flex-direction:row;align-items:center;gap:6px;min-width:82px;padding:7px 8px;font-size:11px;font-weight:600;line-height:1.2}.duration-progress .progress-step i{width:20px;height:20px;flex:0 0 20px;font-size:10px}.duration-progress .stage-gap{flex:0 0 38px;height:20px;padding:0 2px;font-size:9px}.duration-progress .stage-gap::before,.duration-progress .stage-gap::after{width:8px}.duration-progress .stage-gap b{font-size:10px}.duration-progress .progress-total{flex:0 0 58px;min-height:42px;margin-left:8px;padding:5px 4px;font-size:8px}.duration-progress .progress-total b{font-size:17px;line-height:1}.duration-progress .progress-total span{font-size:8px}@media(max-width:900px){.order-theme-progress{grid-template-columns:1fr;gap:8px;padding:10px 12px}.order-theme-progress>div:first-child{padding:0 0 7px;border-right:0;border-bottom:1px solid var(--line)}.duration-progress .order-progress{height:46px;overflow-x:auto;padding-bottom:2px}.duration-progress .progress-step{flex:0 0 92px}.duration-progress .progress-total{flex-basis:58px}}
/* Compact order timeline: keep the expanded order informative without turning
each theme into a large card. */
.order-expand>td{padding:0!important}
.order-theme-progress{grid-template-columns:150px minmax(0,1fr);gap:14px;align-items:center;padding:8px 14px;background:#fff;min-height:56px}
.order-theme-progress>div:first-child{display:flex;flex-direction:column;justify-content:center;min-width:0;padding-right:12px;border-right:1px solid var(--line)}
.order-theme-progress>div:first-child b{font-size:11px;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.order-theme-progress>div:first-child span{font-size:10px;line-height:1.2;margin-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.duration-progress .order-progress{display:flex;align-items:center;gap:0;min-width:0;width:100%;height:38px}
.duration-progress .progress-step{display:flex;flex:1;align-items:center;gap:6px;min-width:70px;padding:3px 7px;background:transparent;border:0;color:var(--muted);font-size:10px;font-weight:600;line-height:1;white-space:nowrap}
.duration-progress .progress-step i{width:19px;height:19px;flex:0 0 19px;font-size:9px;border-radius:50%;background:#f8fbff}
.duration-progress .progress-step.done{background:transparent;color:var(--text)}
.duration-progress .progress-step.current{background:transparent;color:var(--yellow);box-shadow:none}
.duration-progress .progress-step.current i{border-color:var(--yellow);color:var(--yellow);box-shadow:0 0 0 3px rgba(23,105,255,.1)}
.duration-progress .progress-step.skipped{background:transparent;color:#687269}
.duration-progress .stage-gap{flex:0 0 34px;position:relative;display:flex;align-items:center;justify-content:center;height:20px;padding:0;font-size:8px}
.duration-progress .stage-gap::before,.duration-progress .stage-gap::after{width:12px;height:1px;background:var(--line2)}
.duration-progress .stage-gap b{font-size:9px;line-height:1;color:var(--yellow);background:#fff;padding:0 2px;z-index:1}
.duration-progress .progress-total{flex:0 0 54px;min-height:34px;margin:0 0 0 8px;padding:3px 4px;border:1px solid var(--line2);color:var(--muted);font-size:8px;background:transparent}
.duration-progress .progress-total b{font-size:16px;line-height:1;color:var(--yellow)}
@media(max-width:900px){.order-theme-progress{grid-template-columns:1fr;gap:7px;padding:8px 12px}.order-theme-progress>div:first-child{padding:0 0 6px;border-right:0;border-bottom:1px solid var(--line)}.duration-progress .order-progress{height:36px;overflow-x:auto}.duration-progress .progress-step{flex:0 0 88px}.duration-progress .progress-total{flex-basis:54px}}
.order-theme-progress{grid-template-columns:72px minmax(120px,1fr) minmax(90px,.7fr) minmax(0,2.5fr);gap:0;align-items:center;padding:7px 14px;min-height:52px}
.order-theme-progress>div:first-child{display:contents}
.order-theme-progress>div:first-child b,.order-theme-progress>div:first-child strong,.order-theme-progress>div:first-child span{display:block;min-width:0;margin:0;padding:0 10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;border-right:1px solid var(--line)}
.order-theme-progress>div:first-child b{font:600 11px 'IBM Plex Mono';color:var(--yellow);line-height:1.2}
.order-theme-progress>div:first-child span{font-size:10px;color:var(--muted);line-height:1.2}
.order-theme-progress>div:first-child strong{font-size:11px;color:var(--text);font-weight:600;line-height:1.2}
.order-theme-progress>div:first-child span::first-letter{ }
.duration-progress .order-progress{height:36px;margin-left:10px;justify-content:center}
.duration-progress .progress-step{flex:0 0 auto;min-width:0;padding:3px 4px;gap:5px}
.duration-progress .stage-gap{flex:0 0 22px}
.duration-progress .stage-gap::before,.duration-progress .stage-gap::after{width:7px}
.duration-progress .progress-total{flex:0 0 50px;margin-left:5px}
@media(max-width:900px){.order-theme-progress{grid-template-columns:62px minmax(100px,1fr) 82px minmax(0,2fr);gap:0;padding:7px 10px}.order-theme-progress>div:first-child b,.order-theme-progress>div:first-child strong,.order-theme-progress>div:first-child span{padding:0 7px}.duration-progress .order-progress{margin-left:7px;overflow-x:auto}.duration-progress .progress-step{flex:0 0 auto}.duration-progress .progress-total{flex-basis:50px}}
@media(max-width:650px){.order-theme-progress{grid-template-columns:58px minmax(100px,1fr) 80px}.duration-progress .order-progress{grid-column:1/-1;margin:6px 0 0;padding-top:2px}.order-theme-progress>div:first-child span{border-right:0}}
.order-theme-group .group-head{min-height:48px;padding:7px 12px;background:#eef3ff}
.order-theme-group .group-order-title{gap:9px;min-width:0}
.order-theme-group .order-index{width:auto;height:auto;border:0;padding:0;color:var(--yellow);font:500 10px 'IBM Plex Mono';letter-spacing:.04em;white-space:nowrap}
.order-theme-group .group-order-title>div{min-width:0;display:flex;align-items:baseline;gap:9px}
.order-theme-group .group-kicker{display:none}
.order-theme-group .group-head b{font-size:14px;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.order-theme-group .group-head .sub{margin:0;color:var(--muted);font:10px 'IBM Plex Mono';white-space:nowrap}
.order-theme-group .group-status{margin-left:auto;gap:8px;flex:0 0 auto}
.order-theme-group .group-status .group-due{color:var(--muted);font-size:10px;white-space:nowrap}
.order-theme-group .group-status strong{font-size:16px;line-height:1;color:var(--text)}
.order-theme-group .group-status>span:last-child{font-size:10px;white-space:nowrap}
@media(max-width:650px){.order-theme-group .group-head{align-items:center;padding:7px 10px}.order-theme-group .group-order-title>div{display:grid;gap:2px}.order-theme-group .group-status{gap:5px}.order-theme-group .group-status .group-due{display:none}}
.order-theme-progress{grid-template-columns:minmax(260px,320px) minmax(0,1fr);gap:14px}.order-theme-progress>.order-theme-identity{display:flex!important;flex-direction:row;align-items:center;gap:10px;min-width:0;padding-right:14px;white-space:nowrap}.order-theme-identity b{display:block!important;flex:0 0 auto;overflow:visible;white-space:nowrap;color:var(--yellow);font:600 13px/1.35 'IBM Plex Mono'!important}.order-theme-identity span{display:block;min-width:0;margin:0!important;color:var(--text)!important;font-size:11px!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media(max-width:900px){.order-theme-progress{grid-template-columns:minmax(240px,280px) minmax(650px,1fr)}.order-theme-identity b,.order-theme-identity span{white-space:nowrap}}
.top-actions{display:none!important}.workbench-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:14px}.workbench-column{min-width:0;border:1px solid var(--line);border-radius:11px;background:var(--panel);padding:16px;box-shadow:0 10px 28px rgba(69,93,128,.04)}.workbench-section-head{display:flex;justify-content:space-between;align-items:start;gap:10px;margin-bottom:12px}.workbench-section-head h2{font-size:16px;margin:0}.workbench-section-head .sub{display:block;color:var(--muted);font-size:11px;margin-top:4px}.workbench-section-head .ghost{font-size:10px;padding:7px 9px;white-space:nowrap}.dashboard-filters{display:flex;gap:5px;flex-wrap:wrap;margin-bottom:8px}.dashboard-filter{border:1px solid var(--line);border-radius:7px;background:#f8fbff;color:var(--muted);padding:6px 8px;font-size:11px;transition:background .18s ease,border-color .18s ease,color .18s ease}.dashboard-filter:hover,.dashboard-filter.active{border-color:#c9dbff;background:#eef3ff;color:#1769ff}.dashboard-production-record,.dashboard-outbound-record{border-top:1px solid var(--line);padding:13px 0}.dashboard-production-record:first-child,.dashboard-outbound-record:first-child{border-top:0}.dashboard-record-head{display:flex;justify-content:space-between;align-items:start;gap:10px}.dashboard-record-head b{font-size:13px}.dashboard-record-head small{display:block;color:var(--muted);font-size:11px;line-height:1.5;margin-top:4px}.dashboard-record-head .tag{white-space:nowrap}.dashboard-stages{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px;margin-top:11px}.dashboard-stage{min-width:0}.dashboard-stage-line{display:block;height:5px;border-radius:999px;background:#d7e2ef;transition:background .18s ease,box-shadow .18s ease}.dashboard-stage.done .dashboard-stage-line{background:var(--green)}.dashboard-stage.current .dashboard-stage-line{background:var(--yellow);box-shadow:0 0 0 2px rgba(23,105,255,.1)}.dashboard-stage small{display:block;color:var(--muted);font:10px 'IBM Plex Mono';margin-top:5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dashboard-stage.done small{color:var(--green)}.dashboard-stage.current small{color:var(--yellow)}.dashboard-priority-list article{border-top:1px solid var(--line);padding:12px 0}.dashboard-priority-list article:first-child{border-top:0}.dashboard-priority-list article>div{display:flex;justify-content:space-between;align-items:start;gap:6px}.dashboard-priority-list article b{font-size:12px}.dashboard-priority-list article p{color:var(--muted);font-size:11px;line-height:1.5;margin:5px 0 0}.dashboard-outbound-record .dashboard-record-head b{font-size:12px}.dashboard-outbound-record .dashboard-record-head small{font-size:10px}@media(max-width:800px){.workbench-grid{grid-template-columns:1fr}.dashboard-stages{min-width:420px}.production-column{overflow:hidden}.dashboard-production-list{overflow-x:auto}.dashboard-production-record{min-width:520px}}
.main{margin:0}.top-summary{display:flex;align-items:center;gap:20px;color:var(--muted);font:10px 'IBM Plex Mono';white-space:nowrap}.top-summary span+span{border-left:1px solid var(--line);padding-left:20px}.top-summary b{color:var(--text);font:700 19px Manrope;margin-right:5px}.top-summary b.amber{color:var(--yellow)}.top-summary b.red{color:var(--red)}
.topbar-create{white-space:nowrap}.purchase-toolbar{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:18px 0 10px}.purchase-toolbar label{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:12px}.purchase-toolbar select{background:#ffffff;border:1px solid var(--line2);color:var(--text);padding:8px 10px;outline:0}.purchase-toolbar select:focus{border-color:var(--yellow)}
@media(max-width:650px){.top-summary{gap:8px;justify-content:flex-end;flex-wrap:wrap}.top-summary span+span{padding-left:8px}.purchase-toolbar{align-items:flex-start;flex-direction:column}}
.purchase-surface{margin-top:8px;padding:0;background:transparent;border-radius:0}.purchase-control-row{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:12px}.purchase-month-control{display:flex;align-items:center;gap:10px;color:var(--muted);font-size:12px}.purchase-month-control select{min-width:136px;background:#fff;border:1px solid #e3ebf5;border-radius:8px;color:#1f2d3d;padding:9px 11px;outline:0}.purchase-month-control select:focus{border-color:rgba(232,195,91,.58)}.purchase-create{border-radius:8px;background:#1769ff;border:1px solid #1769ff;color:#fff;box-shadow:0 8px 18px rgba(23,105,255,.18);transition:filter .18s ease,box-shadow .18s ease}.purchase-create:hover{filter:brightness(1.06);box-shadow:0 10px 24px rgba(232,195,91,.2)}.purchase-metric-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin-bottom:12px}.purchase-metric-card{min-height:96px;border:1px solid #e3ebf5;border-radius:10px;background:#fff;padding:16px;box-shadow:0 10px 24px rgba(69,93,128,.05);color:#1f2d3d}.purchase-metric-card:hover{border-color:#c9dbff;background:#f8fbff;box-shadow:0 12px 28px rgba(23,105,255,.08)}.purchase-metric-card small{display:block;color:var(--muted);font:11px 'IBM Plex Mono'}.purchase-metric-card b{display:block;font-size:28px;margin-top:15px}.purchase-metric-card.waiting b{color:var(--yellow)}.purchase-metric-card.shipping b{color:var(--blue)}.purchase-metric-card.confirmed b{color:var(--green)}.purchase-list-card{border:1px solid #e3ebf5;border-radius:12px;background:#fff;padding:14px 16px;box-shadow:0 12px 28px rgba(69,93,128,.06)}.purchase-list-tools{display:flex;align-items:center;gap:10px;margin-bottom:14px}.purchase-status-filters{display:flex;gap:6px;flex-wrap:wrap}.purchase-status-filter{border:1px solid #e3ebf5;border-radius:999px;background:#fff;color:#8a9bb2;padding:8px 12px;font-size:12px;font-weight:700;transition:background .18s ease,border-color .18s ease,color .18s ease}.purchase-status-filter:hover,.purchase-status-filter.active{border-color:#c9dbff;background:#eef3ff;color:#1769ff}.purchase-search{margin-left:auto;width:min(280px,100%);background:#ffffff;border:1px solid rgba(227,235,245,1);border-radius:8px;color:var(--text);padding:9px 11px;outline:0}.purchase-search:focus{border-color:rgba(232,195,91,.55)}.purchase-table th,.purchase-table td{padding:13px 9px;border-color:rgba(227,235,245,.9);vertical-align:top}.purchase-table th{font-size:10px}.purchase-table td{font-size:12px}.purchase-table td>b{font-size:12px}.purchase-table td:first-child span{display:block;color:var(--muted);font:10px 'IBM Plex Mono';margin-top:5px}.purchase-supplier{display:grid;gap:5px}.purchase-supplier b{font-size:12px}.purchase-supplier a,.purchase-supplier span{color:var(--muted);font-size:10px;text-decoration:none}.purchase-supplier a{color:var(--blue)}.purchase-supplier a:hover{text-decoration:underline}.purchase-status{display:inline-flex;border:1px solid var(--line2);border-radius:7px;padding:5px 7px;font:10px 'IBM Plex Mono';white-space:nowrap}.purchase-status.ordered,.purchase-status.waiting{border-color:#f1ddb6;color:#c98621;background:#fff7e7}.purchase-status.shipping{border-color:#c9dbff;color:#1769ff;background:#eef3ff}.purchase-status.arrived{border-color:#c9dbff;color:#4f7ccf;background:#f0f5ff}.purchase-status.confirmed{border-color:#c7ebdb;color:#2f9b72;background:#eaf8f2}.purchase-row-action{border:1px solid #c9dbff;border-radius:8px;background:#fff;color:#1769ff;padding:7px 10px;font-size:11px;font-weight:700;white-space:nowrap;transition:background .18s ease,color .18s ease}.purchase-row-action:hover{background:#1769ff;color:#fff;border-color:#1769ff}.purchase-complete{color:var(--green);font-size:11px;white-space:nowrap}@media(max-width:900px){.purchase-metric-grid{grid-template-columns:repeat(5,minmax(140px,1fr));overflow-x:auto;padding-bottom:4px}.purchase-list-tools{align-items:stretch;flex-direction:column}.purchase-search{margin-left:0;width:100%}}@media(max-width:650px){.purchase-control-row{align-items:stretch;flex-direction:column}.purchase-month-control{justify-content:space-between}.purchase-create{width:100%}.purchase-list-card{padding:10px}.purchase-table{min-width:900px}}
/* CONFIG MODULE COMPACT A */
.config-people-columns{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;align-items:start}
.config-trade-col{min-width:0;padding:14px;border-radius:12px;background:linear-gradient(160deg,rgba(248,251,255,.95),#ffffff);box-shadow:0 12px 28px rgba(69,93,128,.04),inset 0 1px #f8fbff}
.config-trade-head{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:12px;padding-bottom:10px;border-bottom:1px solid rgba(227,235,245,.95)}
.config-trade-head h3{margin:0;font-size:16px;letter-spacing:-.02em;font-weight:750}
.config-trade-head span{color:var(--muted);font:12px 'IBM Plex Mono';padding:3px 8px;border-radius:999px;border:1px solid rgba(227,235,245,.95);background:#f8fbff}
.config-person-stack{display:grid;gap:10px}
.config-person-card{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px;border-radius:10px;background:#fff;border:1px solid #e3ebf5}
.config-person-card:hover{border-color:#c9dbff;background:#f8fbff;box-shadow:0 8px 20px rgba(69,93,128,.06)}
.config-person-avatar{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;border:1px solid rgba(23,105,255,.2);background:linear-gradient(145deg,rgba(23,105,255,.12),rgba(157,198,106,.06));color:var(--yellow);font:700 15px Manrope;letter-spacing:-.02em}
.config-person-main{min-width:0}
.config-person-name{display:block;font-size:16px;font-weight:750;letter-spacing:-.02em;line-height:1.25;margin-bottom:6px;color:var(--text)}
.config-person-phone{display:block;font:600 14px 'IBM Plex Mono';color:var(--text);letter-spacing:.02em;margin-bottom:4px}
.config-person-salary{display:inline-flex;align-items:center;gap:4px;color:var(--blue);font:600 13px 'IBM Plex Mono';padding:3px 8px;border-radius:999px;background:rgba(142,184,189,.1);border:1px solid rgba(142,184,189,.18);margin-top:2px}
.config-person-card .row-actions{display:flex;flex-direction:column;gap:6px;flex:0 0 auto;margin:0;padding:0;border:0;min-width:64px}
.config-person-card .row-actions .config-mini{width:100%;text-align:center;padding:7px 10px;white-space:nowrap}
@media(max-width:1100px){.config-people-columns{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.config-people-columns{grid-template-columns:1fr}}
.config-surface{margin-top:0}.config-toolbar{display:flex;justify-content:space-between;align-items:flex-end;gap:12px;padding:12px 0 10px}.config-toolbar h2{margin:0 0 2px;font-size:18px}.config-toolbar p{margin:0;color:var(--muted);font-size:13px}.config-toolbar-actions{display:flex;gap:6px;flex-wrap:wrap}.config-status{display:flex;flex-wrap:wrap;gap:14px;margin-bottom:10px;padding:8px 12px;border:1px solid rgba(227,235,245,.85);border-radius:8px;background:linear-gradient(145deg,rgba(248,251,255,.9),#ffffff)}.config-status span{color:var(--muted);font-size:12px}.config-status b{color:var(--text);font-size:14px;margin-right:5px}.config-status .signal{color:var(--green)}
.config-theme-cover{display:none}
.config-card-head{display:grid!important;grid-template-columns:56px minmax(0,1fr) auto;gap:10px;align-items:center;margin-bottom:10px}
.config-mini-cover{width:56px;height:72px;border-radius:6px;border:1px solid rgba(227,235,245,.95);background:linear-gradient(160deg,#f8fbff,#f3f7fc);display:grid;place-items:center;overflow:hidden;flex:0 0 auto}
.config-mini-cover img{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;display:block}
.config-mini-cover .ph{color:var(--muted);font:9px 'IBM Plex Mono';letter-spacing:.06em;text-align:center;padding:4px;line-height:1.3}
.config-card-head .title-wrap{min-width:0}
.config-card-head .eyebrow{margin-bottom:2px}
.config-card-head h3{margin:0;font-size:15px;line-height:1.25;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.config-tabs{
display:inline-flex!important;flex-wrap:nowrap!important;
gap:0!important;padding:4px!important;margin:0 0 16px!important;
border:1px solid #e3ebf5!important;border-radius:12px!important;
background:#fff!important;box-shadow:0 4px 14px rgba(69,93,128,.05)!important;
width:auto!important;max-width:100%!important;
}
.config-tabs button{
flex:0 0 auto!important;min-width:120px!important;
border:0!important;background:transparent!important;color:#8a9bb2!important;
border-radius:9px!important;padding:10px 18px!important;
font-size:13px!important;font-weight:750!important;letter-spacing:.01em;
box-shadow:none!important;
}
.config-tabs button:hover{
color:#1f2d3d!important;background:#f5f8ff!important;
}
.config-tabs button.on,
.config-tabs button.active{
background:#eef3ff!important;color:#1769ff!important;
box-shadow:inset 0 0 0 1px #c9dbff!important;
}
.config-record-table{width:100%;border-collapse:collapse}
.config-record-table th{text-align:left;color:var(--muted);font-size:12px;font-weight:600;padding:10px 12px;border-bottom:1px solid rgba(227,235,245,.95);background:rgba(69,93,128,.04)}
.config-record-table td{padding:12px;border-bottom:1px solid rgba(227,235,245,.85);vertical-align:top;font-size:14px}
.config-record-table tr:hover td{background:#fbfdff}
.config-record-table .name{font-size:15px;font-weight:700}
.config-record-table .sub{display:block;color:var(--muted);font-size:12px;margin-top:4px}
.config-prop-tags{display:flex;flex-wrap:wrap;gap:6px}
.config-prop-tag{border:1px solid rgba(227,235,245,1);border-radius:999px;padding:4px 10px;font-size:12px;background:rgba(248,251,255,.9);color:var(--text)}
.config-prop-tag em{font-style:normal;color:var(--muted);margin-left:4px;font:11px 'IBM Plex Mono'}
.config-split{display:grid;grid-template-columns:1.05fr 1.2fr;gap:12px;align-items:start}
.config-panel{border:1px solid rgba(227,235,245,.95);border-radius:8px;background:linear-gradient(160deg,rgba(255,255,255,.045),#ffffff);padding:12px;min-width:0}
.config-panel-head{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:10px}
.config-panel-head h3{margin:0;font-size:16px}
.config-panel-head span{color:var(--muted);font:12px 'IBM Plex Mono'}
.config-mat-item,.config-prop-item{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:center;padding:10px 0;border-bottom:1px solid rgba(227,235,245,.85)}
.config-mat-item:last-child,.config-prop-item:last-child{border-bottom:0}
.config-mat-item b,.config-prop-item b{display:block;font-size:15px}
.config-mat-item small,.config-prop-item small{display:block;color:var(--muted);font-size:12px;margin-top:4px;line-height:1.45}
.config-theme-record{border:1px solid rgba(227,235,245,.95);border-radius:8px;background:linear-gradient(160deg,rgba(255,255,255,.045),#ffffff);padding:12px 14px;margin-bottom:10px}
.config-theme-record-head{display:grid;grid-template-columns:56px minmax(0,1fr) auto;gap:12px;align-items:center}
.config-theme-record-body{margin-top:12px;padding-top:12px;border-top:1px solid rgba(227,235,245,.9)}
.config-theme-record-body h4{margin:0 0 8px;font-size:13px;color:var(--muted);font-weight:600}
.config-empty{padding:18px;text-align:center;color:var(--muted);border:1px dashed rgba(207,220,234,1);border-radius:8px;font-size:13px}
@media(max-width:1100px){.config-split{grid-template-columns:1fr}}
.config-surface:has(.config-theme-table-wrap){display:flex;flex-direction:column;height:auto;min-height:0;flex:0 0 auto}
.config-surface:has(.config-theme-table-wrap)>.config-item-ctrl{flex:0 0 auto}
.config-theme-table-wrap{border:1px solid #e3ebf5;border-radius:12px;overflow:auto;background:#fff;flex:0 1 auto;max-height:calc(100vh - 240px);min-height:0}
/* plan materials · table */
.modal.config-plan-editor{width:min(820px,100%);max-height:min(88vh,900px);padding:0;overflow:hidden;display:flex;flex-direction:column;border:1px solid rgba(227,235,245,.95);border-radius:14px;background:linear-gradient(165deg,rgba(42,48,44,.98),rgba(28,33,30,.98));box-shadow:0 28px 80px rgba(31,45,61,.35),inset 0 1px rgba(227,235,245,.85)}
.modal-backdrop:has(.config-plan-editor){background:rgba(6,8,7,.72);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}
.cpe-head{display:flex;justify-content:space-between;gap:14px;align-items:flex-start;padding:22px 24px 16px;border-bottom:1px solid rgba(227,235,245,.85);background:linear-gradient(180deg,rgba(248,251,255,.9),transparent)}
.cpe-kicker{color:var(--yellow);font:11px 'IBM Plex Mono';letter-spacing:.14em;margin-bottom:6px}
.cpe-head h2{margin:0;font-size:22px;letter-spacing:-.04em}
.cpe-head .sub{display:block;margin-top:6px;color:var(--muted);font-size:13px;line-height:1.5}
.cpe-close{width:36px;height:36px;border:1px solid rgba(227,235,245,1);border-radius:10px;background:#f8fbff;color:var(--muted);font-size:18px;display:grid;place-items:center}
.cpe-close:hover{border-color:rgba(23,105,255,.2);color:var(--text)}
.cpe-body{padding:16px 24px;overflow:auto;flex:1;min-height:0}
.cpe-stages{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:14px}
.cpe-stage{border:1px solid rgba(227,235,245,1);background:#f8fbff;color:var(--muted);border-radius:999px;padding:8px 12px;font-size:12px}
.cpe-stage.on{border-color:rgba(23,105,255,.25);background:rgba(23,105,255,.08);color:var(--text)}
.cpe-stage small{margin-left:5px;color:var(--faint);font:11px 'IBM Plex Mono'}
.cpe-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.cpe-item{display:grid;grid-template-columns:18px minmax(0,1fr);gap:10px;align-items:start;padding:10px 11px;border:1px solid rgba(227,235,245,.95);border-radius:10px;background:rgba(69,93,128,.05);cursor:pointer}
.cpe-item:has(input:checked){border-color:rgba(23,105,255,.25);background:linear-gradient(145deg,rgba(23,105,255,.08),rgba(157,198,106,.05))}
.cpe-item input{margin-top:3px;accent-color:var(--yellow)}
.cpe-item b{display:block;font-size:13px}
.cpe-item small{display:block;color:var(--muted);font-size:11px;margin-top:3px}
.cpe-qty{width:100%;margin-top:8px;border:1px solid rgba(227,235,245,1);border-radius:8px;background:rgba(111,142,232,.08);color:var(--text);padding:7px 9px;font:12px 'IBM Plex Mono'}
.cpe-qty:disabled{opacity:.35}
.cpe-error{min-height:18px;color:var(--red);font-size:12px;margin-top:10px}
.cpe-foot{display:flex;justify-content:flex-end;gap:10px;padding:14px 24px 18px;border-top:1px solid rgba(227,235,245,.85)}
.cpe-foot .ghost,.cpe-foot .primary{border-radius:10px;padding:10px 14px}
@media(max-width:700px){.cpe-grid{grid-template-columns:1fr}.cpe-head,.cpe-body,.cpe-foot{padding-left:16px;padding-right:16px}}
.config-plan-table-wrap{border:1px solid rgba(227,235,245,.95);border-radius:10px;overflow:auto;background:#f8fbff}
.config-plan-table{width:100%;border-collapse:collapse;min-width:960px}
.config-plan-table th{text-align:left;color:var(--muted);font-size:12px;font-weight:600;padding:10px 12px;background:#f1f6ff;border-bottom:1px solid rgba(227,235,245,.95);position:sticky;top:0;z-index:1}
.config-plan-table td{padding:12px;border-bottom:1px solid rgba(227,235,245,.85);vertical-align:top;font-size:12px;background:#ffffff}
.config-plan-table tr:hover td{background:#f8fbff}
.config-plan-table .plan-theme{min-width:150px}
.config-plan-table .plan-theme .name{font-size:14px;font-weight:700;letter-spacing:-.02em}
.config-plan-table .plan-theme .code{display:block;margin-top:3px;color:var(--muted);font:11px 'IBM Plex Mono'}
.config-plan-table .plan-stage-h{display:flex;justify-content:space-between;align-items:baseline;gap:8px;margin-bottom:6px}
.config-plan-table .plan-stage-h b{font-size:11px;color:var(--muted);font-weight:600}
.config-plan-table .plan-stage-h span{color:var(--yellow);font:11px 'IBM Plex Mono';white-space:nowrap}
.config-plan-table .plan-mat,.config-theme-merge .plan-mat,.config-theme-compact .plan-mat{display:flex;justify-content:space-between;gap:8px;align-items:center;padding:5px 7px;margin-top:4px;border-radius:7px;background:#f8fbff;border:1px solid rgba(227,235,245,.95);font-size:12px}
.config-plan-table .plan-mat:first-of-type,.config-theme-merge .plan-mat:first-of-type,.config-theme-compact .plan-mat:first-of-type{margin-top:0}
.config-plan-table .plan-mat em,.config-theme-merge .plan-mat em,.config-theme-compact .plan-mat em{font-style:normal;color:var(--blue);font:11px 'IBM Plex Mono';white-space:nowrap}
.config-plan-table .plan-empty,.config-theme-merge .plan-empty,.config-theme-compact .plan-empty{color:var(--muted);font-size:12px}
.config-plan-table .plan-actions{width:88px;white-space:nowrap}
.config-theme-table{width:100%;border-collapse:collapse}
.config-theme-table th{text-align:left;color:var(--muted);font-size:12px;padding:10px 12px;background:rgba(69,93,128,.05);border-bottom:1px solid rgba(227,235,245,.95);font-weight:600}
.config-theme-table td{padding:11px 12px;border-bottom:1px solid rgba(227,235,245,.85);vertical-align:top;font-size:14px}
.config-theme-table tr:hover td{background:#fbfdff}
.config-theme-table .t-name{font-size:15px;font-weight:700}
.config-theme-table .t-code{display:block;color:var(--muted);font:11px 'IBM Plex Mono';margin-top:3px}
table.config-theme-compact{min-width:920px;background:#fff;border-collapse:separate;border-spacing:0}
table.config-theme-compact thead{position:sticky;top:0;z-index:4}
table.config-theme-compact thead th{
text-align:left;color:#8a9bb2;font:11px 'IBM Plex Mono',ui-monospace,Menlo,monospace;
font-weight:500;padding:9px 10px;background:#f8fbff;border-bottom:1px solid #e3ebf5;
position:sticky;top:0;z-index:4
}
table.config-theme-compact td{
padding:8px 10px;border-bottom:1px solid #eef2f7;vertical-align:top;font-size:12px;background:#fff;color:#1f2d3d
}
table.config-theme-compact tr:hover td{background:#fbfdff}
table.config-theme-compact .theme{width:148px;text-align:left}
table.config-theme-compact .t-name{display:block;font-size:13px;font-weight:750}
table.config-theme-compact .t-code{display:block;margin:0 0 3px;font:11px 'IBM Plex Mono',ui-monospace,Menlo,monospace;text-align:left}
table.config-theme-compact .props{width:240px}
.config-theme-pcs{display:flex;flex-wrap:wrap;gap:4px}
.config-theme-pc{display:inline-flex;align-items:center;height:22px;padding:0 7px;border-radius:6px;background:#f4f7fb;border:1px solid #e3ebf5;font-size:11px;font-weight:650;color:#334155;white-space:nowrap}
table.config-theme-compact .use{cursor:pointer}
table.config-theme-compact .use:hover{background:#f5f8ff}
table.config-theme-compact .plan-mat{white-space:nowrap}
table.config-theme-compact .act{width:64px}
table.config-theme-compact .empty,table.config-theme-compact .sub{color:#b0bdcc}
.config-prop-inline{display:flex;flex-wrap:wrap;gap:6px}
.config-prop-chip{border:1px solid rgba(207,220,234,1);background:rgba(248,251,255,.9);color:var(--text);border-radius:999px;padding:5px 10px;font-size:12px;cursor:pointer;transition:border-color .15s,background .15s}
.config-prop-chip:hover,.config-prop-chip.open{border-color:rgba(157,198,106,.45);background:rgba(157,198,106,.1)}
.config-prop-chip small{color:var(--muted);margin-left:4px;font:11px 'IBM Plex Mono'}
.config-prop-detail{margin-top:8px;padding:8px 10px;border-radius:7px;background:rgba(69,93,128,.05);border:1px solid rgba(227,235,245,.85)}
.config-prop-detail[hidden]{display:none!important}
.config-prop-detail .lab{display:block;color:var(--muted);font-size:11px;margin-bottom:6px}
.config-mat-row{display:flex;flex-wrap:wrap;gap:6px}
.config-mat-chip{border:1px solid rgba(227,235,245,1);border-radius:999px;padding:4px 9px;font-size:12px;background:#f8fbff;color:var(--text);white-space:nowrap}
.config-mat-chip em{font-style:normal;color:var(--blue);font:11px 'IBM Plex Mono';margin-left:4px}
/* theme editor modal · elegant minimal */
.modal.config-theme-editor{width:min(1280px,96vw);max-height:min(92vh,900px);height:min(88vh,840px);padding:0;overflow:hidden;display:flex;flex-direction:column;border:1px solid rgba(227,235,245,.95);border-radius:14px;background:#fff;box-shadow:0 28px 80px rgba(31,45,61,.18),0 0 0 1px #f8fbff}
.modal-backdrop:has(.config-theme-editor){background:rgba(6,8,7,.72);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}
.cte-head{display:flex;align-items:center;gap:12px;padding:10px 18px;border-bottom:1px solid rgba(227,235,245,.85);background:#f8fbff}
.cte-head .cte-tabs{flex:1;margin:0}
.cte-head .cte-close{margin-left:auto}
.cte-kicker{display:none}
.cte-head h2{margin:0;font-size:16px;letter-spacing:-.03em;font-weight:750}
.cte-head .sub{display:none}
.cte-close{width:30px;height:30px;border:1px solid rgba(227,235,245,1);border-radius:8px;background:#f8fbff;color:var(--muted);font-size:16px;line-height:1;display:grid;place-items:center;transition:background .18s,border-color .18s,color .18s,transform .15s}
.cte-close:hover{background:rgba(227,235,245,.9);border-color:rgba(23,105,255,.2);color:var(--text);transform:translateY(-1px)}
.cte-body{padding:10px 16px;overflow:auto;flex:1;min-height:0}
.cte-top{display:flex;gap:12px;align-items:end;margin:0 0 10px}
.cte-cover-field{display:grid;gap:4px;margin:0;width:64px;flex:none}
.cte-name-chip{flex:1.4;min-width:160px}
.cte-name-inp{height:44px;min-height:44px;width:100%;box-sizing:border-box;border:1px solid #e3ebf5;border-radius:8px;background:#f1f6ff;padding:0 10px;font:750 13px Manrope,sans-serif;color:#1f2d3d;outline:0}
.cte-name-inp:focus{border-color:#93c5fd;box-shadow:0 0 0 3px rgba(23,105,255,.12)}
.cte-name-lab{display:flex;align-items:center;height:28px;color:#8a9bb2;font:12px Manrope,sans-serif;padding:0 2px}
.cte-cover-field>span{color:var(--muted);font-size:11px}
.cte-cover{position:relative;width:64px;height:86px;min-width:64px;min-height:86px;margin:0;background:#f4f7fb;border:1px dashed #c9dbff;border-radius:10px;overflow:hidden;cursor:pointer}
.cte-cover.has{border-style:solid;border-color:#e3ebf5}
.cte-cover img{width:100%;height:100%;object-fit:contain;display:block;background:#f4f7fb}
.cte-cover em{position:absolute;left:0;right:0;bottom:0;padding:3px 0;background:rgba(31,45,61,.55);color:#fff;font:650 10px Manrope,sans-serif;font-style:normal;text-align:center}
.cte-cover input{position:absolute;inset:0;opacity:0;cursor:pointer;width:100%;height:100%}
.cte-field{display:grid;gap:4px;margin-bottom:8px}
.cte-pay{margin:0;min-width:0}
.cte-pay>span{display:block;color:var(--muted);font-size:11px;margin-bottom:4px}
.cte-pay-row{display:flex;flex-wrap:wrap;gap:8px 10px}
.cte-pay-row label{display:grid;gap:4px;color:#8a9bb2;font-size:11px;width:58px}
.cte-pay-row input{width:58px;height:28px;padding:0 6px;border:1px solid #e3ebf5;border-radius:6px;background:#f8fbff;font:12px 'IBM Plex Mono';text-align:center;appearance:textfield;-moz-appearance:textfield}
.cte-pay-row input::-webkit-outer-spin-button,.cte-pay-row input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}
.config-theme-compact .theme-pay{font:750 12px 'IBM Plex Mono';color:#1769ff;margin-bottom:4px}
.config-accept-wrap{display:grid;gap:22px}
.config-accept-h{display:flex;align-items:center;justify-content:space-between;margin:0 0 10px}
.config-accept-h h3{margin:0;font-size:15px}
.config-accept-block.is-prod{padding:12px 12px 4px;border-radius:12px;background:#f3f7ff;border:1px solid #d7e4ff}
.config-accept-block.is-prod .config-accept-h h3{color:#1769ff}
.config-accept-block.is-prod .config-check-card{border-color:#c9dbff;background:#fff}
.config-accept-block.is-prod .config-check-row .no{color:#1769ff}
.config-accept-block.is-rec{padding:12px 12px 4px;border-radius:12px;background:#fff8ef;border:1px solid #f0ddb8}
.config-accept-block.is-rec .config-accept-h h3{color:#c98621}
.config-accept-block.is-rec .config-check-card{border-color:#ecd9ae;background:#fffdf8}
.config-accept-block.is-rec .config-check-row .no{color:#c98621}
.acc-split .config-sup-search input{padding-right:12px}
.acc-kind-h{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px 4px 6px;color:#8a9bb2;font:750 12px Manrope,sans-serif}
.acc-kind-h:first-child{padding-top:2px}
.acc-kind-h button{height:22px;min-width:22px;padding:0;border:0;border-radius:6px;background:#1769ff;color:#fff;font-size:14px;line-height:1}
.acc-top-act{display:flex;align-items:center;gap:8px;flex:0 0 auto}
.acc-list{flex:1;min-height:0;overflow:auto}
.acc-list .config-check-row{padding:12px 10px;border:1px solid #eef2f7;border-radius:10px;margin:0 0 8px;background:#f8fbff}
.acc-list .config-check-row:last-child{border-bottom:1px solid #eef2f7}
.acc-list.is-rec .cfg-std-type{background:#fff4e0;color:#c98621}
.sh-top-txt .cfg-type-name{cursor:text}
.sh-top-txt .cfg-type-ren-inp{
display:block;box-sizing:border-box;height:28px;margin:0;border:1px solid #93c5fd;border-radius:6px;
padding:0 6px;font:600 18px/26px Manrope,sans-serif;color:#1f2d3d;outline:0;background:#fff;
box-shadow:0 0 0 3px rgba(23,105,255,.12)
}
.cte-field>span{color:var(--muted);font-size:12px;letter-spacing:.02em}
.cte-field input[type="text"],.cte-field input:not([type]),.cte-prop-name{width:100%;border:1px solid rgba(227,235,245,1);border-radius:8px;background:#f1f6ff;color:var(--text);padding:8px 12px;outline:0;box-shadow:inset 0 1px #f8fbff;transition:border-color .18s,box-shadow .18s,background .18s}
.cte-field input:focus,.cte-prop-name:focus{border-color:rgba(232,195,91,.5);box-shadow:0 0 0 3px rgba(23,105,255,.08),inset 0 1px #f8fbff;background:rgba(111,142,232,.10)}
.cte-split{display:grid;grid-template-columns:132px minmax(0,1fr);gap:10px;height:min(42vh,360px);min-height:220px;max-height:360px;margin:0 0 16px;min-width:0}
.cte-tabs{display:flex;gap:6px;margin:0 0 10px}
.cte-tabs button{height:32px;padding:0 14px;border:1px solid #e3ebf5;border-radius:8px;background:#fff;color:#5b6b80;font:750 13px Manrope,sans-serif}
.cte-tabs button.on{border-color:#1769ff;background:#eef3ff;color:#1769ff}
.cte-stages-inline{display:flex;gap:6px;flex-wrap:nowrap;align-items:stretch;flex:1;min-width:0;width:auto}
.cte-stage-chip{display:flex;flex-direction:column;gap:4px;flex:1;min-width:0;width:auto}
.cte-stage-chip .cte-stage{width:100%;min-width:0;min-height:44px;padding:6px 4px}
.cte-stage-chip .cte-stage b{font-size:12px;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cte-stage-chip .cte-stage small{font-size:10px;color:#1769ff}
.cte-stage small{color:#1769ff}
.cte-stage-chip.on .cte-stage-pay-wrap{border-color:#93c5fd}
.cte-stage-pay-wrap{display:flex;align-items:center;height:28px;border:1px solid #e3ebf5;border-radius:6px;background:#f8fbff;padding:0 6px 0 8px}
.cte-stage-pay-wrap>span{color:#1769ff;font:750 12px 'IBM Plex Mono';flex:none}
.cte-stage-pay{width:100%;height:26px;padding:0 0 0 4px;border:0;background:transparent;font:12px 'IBM Plex Mono';text-align:center;appearance:textfield;-moz-appearance:textfield}
.cte-stage-pay::-webkit-outer-spin-button,.cte-stage-pay::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}
.cte-split-3{grid-template-columns:minmax(0,1fr) minmax(0,1fr);height:min(52vh,480px);max-height:none;min-height:260px}
.cte-now-h{flex:0 0 auto;padding:2px 4px 8px;font:750 13px Manrope,sans-serif;color:#1f2d3d}
.cte-pick .cte-mats,.cte-now .cte-mats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;align-content:start}
.cte-pick .cte-mats .cte-empty,.cte-now .cte-mats .cte-empty{grid-column:1/-1}
.cte-mat.cte-mat-add,.cte-mat.is-added{display:grid;grid-template-columns:44px minmax(0,1fr) auto;gap:8px;align-items:center;min-height:52px;width:100%;text-align:left;padding:8px}
.cte-mat.cte-mat-add{cursor:pointer}
.cte-mat-add em{font:700 12px Manrope,sans-serif;font-style:normal;color:#1769ff}
.cte-mat.is-added{cursor:pointer;opacity:.9}
.cte-now .cte-mat-row.is-lock{border-color:#1769ff;background:#eef3ff;box-shadow:inset 0 0 0 1px #1769ff}
.cte-mat.is-added em{font:700 12px Manrope,sans-serif;font-style:normal;color:#8a9bb2}
.cte-mat.is-added:hover{border-color:rgba(227,235,245,.95);background:#fff}
.cte-now .cte-mat-row{display:grid;grid-template-columns:44px minmax(0,1fr) 52px 24px;gap:8px;align-items:center;min-height:52px;padding:8px;cursor:default}
.cte-pick .cte-mat .th-ph,.cte-now .cte-mat-row .th-ph{width:44px;height:44px;border-radius:8px;font-size:16px;flex:none}
.cte-now .cte-mat-x{width:28px;height:28px;padding:0;border:0;background:transparent;color:#8a9bb2;font:700 18px/1 Manrope,sans-serif}
.cte-split-l{display:flex;flex-direction:column;gap:6px;overflow:auto;padding-right:2px;min-height:0}
.cte-split-r{min-width:0;min-height:0;display:flex;flex-direction:column;border:1px solid #e3ebf5;border-radius:12px;padding:8px;background:#fff;overflow:hidden}
.cte-split-r .cte-mat-q{flex:0 0 auto;width:100%;height:36px;margin:0 0 8px;padding:0 12px;font-size:13px;border-radius:10px}
.cte-stages{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 10px}
.cte-stage{border:1px solid #e3ebf5;background:#fff;border-radius:8px;padding:8px 10px;text-align:left;width:100%;min-width:0}
.cte-stage b{display:block;font:700 13px Manrope,sans-serif;color:#1f2d3d}
.cte-stage small{display:block;margin-top:2px;color:#1769ff;font-size:11px}
.cte-stage.on{border-color:#3b82f6;background:#e8f0ff;box-shadow:0 0 0 3px rgba(59,130,246,.14)}
.cte-stage-box{border:1px solid #e3ebf5;border-radius:12px;padding:10px;margin:0 0 16px;background:#fff}
.cte-stage-box .cte-mat-q{width:100%;margin:0 0 8px}
.cte-props-simple{grid-template-columns:1fr}
.cte-props-simple .cte-prop-top{margin:0 0 8px}
.cte-mat-row{grid-template-columns:16px minmax(0,1fr) 56px;padding:10px 12px;min-height:46px}
.cte-mat-row .cte-mat-txt{display:flex;align-items:baseline;gap:8px;min-width:0}
.cte-mat-row b,.cte-mat-row small{display:inline;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.cte-mat-row small{flex:none;color:#8a9bb2}
.cte-prop-link{position:relative;display:grid;gap:6px}
.cte-prop-q{height:30px;border:1px solid #e3ebf5;border-radius:8px;padding:0 10px;background:#fff;font:12px Manrope,sans-serif}
.cte-prop-sug{position:absolute;left:0;right:0;top:34px;z-index:20;max-height:160px;overflow:auto;padding:6px;border:1px solid #e3ebf5;border-radius:10px;background:#fff;box-shadow:0 10px 22px rgba(69,93,128,.14)}
.cte-prop-opt{display:block;width:100%;border:0;background:#f8fbff;text-align:left;padding:6px 8px;margin:0 0 4px;border-radius:6px;font:12px Manrope,sans-serif;cursor:pointer}
.cte-prop-opt.on{background:#e8f0ff;color:#1769ff}
.cte-prop-chips{display:flex;flex-wrap:wrap;gap:6px;min-height:22px;align-items:center}
.cte-prop-chips em{color:#8a9bb2;font-size:12px;font-style:normal}
.cte-chip{display:inline-flex;align-items:center;gap:4px;height:24px;padding:0 6px 0 8px;border:1px solid #dbe7f5;border-radius:999px;background:#f8fbff;font:12px Manrope,sans-serif}
.cte-chip button{border:0;background:transparent;color:#64748b;cursor:pointer;line-height:1}
.cte-section{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:2px 0 8px}
.cte-section b{font-size:14px;letter-spacing:-.02em}
.cte-section .hint{color:var(--faint);font-size:12px;margin-left:8px;font-weight:500}
.cte-add{border:1px dashed rgba(157,198,106,.35);background:rgba(157,198,106,.06);color:var(--green);border-radius:9px;padding:8px 12px;font-size:12px;font-weight:600;transition:background .18s,border-color .18s,transform .15s}
.cte-add:hover{background:rgba(157,198,106,.12);border-color:rgba(157,198,106,.55);transform:translateY(-1px)}
.cte-props{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.cte-prop{border:1px solid rgba(227,235,245,.9);border-radius:10px;padding:10px;background:linear-gradient(160deg,rgba(255,255,255,.045),#ffffff);box-shadow:0 10px 28px rgba(69,93,128,.04),inset 0 1px #f8fbff;transition:border-color .18s,box-shadow .18s}
.cte-prop:hover{border-color:rgba(207,220,234,1);box-shadow:0 14px 32px rgba(69,93,128,.05),inset 0 1px rgba(248,251,255,.9)}
.cte-prop-top{display:flex;gap:10px;align-items:center;margin-bottom:12px}
.cte-prop-idx{flex:0 0 28px;width:28px;height:28px;border-radius:8px;display:grid;place-items:center;background:rgba(23,105,255,.1);color:var(--yellow);font:600 11px 'IBM Plex Mono'}
.cte-prop-name{flex:1;min-width:0;padding:10px 12px}
.cte-prop-del{flex:0 0 auto;border:1px solid rgba(227,235,245,1);background:transparent;color:var(--muted);border-radius:8px;padding:8px 10px;font-size:12px;transition:border-color .15s,color .15s,background .15s}
.cte-prop-del:hover{border-color:rgba(238,107,84,.4);color:#f0a090;background:rgba(238,107,84,.08)}
.cte-mat-label{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:8px;color:var(--muted);font-size:12px}
.cte-mat-q{flex:1;min-width:0;height:40px;border:1px solid #e3ebf5;border-radius:10px;padding:0 12px;background:#fff;font:13px Manrope,sans-serif}
.cte-mat-label strong{color:var(--text);font-weight:600;font-size:12px}
.cte-mats{display:flex;flex-direction:column;gap:6px;max-height:280px;overflow:auto;padding:2px;scrollbar-width:thin}
.cte-split-r .cte-mats{flex:1 1 auto;min-height:0;max-height:none;overflow:auto}
.cte-mat{display:grid;grid-template-columns:18px minmax(0,1fr) 72px;gap:8px;align-items:center;padding:10px 12px;min-height:46px;border:1px solid rgba(227,235,245,.95);border-radius:10px;background:#fff;cursor:pointer;transition:border-color .16s,background .16s}
.cte-mat:hover{border-color:#c9dbff;background:#f8fbff}
.cte-mat:has(input:checked),.cte-mat.on{border-color:rgba(23,105,255,.25);background:linear-gradient(145deg,rgba(23,105,255,.08),rgba(157,198,106,.05))}
.cte-mat input[type="checkbox"]{margin:0;accent-color:var(--yellow)}
.cte-mat-txt{min-width:0}
.cte-mat b{display:block;font-size:13px;font-weight:650;letter-spacing:-.01em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.cte-mat small{display:block;color:var(--muted);font-size:11px;margin-top:1px}
.cte-qty{width:64px;margin:0;border:1px solid rgba(227,235,245,1);border-radius:8px;background:rgba(111,142,232,.08);color:var(--text);padding:0 6px;height:30px;font:650 13px 'IBM Plex Mono';outline:0;text-align:center}
.cte-now .cte-qty{width:64px;height:30px;font-size:13px;background:#eef3ff;border-color:#c9dbff}
.cte-qty:focus{border-color:rgba(142,184,189,.45)}
.cte-qty:disabled{opacity:.35}
.cte-empty{border:1px dashed rgba(207,220,234,1);border-radius:12px;padding:28px 16px;text-align:center;color:var(--muted);font-size:13px;background:#fbfdff}
.cte-error{min-height:18px;color:var(--red);font-size:12px;margin-top:10px}
.cte-foot{display:flex;justify-content:flex-end;gap:10px;padding:16px 24px 20px;border-top:1px solid rgba(227,235,245,.85);background:linear-gradient(0deg,rgba(69,93,128,.05),transparent)}
.cte-foot .ghost{border-radius:10px;padding:10px 14px;border:1px solid rgba(207,220,234,1)}
.cte-foot .primary{border-radius:10px;padding:10px 16px;background:linear-gradient(135deg,#efcf74,#d7b14a);box-shadow:0 10px 24px rgba(23,105,255,.12);transition:filter .15s,box-shadow .15s,transform .15s}
.cte-foot .primary:hover{filter:brightness(1.05);box-shadow:0 12px 28px rgba(232,195,91,.22);transform:translateY(-1px)}
@media(max-width:700px){.cte-head,.cte-body,.cte-foot{padding-left:16px;padding-right:16px}.cte-top{flex-wrap:wrap}.cte-stages-inline{flex:1 1 100%;flex-wrap:wrap}.cte-name-chip{flex:1 1 100%}}
.config-check-card{min-height:0}
.config-check-list{display:grid;gap:0}
.config-check-row{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:10px;align-items:center;padding:8px 0;border-bottom:1px solid rgba(227,235,245,.85)}
.config-check-row:last-child{border-bottom:0}
.config-check-row .no{display:none}
.config-check-row p{margin:0;font-size:13px;line-height:1.45}
.config-check-act{display:flex;gap:6px;flex:0 0 auto}
.config-flow-head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:0 0 8px}
.config-flow-head h3{margin:0;font-size:15px}
.config-item-table{width:100%;min-width:1080px;border-collapse:separate;border-spacing:0;table-layout:fixed}
.config-item-table th{text-align:left;color:var(--muted);font-size:12px;padding:12px 18px;border-bottom:1px solid rgba(227,235,245,.95);background:#f8fbff;white-space:nowrap}
.config-item-table td{padding:12px 18px;border-bottom:1px solid rgba(227,235,245,.85);font-size:14px;vertical-align:middle;white-space:nowrap}
.config-item-table tr:hover td{background:#fbfdff}
.config-item-table .name{font-size:15px;font-weight:700;white-space:normal;display:flex;flex-direction:column;gap:2px;align-items:flex-start}
.config-item-table .cfg-spec,.rec-th-name .cfg-spec,.inbound-page .cfg-spec{font:600 12px Manrope,sans-serif;font-style:normal;color:#5f728a;font-weight:600}
.config-item-table .cfg-off,.ops-card .cfg-off{margin-left:6px;color:#e35b5b;font:700 11px Manrope,sans-serif;font-style:normal}
.config-item-table tr.is-off,.ops-card.is-off{opacity:.55}
.config-item-table th:nth-child(1),.config-item-table td:nth-child(1){min-width:88px}
.config-item-table th:nth-child(2),.config-item-table td:nth-child(2){width:56px;min-width:56px}
.config-item-table th:nth-child(3),.config-item-table td:nth-child(3){min-width:220px;white-space:normal}
.config-item-table th:nth-child(4),.config-item-table td:nth-child(4){min-width:220px;white-space:normal}
.config-item-table th:nth-child(5),.config-item-table td:nth-child(5){min-width:88px}
.config-item-table th:nth-child(6),.config-item-table td:nth-child(6){min-width:64px}
.config-item-table th:nth-child(7),.config-item-table td:nth-child(7),
.config-item-table th:nth-child(8),.config-item-table td:nth-child(8){min-width:84px}
.config-item-table th:nth-child(9),.config-item-table td:nth-child(9){min-width:64px}
.cfg-photo{display:block;width:40px;height:40px;border-radius:8px;overflow:hidden;background:#eef3f9;display:grid;place-items:center}
.cfg-photo img{width:100%;height:100%;object-fit:cover;display:block}
.cfg-photo i{font:750 14px Manrope,sans-serif;font-style:normal;color:#8a9bb2}
.cfg-photo-lg{width:88px;height:88px;border-radius:12px;margin-bottom:4px;position:relative;cursor:pointer;border:1px dashed #c9dbff}
.cfg-photo-lg.has{border-style:solid;border-color:#e3ebf5}
.cfg-photo-lg em{position:absolute;left:0;right:0;bottom:0;padding:3px 0;background:rgba(31,45,61,.55);color:#fff;font:650 10px Manrope,sans-serif;font-style:normal;text-align:center}
.cfg-photo-lg input{position:absolute;inset:0;opacity:0;cursor:pointer;width:100%;height:100%}
.cfg-photo-field{cursor:pointer}
.config-card{min-width:0;border:1px solid rgba(227,235,245,.9);border-radius:8px;background:linear-gradient(160deg,rgba(255,255,255,.055),#ffffff);box-shadow:0 10px 24px rgba(69,93,128,.05),inset 0 1px #f8fbff;padding:12px 13px}.config-card-head{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:8px}.config-card-head .eyebrow{color:var(--muted);font:10px 'IBM Plex Mono';letter-spacing:.08em;margin-bottom:2px}.config-card-head h3{margin:0;font-size:17px;letter-spacing:-.02em}.config-state{display:inline-flex;align-items:center;gap:5px;border:1px solid rgba(157,198,106,.28);border-radius:999px;padding:3px 8px;color:var(--green);font-size:11px;white-space:nowrap}.config-state i{width:5px;height:5px;border-radius:50%;background:var(--green)}.config-prop-tabs{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:8px}.config-prop-tab{border:1px solid var(--line);border-radius:7px;background:rgba(69,93,128,.04);color:var(--muted);padding:5px 9px;font-size:12px;transition:all .18s ease}.config-prop-tab:hover{border-color:var(--line2);color:var(--text)}.config-prop-tab.active{border-color:rgba(157,198,106,.45);background:rgba(157,198,106,.12);color:var(--text);box-shadow:inset 0 -2px var(--green)}.config-prop-tab small{margin-left:4px;color:var(--muted);font:10px 'IBM Plex Mono'}.config-material-panel{border:1px solid rgba(227,235,245,.85);border-radius:7px;background:#f8fbff;padding:8px}.config-material-head{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:6px}.config-material-head b{font-size:12px}.config-material-head span{color:var(--muted);font-size:11px}.config-material-list{display:grid;gap:4px}.config-material-item{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:center;padding:6px 8px;border-radius:6px;background:#f8fbff}.config-material-item strong{font-size:12px}.config-material-item small{margin-left:6px;color:var(--muted);font:10px 'IBM Plex Mono'}.config-material-item em{font-style:normal;color:var(--blue);font:11px 'IBM Plex Mono';white-space:nowrap}.config-card-foot{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-top:8px;padding-top:8px;border-top:1px solid rgba(227,235,245,.85);color:var(--muted);font-size:11px}.config-card-foot .actions{display:flex;gap:6px}.config-mini{border:1px solid var(--line2);border-radius:8px;background:transparent;color:var(--muted);padding:4px 8px;font-size:11px}.config-mini:hover{border-color:var(--yellow);color:var(--text)}.config-flow-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}.config-flow-card{min-width:0}.config-flow-head{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:8px;padding-bottom:8px;border-bottom:1px solid rgba(227,235,245,.9)}.config-flow-head h3{margin:0;font-size:18px;letter-spacing:-.02em}.config-flow-head .count{color:var(--muted);font:12px 'IBM Plex Mono'}.config-standard-list{display:grid;gap:0}.config-standard{display:grid;grid-template-columns:26px minmax(0,1fr);gap:9px;align-items:start;padding:9px 0;border-bottom:1px solid rgba(248,251,255,.95)}.config-standard:last-child{border-bottom:0}.config-standard .no{display:grid;place-items:center;width:26px;height:26px;border-radius:6px;background:rgba(157,198,106,.1);color:var(--green);font:600 12px 'IBM Plex Mono'}.config-standard p{margin:2px 0 0;font-size:14px;line-height:1.55;color:var(--text)}.config-form-error{min-height:16px;color:var(--red);font-size:12px;margin-top:4px}.config-check-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.config-check{display:flex;align-items:center;gap:8px;padding:8px 10px;border:1px solid var(--line);border-radius:7px;background:#f7fbff;color:var(--text);cursor:pointer}.config-check:has(input:checked){border-color:var(--yellow);background:#eef3ff}.config-check input{accent-color:var(--yellow)}
@media(max-width:780px){.config-toolbar{align-items:flex-start;flex-direction:column}}
/* === production order v2 expand + drawer + usage === */
.po-v2-top{align-items:center}
.po-v2-actions-main{display:flex;align-items:center;gap:16px;flex-wrap:wrap;min-width:0;flex:1}
.po-v2-toggle{
display:inline-flex!important;gap:0!important;padding:4px!important;
border:1px solid #e3ebf5!important;border-radius:12px!important;
background:#fff!important;
}
.po-v2-toggle button{
border:0!important;background:transparent!important;color:var(--muted)!important;
border-radius:9px!important;padding:10px 22px!important;
font-size:14px!important;font-weight:700!important;letter-spacing:.01em;
min-width:120px
}
.po-v2-toggle button:hover{color:var(--text)!important;background:rgba(248,251,255,.95)!important}
.po-v2-toggle button.on{background:#eef3ff!important;color:#1769ff!important;box-shadow:inset 0 0 0 1px #c9dbff!important}
.po-v2-meta{gap:12px}
.po-v2-meta .dot{display:none}
.po-v2-top,.ob-v2-top{
display:flex;justify-content:space-between;gap:14px;align-items:center;
margin-bottom:12px;padding:12px 16px;
background:#fff;border:1px solid var(--line);border-radius:14px
}
.po-v2-meta{display:flex;align-items:center;gap:10px;flex-wrap:wrap;color:var(--muted);font-size:12px}
.po-v2-meta b{color:var(--text);font-weight:700}
.po-v2-meta .dot{width:3px;height:3px;border-radius:50%;background:#8a9bb2}
.po-v2-meta .r{color:var(--red)}.po-v2-meta .y{color:var(--yellow)}
.po-v2-actions{display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.ob-create-btn{min-width:132px;padding:10px 22px!important}
/* po-v2-toggle size rules moved to top bar styles */
.po-v2-ctrl{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:12px}
.po-v2-filters{display:flex;flex-wrap:wrap;gap:4px}
.po-v2-filters button{border:1px solid transparent;background:transparent;color:var(--muted);border-radius:8px;padding:6px 10px;font-size:12px}
.po-v2-filters button:hover{color:var(--text);background:rgba(248,251,255,.9)}
.po-v2-filters button.on{border-color:rgba(23,105,255,.2);background:rgba(23,105,255,.08);color:var(--yellow)}
.po-v2-list{display:grid;gap:10px}
.po-v2-order{border:1px solid rgba(227,235,245,.95);border-radius:12px;background:linear-gradient(160deg,rgba(248,251,255,.95),#ffffff);box-shadow:0 12px 28px rgba(69,93,128,.04);overflow:hidden}
.po-v2-order.open{border-color:rgba(23,105,255,.16);box-shadow:0 16px 36px rgba(69,93,128,.05),0 0 0 1px rgba(23,105,255,.08)}
.po-v2-order-h{display:grid;grid-template-columns:minmax(0,1.4fr) 110px 110px 80px minmax(140px,1fr) 90px auto;gap:12px;align-items:center;padding:14px 16px;cursor:pointer}
.po-v2-order-h:hover{background:#f8fbff}
.po-v2-order.open .po-v2-order-h{background:rgba(248,251,255,.9);border-bottom:1px solid rgba(227,235,245,.9)}
.po-v2-name{font-weight:750;font-size:15px;letter-spacing:-.02em}
.po-v2-code{display:block;color:#8a9bb2;font:11px 'IBM Plex Mono';margin-top:3px}
.po-v2-sub{color:var(--muted);font-size:12px}
.po-v2-chev{width:28px;height:28px;border-radius:8px;border:1px solid rgba(227,235,245,1);display:grid;place-items:center;color:var(--muted);font-size:12px;transition:transform .18s}
.po-v2-order.open .po-v2-chev{transform:rotate(180deg);border-color:rgba(23,105,255,.2);color:var(--yellow)}
.po-v2-order-b{display:none}
.po-v2-order.open .po-v2-order-b{display:block}
.po-v2-board-bar{display:flex;justify-content:space-between;gap:10px;align-items:center;padding:10px 16px;background:#f8fbff;border-bottom:1px solid rgba(227,235,245,.85);flex-wrap:wrap}
.po-v2-board-bar .left{display:flex;flex-wrap:wrap;gap:6px;align-items:center}
.po-v2-stage-f{border:1px solid var(--line);background:transparent;color:var(--muted);border-radius:999px;padding:5px 10px;font-size:11px}
.po-v2-stage-f.on{border-color:rgba(23,105,255,.22);background:rgba(23,105,255,.08);color:var(--text)}
.ob-split-store.is-short b,.ob-split-store.is-short small,.ob-split-store.is-short .n{color:#c0392b}
.ob-split-mh .is-short,.th-short{color:#c0392b}
.po-v2-theme-row{display:grid;grid-template-columns:168px minmax(180px,1fr) 88px 88px 104px 80px 72px;gap:16px;align-items:center;padding:14px 16px;border-bottom:1px solid rgba(248,251,255,.95);cursor:pointer}
.ob-split-store.is-short b,.ob-split-store.is-short small,.ob-split-store.is-short .n{color:#c0392b}
.ob-split-mh .is-short{color:#c0392b}
.po-row-acts{display:flex;flex-wrap:wrap;gap:6px;justify-content:flex-end}
.po-row-acts .rec-btn{white-space:nowrap}
.po-del{color:#c0392b!important;border-color:rgba(192,57,43,.35)!important}
.po-hist-ord,.ib-hist-ord{position:relative}
.po-hist-x,.ib-hist-x{position:absolute;right:10px;top:10px;height:26px;padding:0 8px;z-index:2}
.pom-del-tip{margin:8px 0 12px;color:#5f728a;font-size:13px;line-height:1.5}
.pom-del-list{display:flex;flex-direction:column;gap:8px;max-height:240px;overflow:auto}
.pom-del-row{display:flex;justify-content:space-between;gap:12px;padding:8px 10px;background:#f6f8fb;border-radius:8px;font-size:13px}
.pom-del-row b{font-weight:700}
.po-v2-theme-row:hover{background:#f8fbff}
.po-v2-theme-row:last-child{border-bottom:0}
.po-v2-theme-row.is-head{cursor:default;padding:8px 16px;opacity:1}
.po-v2-theme-row.is-head:hover{background:#f8fbff!important}
.po-v2-theme-row .ti{min-width:0}
.po-v2-theme-row .ti b{display:flex;align-items:center;gap:6px;font:600 11px 'IBM Plex Mono';color:var(--yellow);margin-bottom:3px;overflow:hidden;white-space:nowrap}
.po-v2-theme-row .ti strong{display:block;font-size:14px;font-weight:750;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.po-v2-theme-row .ti small{display:block;color:var(--muted);font-size:11px;margin-top:4px}
.po-v2-stages{display:grid;grid-template-columns:repeat(var(--flow-n,5),minmax(0,1fr));gap:6px;min-width:0;width:100%}
.po-v2-stages.is-rec{grid-template-columns:repeat(var(--flow-n,5),minmax(0,1fr))}
.po-rec-mark{display:inline-flex;align-items:center;height:16px;padding:0 5px;border-radius:4px;background:#fff1d6;color:#c98621;font:750 10px Manrope,sans-serif;font-style:normal;flex:none;vertical-align:middle}
.po-rec-mark.is-lg,.evidence-modal h2 .po-rec-mark{height:26px;padding:0 10px;border-radius:6px;background:#f5b942;color:#5c3d00;font-size:16px;font-weight:800}
.rec-btn.is-adv,.primary.rec-btn.is-adv{background:#ffd666!important;border:0!important;color:#7a5a00!important;box-shadow:none!important}
.rec-btn.is-gone{background:#fff6e8;color:#c98621;border:0}
.po-v2-stage{min-width:0}.po-v2-stage i{display:block;height:6px;border-radius:999px;background:#cfd8e3;margin-bottom:4px}
.po-v2-stage.wait i{background:#cfd8e3}
.po-v2-stage.cur i{background:#e8b84a;box-shadow:0 0 0 2px rgba(232,184,74,.18)}
.po-v2-stage.rework i{background:#1769ff;box-shadow:0 0 0 2px rgba(23,105,255,.12)}
.po-v2-stage.done i{background:#2f9b72}
.po-v2-stage span{display:block;color:var(--muted);font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.po-v2-stage em{display:block;color:#5b6b80;font:700 10px Manrope,sans-serif;font-style:normal;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:1px}
.po-v2-empty{padding:28px;text-align:center;color:var(--muted);font-size:13px}
.po-hist-mask{display:none;position:fixed;inset:0;background:rgba(31,45,61,.28);z-index:25}
.po-hist-mask.on{display:block}
.po-hist{position:fixed;top:12px;right:12px;bottom:12px;width:min(660px,calc(100vw - 24px));background:#fff;border:1px solid var(--line2);border-radius:16px;box-shadow:var(--shadow);transform:translateX(110%);transition:transform .22s ease;z-index:26;display:flex;flex-direction:column;overflow:hidden}
.po-hist.rec-check-draw{width:min(760px,calc(100vw - 24px))}
.po-hist.on{transform:translateX(0)}
.po-hist-h{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;padding:16px 18px 12px;border-bottom:1px solid var(--line)}
.po-hist-h h2{margin:0;font-size:16px}.po-hist-h p{margin:4px 0 0;color:var(--muted);font-size:12px}
/* 预留滚动条槽位：展开车次内容变高→滚动条出现→可用宽度少十几像素→整块内容往左跳一下。
stable 让槽位一直在，展开/收起不再抖。 */
.po-hist-b{flex:1;min-height:0;overflow:auto;scrollbar-gutter:stable;padding:12px 16px 20px}
.po-hist-ord{margin:0 0 6px;border:1px solid #e3ebf5;border-radius:10px;background:#fff;overflow:hidden}
.po-hist-ord.on{border-color:#c9dbff;background:#f7faff}
/* 六列：名称 / 性质 / 件数 / 金额 / 状态 / 打印。
性质标签（b18）加进来后仍是五列，打印会被挤到下一行——所以列数要跟着加。 */
.po-hist-row{width:100%;display:grid;grid-template-columns:minmax(0,1fr) auto auto auto auto auto;gap:8px;align-items:center;min-height:48px;padding:6px 10px;border:0;background:transparent;text-align:left}
.po-hist-main{display:grid;grid-template-columns:16px minmax(0,1fr);gap:8px;align-items:center;min-width:0;border:0;background:transparent;padding:0;text-align:left;cursor:pointer;font:inherit;color:inherit}
.po-hist-print{height:28px;padding:0 10px;font-size:12px;border:1px solid #e3ebf5;border-radius:8px;background:#fff;color:#1769ff;white-space:nowrap;justify-self:end}
.po-hist-arr{width:16px;height:16px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Cpath d='M4.2 6.2l3.8 3.8 3.8-3.8' fill='none' stroke='%238a9bb2' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/16px no-repeat;transition:transform .16s ease}
.po-hist-ord.on .po-hist-arr{transform:rotate(180deg)}
.po-hist-name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:750 13px Manrope,sans-serif}
.po-hist-name .po-hist-at{display:block;margin-top:1px;color:#8a9bb2;font:12px 'IBM Plex Mono',ui-monospace,Menlo,monospace;font-weight:500}
.po-hist-n,.po-hist-st{color:#5b6b80;font:12px 'IBM Plex Mono';white-space:nowrap}
.po-hist-row .po-hist-amt{color:#1769ff;font:700 12px 'IBM Plex Mono';white-space:nowrap}
.po-hist-goods{padding:2px 10px 10px;border-top:1px solid #eef3f8}
.po-hist-grow{display:grid;grid-template-columns:minmax(0,1fr) auto 56px;gap:8px;align-items:center;min-height:28px;font-size:12px}
.po-hist-grow .po-hist-no{font-style:normal;color:#3370ff;font-weight:750}
.po-hist-grow .po-hist-amt{color:#3370ff;font-variant-numeric:tabular-nums}
button.po-hist-grow{width:100%;border:0;background:transparent;padding:0;text-align:left;cursor:pointer;color:inherit}
button.po-hist-grow:hover{color:#1769ff}
.po-hist-grow b{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.po-v2-stats{display:flex;flex-wrap:wrap;gap:16px;margin-bottom:14px;padding:12px 14px;border:1px solid rgba(227,235,245,.85);border-radius:12px;background:#f8fbff}
.po-v2-stats span{color:var(--muted);font-size:12px}
.po-v2-stats b{color:var(--text);font-size:18px;margin-right:6px;font-family:'IBM Plex Mono',monospace}
.po-page .po-v2-usage-panel{flex:1 1 auto;min-height:180px;overflow:auto}
.po-v2-batch-time{position:relative;padding-left:28px!important}
.po-v2-batch-time .po-hist-arr{position:absolute;left:10px;top:16px}
.po-v2-batch-time .po-usage-id{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px;color:#5f728a;margin-left:6px;max-width:46vw;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.po-usage-copy{border:1px solid #e3eaf5;background:#fff;border-radius:6px;font:12px Manrope,sans-serif;line-height:18px;padding:0 8px;margin-left:6px;color:#5f728a;cursor:pointer;flex:none}
.po-usage-copy:hover{border-color:#c9dbff;color:#1769ff}
.po-usage-copy:active{background:#eef3fa}
.po-usage-fullid-btn{border:1px solid #e3eaf5;background:#fff;border-radius:6px;font:12px Manrope,sans-serif;line-height:18px;padding:0 8px;margin-left:6px;color:#5f728a;cursor:pointer;flex:none}
.po-usage-fullid-btn:hover{border-color:#c9dbff;color:#1769ff}
.po-usage-fullid-btn:active{background:#eef3fa}
.po-usage-fullid{margin-top:8px;padding:8px 10px;border:1px solid #e3eaf5;border-radius:7px;background:#f8fbff;user-select:text}
.po-usage-fullid span{display:block;font:11px Manrope,sans-serif;color:#8a9bb2;margin:0 0 4px}
.po-usage-fullid .po-usage-fullid-text{display:block;font:12px ui-monospace,SFMono-Regular,Menlo,monospace;line-height:1.55;color:#1f2d3d;word-break:break-all;user-select:text;cursor:text;white-space:normal}
@media (max-width:900px){.po-v2-batch-time .po-usage-id{max-width:34vw}.po-usage-copy,.po-usage-fullid-btn{padding:0 10px;line-height:22px}.po-usage-fullid{margin-top:6px}.po-usage-exp-h .po-v2-batch-time.has-fullid{grid-column:1/-1}}
.po-usage-tr{cursor:pointer}
.po-usage-tr.on .po-hist-arr{transform:rotate(180deg)}
.po-usage-tr.on>td{background:#f7faff;padding:12px 14px}
.po-usage-exp{display:flex;flex-direction:column;gap:10px}
.po-usage-exp-h{display:grid;grid-template-columns:1.3fr 1.2fr .7fr .7fr .55fr;align-items:center;gap:12px 16px;min-height:44px}
.po-usage-exp-h .po-v2-batch-time{padding-left:28px}
.po-usage-exp-h .po-usage-ths{min-width:0;display:flex;flex-wrap:wrap;gap:8px 16px;align-items:center}
.po-usage-th b{display:block;font:750 13px Manrope,sans-serif;color:#3370ff}
.po-usage-th small{display:block;color:#64748b;font-size:12px;margin-top:1px}
.po-usage-exp-h .po-v2-usage-act{justify-self:end}
.po-usage-mats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}
.po-usage-mat{display:grid;grid-template-columns:minmax(0,1fr) auto auto auto auto;gap:6px;align-items:center;padding:7px 8px;border:1px solid #e8eef6;border-radius:8px;background:#fff;font-size:12px}
.po-usage-yen,.po-usage-sum{color:#3370ff;font-variant-numeric:tabular-nums;white-space:nowrap;font-weight:650}
.po-usage-brief b.po-usage-sum{font:650 13px 'IBM Plex Mono',sans-serif}
.po-usage-mat b{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:650}
.po-usage-mat em{font-style:normal;color:#334155;white-space:nowrap;font-variant-numeric:tabular-nums}
.po-usage-ths .po-v2-mini{margin:0}
.po-usage-brief{color:#5b6b80;font-size:13px}
.po-v2-usage-panel{border:1px solid rgba(227,235,245,.95);border-radius:12px;background:linear-gradient(160deg,rgba(248,251,255,.9),#ffffff);overflow:hidden}
.po-v2-usage-ledger{width:100%;border-collapse:collapse}
.po-v2-usage-ledger>thead>tr>th{text-align:left;color:var(--muted);font-size:11px;font-weight:600;padding:12px 14px;border-bottom:1px solid rgba(227,235,245,.95);background:rgba(69,93,128,.05)}
.po-v2-usage-ledger>tbody>tr>td{padding:14px;border-bottom:1px solid rgba(227,235,245,.85);vertical-align:top}
.po-v2-usage-ledger>tbody>tr:last-child>td{border-bottom:0}
.po-v2-usage-ledger tr.is-withdrawn,.dtbl tr.is-withdrawn{opacity:.55}
.po-v2-usage-act{white-space:nowrap;vertical-align:middle!important}
.po-usage-undo{height:28px;padding:0 10px;font-size:12px}
.po-v2-mini .po-usage-undo,.drawer-mode .batch-line .po-usage-undo{height:24px;padding:0 8px;font-size:11px}
.drawer-mode .batch-line .po-usage-undo,.drawer-mode .batch-line .po-usage-st{margin-left:8px;flex:0 0 auto}
.drawer-mode .batch-line.is-withdrawn{opacity:.55}
.drawer-mode .po-usage-undo{height:26px;padding:0 8px}
.po-usage-st{color:#8a9bb2;font-size:12px}
.po-usage-lock{color:#9aa8b8;font-size:11px;line-height:1.35}
.po-v2-batch-time strong{display:block;font:600 14px 'IBM Plex Mono';color:var(--yellow)}
.po-v2-batch-time span{display:block;font:11px 'IBM Plex Mono';color:#8a9bb2;margin-top:5px}
.po-v2-mini{width:100%;border-collapse:collapse;border:1px solid rgba(227,235,245,.95);background:#f8fbff}
.po-v2-mini th{text-align:left;color:var(--muted);font-size:10px;padding:7px 9px;background:rgba(69,93,128,.06);border-bottom:1px solid rgba(227,235,245,.85)}
.po-v2-mini td{padding:7px 9px;border-bottom:1px solid rgba(248,251,255,.95);font-size:12px;vertical-align:top}
.po-v2-mini tr:last-child td{border-bottom:0}
.po-v2-mini td b{display:block}.po-v2-mini td small{display:block;color:var(--muted);margin-top:2px;font-size:11px}
/* drawer evidence override */
.modal-backdrop.evidence-backdrop.drawer-mode{display:block!important;padding:0!important;background:rgba(31,45,61,.35)!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;pointer-events:auto}
.modal-backdrop.evidence-backdrop.drawer-mode .evidence-modal{
position:fixed!important;top:12px;right:12px;left:auto!important;bottom:12px;
width:min(72vw,1280px)!important;min-width:min(760px,calc(100vw - 24px));max-width:calc(100vw - 24px);
height:auto!important;max-height:none!important;margin:0!important;
border-radius:16px!important;border:1px solid var(--line2)!important;
transform:translateX(0);animation:po-drawer-in .22s ease forwards;
pointer-events:auto;box-shadow:0 14px 34px rgba(71,96,128,.10);
display:flex;flex-direction:column;overflow:hidden;
}
@keyframes po-drawer-in{from{transform:translateX(100%)}to{transform:translateX(0)}}
.evidence-modal .evidence-cost{margin-top:0!important;margin-bottom:0!important}
.evidence-modal-head .evidence-cost{margin-top:12px}
.evidence-modal .dtbl-head-solid th{background:#f8fbff!important;position:sticky;top:0;z-index:2}
@media(max-width:1200px){
.po-v2-order-h{grid-template-columns:minmax(0,1fr) 100px 90px auto}
.po-v2-order-h .hide-m{display:none}
.po-v2-theme-row{grid-template-columns:minmax(0,1fr) minmax(200px,1fr) 80px auto}
.po-v2-theme-row>div:nth-child(4),.po-v2-theme-row>div:nth-child(6){display:none}
.modal-backdrop.evidence-backdrop.drawer-mode .evidence-modal{width:min(80vw,calc(100vw - 24px))!important;min-width:0}
}
@media(max-width:780px){
.po-v2-order-h{grid-template-columns:minmax(0,1fr) auto}
.po-v2-theme-row{grid-template-columns:1fr}
.modal-backdrop.evidence-backdrop.drawer-mode .evidence-modal{width:calc(100vw - 16px)!important;top:8px;right:8px;bottom:8px}
}
/* === po-v2 drawer evidence full === */
.drawer-mode .ev-cost3-below{margin-top:14px}
.drawer-mode .evidence-modal-head{gap:12px!important}
.drawer-mode .evidence-body{/* superseded by tight layout */}
.drawer-mode .evidence-body > .ev-sec{margin-bottom:0}
.drawer-mode .ev-cost-sec .sb{padding-top:12px;padding-bottom:12px}
.drawer-mode .ev-cost3-below{margin-top:0}
.drawer-mode .ev-split{margin-top:0}
/* stage select vs current */
.drawer-mode .flow5.clickable-flow .n.cur:not(.selected){
border-color:rgba(23,105,255,.2);
background:#f0f5ff;
box-shadow:inset 0 -3px rgba(232,195,91,.7);
}
.drawer-mode .flow5.clickable-flow .n.cur:not(.selected) i{
border-color:var(--yellow);color:var(--yellow);
}
.drawer-mode .flow5.clickable-flow .n.selected{
border-color:rgba(142,184,189,.55)!important;
background:rgba(142,184,189,.12)!important;
box-shadow:inset 0 -3px var(--blue),0 0 0 1px rgba(142,184,189,.2)!important;
}
.drawer-mode .flow5.clickable-flow .n.selected i{
border-color:var(--blue)!important;color:var(--blue)!important;background:rgba(142,184,189,.15);
}
.drawer-mode .flow5.clickable-flow .n.selected b{color:var(--text)}
.drawer-mode .flow5.clickable-flow .n.selected .n-days{
color:var(--blue);border-color:rgba(142,184,189,.4);background:rgba(142,184,189,.12)
}
.drawer-mode .flow5.clickable-flow .n.cur.selected{
/* viewing current stage: blue select ring + amber current cue */
box-shadow:inset 0 -3px var(--blue), inset 0 0 0 1px rgba(23,105,255,.2)!important;
}
.drawer-mode .ev-clear-stage{
display:inline-flex;align-items:center;gap:6px;
border:1px solid rgba(23,105,255,.2)!important;
background:rgba(23,105,255,.08)!important;
color:var(--yellow)!important;
font:600 12px Manrope,system-ui,sans-serif!important;
text-decoration:none!important;
padding:6px 12px!important;
border-radius:8px!important;
cursor:pointer;
}
.drawer-mode .ev-clear-stage:hover{background:rgba(23,105,255,.12)!important;border-color:rgba(232,195,91,.5)!important}
/* no re-slide when switching stages */
.modal-backdrop.evidence-backdrop.drawer-mode.no-anim .evidence-modal,
.modal-backdrop.evidence-backdrop.drawer-mode[data-keep="1"] .evidence-modal{
animation:none!important;transform:none!important;
}
/* drawer split + clickable stages */
.drawer-mode .flow5.clickable-flow{gap:8px;background:transparent}
.drawer-mode .flow5.clickable-flow .n{
border:1px solid rgba(227,235,245,.95);border-radius:10px;background:#f8fbff;
padding:12px 12px 10px;text-align:left;cursor:pointer;color:inherit;font:inherit;
transition:border-color .15s,background .15s,box-shadow .15s
}
.drawer-mode .flow5.clickable-flow .n:hover{border-color:rgba(207,220,234,1);background:#f5f8fc}
.drawer-mode .flow5.clickable-flow .n.selected{
border-color:rgba(23,105,255,.35);background:#eef3ff;
box-shadow:inset 0 -3px var(--yellow),0 0 0 1px rgba(23,105,255,.1)
}
.drawer-mode .flow5.clickable-flow .n.done{background:#eef5fb}
.drawer-mode .flow5.clickable-flow .n.cur:not(.selected){box-shadow:inset 0 -3px rgba(232,195,91,.55)}
.drawer-mode .flow5 .n-top{display:flex;justify-content:space-between;align-items:center;gap:8px}
.drawer-mode .flow5 .n-days{
font:600 11px 'IBM Plex Mono';color:var(--yellow);
border:1px solid rgba(23,105,255,.16);border-radius:999px;
padding:2px 7px;background:rgba(23,105,255,.08);font-style:normal;white-space:nowrap
}
.drawer-mode .flow5 .n.done .n-days{color:var(--green);border-color:rgba(157,198,106,.3);background:rgba(157,198,106,.1)}
.drawer-mode .ev-clear-stage{
border:0;background:transparent;color:var(--yellow);font:inherit;cursor:pointer;text-decoration:underline;padding:0
}
.drawer-mode .ev-split{
display:grid;grid-template-columns:1fr 1fr;gap:12px;align-items:start
}
.drawer-mode .ev-split .ev-col{margin-bottom:0;min-width:0;display:flex;flex-direction:column;max-height:none}
.drawer-mode .ev-split .ev-scroll.tall{/* superseded by tight layout */}
.drawer-mode .batch-items.multiline{white-space:normal}
.drawer-mode .batch-line{
display:flex;justify-content:space-between;gap:10px;align-items:flex-start;
padding:4px 0;border-bottom:1px dashed rgba(227,235,245,.85);line-height:1.45
}
.drawer-mode .batch-line:last-child{border-bottom:0}
.drawer-mode .batch-line em{font-style:normal;font-weight:650;color:var(--text);flex:1;min-width:0;word-break:break-word}
.drawer-mode .batch-line span{flex:0 0 auto;color:var(--muted);font:12px 'IBM Plex Mono';white-space:nowrap}
.drawer-mode .batch-cell b,.drawer-mode .batch-cell small{word-break:break-all}
@media(max-width:1100px){
.drawer-mode .ev-split{grid-template-columns:1fr}
}
/* kill old evidence timeline chrome inside drawer */
.drawer-mode .timeline-track,
.drawer-mode .evidence-timeline,
.drawer-mode .evidence-stage-filter,
.drawer-mode .evidence-grid{display:none!important}
.drawer-mode .timeline-item::before,
.drawer-mode .timeline-track::after,
.drawer-mode .evidence-modal .timeline-item:not(:first-child)::before,
.drawer-mode .evidence-modal .timeline-track::after{content:none!important;display:none!important}
.drawer-mode .evidence-body .flow5{display:grid!important}
.drawer-mode .evidence-modal-head .crumb{color:var(--yellow);font:11px 'IBM Plex Mono';letter-spacing:.12em}
.drawer-mode .ev-actions .primary{
border:0;background:linear-gradient(135deg,#efcf74,#d7b14a);color:#222;font-weight:700;
padding:9px 14px;border-radius:9px;cursor:pointer
}
.drawer-mode .ev-actions .ghost{
border:1px solid var(--line2);background:transparent;color:var(--muted);
padding:8px 12px;border-radius:9px;cursor:pointer
}
.modal-backdrop.evidence-backdrop.drawer-mode{
position:fixed!important;inset:0!important;z-index:40!important;
display:block!important;padding:0!important;margin:0!important;
background:rgba(31,45,61,.35)!important;
backdrop-filter:none!important;-webkit-backdrop-filter:none!important;
pointer-events:auto!important;
cursor:default;
}
.modal-backdrop.evidence-backdrop.drawer-mode .evidence-modal,
.modal-backdrop.evidence-backdrop.drawer-mode .modal.evidence-modal{
position:fixed!important;top:12px!important;right:12px!important;left:auto!important;bottom:12px!important;
width:min(72vw,1280px)!important;min-width:min(760px,calc(100vw - 24px))!important;max-width:calc(100vw - 24px)!important;
height:auto!important;max-height:none!important;margin:0!important;
border-radius:16px!important;border:1px solid var(--line2)!important;
background:#fff!important;box-shadow:0 14px 34px rgba(71,96,128,.10)!important;
display:flex!important;flex-direction:column!important;overflow:hidden!important;
pointer-events:auto!important;
transform:translateX(0);animation:po-drawer-in .22s ease forwards;
padding:0!important;
}
@keyframes po-drawer-in{from{transform:translateX(100%)}to{transform:translateX(0)}}
@media(prefers-reduced-motion:reduce){.modal-backdrop.evidence-backdrop.drawer-mode .evidence-modal{animation:none}}
.drawer-mode .evidence-modal-head{
flex:0 0 auto!important;display:flex!important;flex-direction:column!important;gap:12px!important;
padding:18px 22px 14px!important;background:#f7fbff!important;border-bottom:1px solid var(--line)!important;
}
.drawer-mode .evidence-modal-head-top{display:flex;justify-content:space-between;align-items:flex-start;gap:14px;width:100%}
.drawer-mode .evidence-modal-head h2{margin:6px 0 0!important;font-size:22px!important}
.drawer-mode .evidence-modal-head p{margin:6px 0 0!important;font-size:12px!important;line-height:1.5}
.drawer-mode .evidence-modal-head p b{font-weight:750}
.drawer-mode .evidence-head-actions{display:flex;gap:10px;align-items:center;flex-shrink:0;position:relative;z-index:5}
.drawer-mode .evidence-head-actions .close,
.drawer-mode .ev-close{
width:34px;height:34px;padding:0;border-radius:10px;border:1px solid var(--line2);
background:#fff;color:var(--muted);font-size:18px;line-height:1;cursor:pointer;position:relative;z-index:6;display:grid;place-items:center
}
.drawer-mode .evidence-head-actions .close:hover{color:var(--text);border-color:var(--yellow)}
.drawer-mode .ev-cost3{
display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line);
border:1px solid var(--line);border-radius:10px;overflow:hidden;width:100%;margin:0
}
.drawer-mode .ev-cost3>div{background:#ffffff;padding:10px 12px}
.drawer-mode .ev-cost3 span{display:block;color:var(--muted);font-size:11px}
.drawer-mode .ev-cost3 strong{display:block;margin-top:4px;font:700 16px 'IBM Plex Mono';color:var(--yellow)}
.drawer-mode .evidence-body{flex:1;min-height:0;overflow:auto;padding:16px 22px 22px}
.drawer-mode .ev-sec{border:1px solid var(--line);background:#f7fbff;border-radius:10px;margin-bottom:12px;overflow:hidden}
.drawer-mode .ev-sec .sh{display:flex;justify-content:space-between;align-items:baseline;gap:10px;padding:12px 14px;border-bottom:1px solid var(--line)}
.drawer-mode .ev-sec .sh h3{margin:0;font-size:14px}
.drawer-mode .ev-sec .sh .sub{font-size:11px;color:var(--muted)}
.drawer-mode .ev-sec .sb{padding:12px 14px}
.drawer-mode .flow5{display:grid;grid-template-columns:repeat(var(--flow-n,5),minmax(0,1fr));gap:1px;background:var(--line);border-radius:8px;overflow:hidden;width:100%}
.drawer-mode .flow5.is-rec,.drawer-mode .flow5.clickable-flow.is-rec{grid-template-columns:repeat(var(--flow-n,5),minmax(0,1fr))!important;width:100%}
.drawer-mode .flow5 .n{background:#f8fbff;padding:12px 11px;min-width:0}
.drawer-mode .flow5 .n i{display:inline-grid;place-items:center;width:20px;height:20px;border:1px solid var(--line2);border-radius:5px;font:11px 'IBM Plex Mono';font-style:normal;color:var(--muted)}
.drawer-mode .flow5 .n b{display:block;margin-top:7px;font-size:13px;color:var(--text)}
.drawer-mode .flow5 .n span{display:block;color:var(--muted);font:10px 'IBM Plex Mono';margin-top:4px}
.drawer-mode .flow5 .n.done{background:#eef5fb}
.drawer-mode .flow5 .n.done i{background:var(--green);border-color:var(--green);color:#f5f8fc}
.drawer-mode .flow5 .n.cur{background:#eef3ff;box-shadow:inset 0 -3px var(--yellow)}
.drawer-mode .flow5 .n.cur i{border-color:var(--yellow);color:var(--yellow)}
.drawer-mode .ev-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}
.drawer-mode .ev-scroll{overflow:auto}
.drawer-mode .ev-scroll.tall{/* superseded */}
.drawer-mode .dtbl{width:100%;border-collapse:collapse}
.drawer-mode .dtbl th{
text-align:left;color:var(--muted);font-size:11px;font-weight:600;padding:8px 10px;
border-bottom:1px solid rgba(227,235,245,1);background:#f8fbff!important;
white-space:nowrap;position:sticky;top:0;z-index:2;box-shadow:0 1px 0 #f8fbff
}
.drawer-mode .dtbl td{padding:9px 10px;border-bottom:1px solid rgba(248,251,255,.95);font-size:12.5px;vertical-align:top;color:var(--text)}
.drawer-mode .dtbl tr:last-child td{border-bottom:0}
.drawer-mode .dtbl tr:hover td{background:#fbfdff}
.drawer-mode .dtbl .num{font:600 12px 'IBM Plex Mono';color:var(--text)}
.drawer-mode .dtbl .muted{color:#8a9bb2}
.drawer-mode .dtbl .over{color:var(--orange);font-weight:700}
.drawer-mode .dtbl .okn{color:var(--green)}
.drawer-mode .batch-cell b{display:block;font:600 12px 'IBM Plex Mono'}
.drawer-mode .batch-cell small{display:block;color:#8a9bb2;margin-top:3px;font-size:11px}
.drawer-mode .batch-items{color:var(--muted);font-size:12px;line-height:1.55}
.drawer-mode .batch-items em{color:var(--text);font-style:normal;font-weight:600}
/* hide old multi-section layout leftovers if any */
.drawer-mode .evidence-stage-filter,
.drawer-mode .evidence-grid,
.drawer-mode > .evidence-cost{display:none!important}
@media(max-width:1200px){
.modal-backdrop.evidence-backdrop.drawer-mode .evidence-modal{width:min(82vw,100%)!important;min-width:0!important}
}
@media(max-width:900px){
.drawer-mode .ev-cost3{grid-template-columns:1fr}
.modal-backdrop.evidence-backdrop.drawer-mode .evidence-modal{width:100%!important;min-width:0!important}
}
/* === drawer layout final === */
.drawer-mode .ev-progress-sec .sh{
display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;flex-wrap:wrap
}
.drawer-mode .ev-progress-title{display:flex;align-items:baseline;gap:12px;min-width:0}
.drawer-mode .ev-progress-title h3{margin:0}
.drawer-mode .ev-progress-tools{display:flex;align-items:center;gap:8px;margin-left:auto}
.drawer-mode .ev-clear-stage{
display:inline-flex;align-items:center;
border:1px solid rgba(23,105,255,.2)!important;
background:rgba(23,105,255,.08)!important;
color:var(--yellow)!important;
font:600 12px Manrope,system-ui,sans-serif!important;
text-decoration:none!important;
padding:7px 12px!important;
border-radius:8px!important;
cursor:pointer
}
.drawer-mode .ev-clear-stage:hover{background:rgba(23,105,255,.12)!important}
.drawer-mode .ev-clear-stage.is-all{
border-color:rgba(207,220,234,1)!important;
background:rgba(248,251,255,.9)!important;
color:var(--muted)!important;
cursor:default
}
.drawer-mode .ev-usage-btn{
border:1px solid var(--line2)!important;
background:transparent!important;
color:var(--muted)!important;
font:600 12px Manrope,system-ui,sans-serif!important;
padding:7px 12px!important;
border-radius:8px!important;
cursor:pointer
}
.drawer-mode .ev-usage-btn:hover{border-color:rgba(255,255,255,.22)!important;color:var(--text)!important}
.drawer-mode .ev-issue-btn{
border:1px solid var(--line2)!important;
background:transparent!important;
color:var(--muted)!important;
font:600 12px Manrope,system-ui,sans-serif!important;
padding:7px 12px!important;
border-radius:8px!important;
cursor:pointer
}
.drawer-mode .ev-issue-btn:hover{border-color:#1769ff!important;color:#1769ff!important}
.drawer-mode .ev-head-btns{display:inline-flex;align-items:center;gap:0;border:1px solid rgba(207,220,234,1);border-radius:10px;overflow:hidden;background:rgba(69,93,128,.05)}
.drawer-mode .ev-head-btns .ev-btn{
border:0!important;border-radius:0!important;background:transparent!important;
color:var(--muted)!important;font:600 12px Manrope,system-ui,sans-serif!important;
padding:8px 12px!important;cursor:pointer;text-decoration:none!important
}
.drawer-mode .ev-head-btns .ev-btn + .ev-btn{border-left:1px solid rgba(227,235,245,1)!important}
.drawer-mode .ev-head-btns .ev-btn:hover{background:rgba(227,235,245,.85)!important;color:var(--text)!important}
.drawer-mode .ev-head-btns .ev-btn.is-all{color:var(--text)!important;background:rgba(248,251,255,.95)!important;cursor:default}
.drawer-mode .ev-viewing-label{color:#9aa39c!important;font-weight:650}
/* viewing stage = muted gray, not loud blue */
.drawer-mode .flow5.clickable-flow .n.selected{
border-color:rgba(255,255,255,.22)!important;
background:rgba(227,235,245,.95)!important;
box-shadow:inset 0 -3px #8b968c!important
}
.drawer-mode .flow5.clickable-flow .n.selected i{
border-color:#9aa39c!important;color:#c5cdc6!important;background:rgba(227,235,245,.85)!important
}
.drawer-mode .flow5.clickable-flow .n.selected b{color:var(--text)!important}
.drawer-mode .flow5.clickable-flow .n.selected .n-mark{color:#9aa39c!important}
.drawer-mode .flow5.clickable-flow .n.selected .n-days{
color:#b7c0b8!important;border-color:rgba(201,219,255,1)!important;background:rgba(227,235,245,.85)!important
}
.drawer-mode .flow5.clickable-flow .n.cur:not(.selected){
border-color:rgba(23,105,255,.22)!important;
background:#f0f5ff!important;
box-shadow:inset 0 -3px var(--yellow)!important
}
.drawer-mode .flow5.clickable-flow .n.cur.selected{
border-color:rgba(23,105,255,.2)!important;
box-shadow:inset 0 -3px #8b968c, 0 0 0 1px rgba(232,195,91,.2)!important
}
.drawer-mode .ev-progress-sec .sh{
display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;
}
.drawer-mode .ev-progress-tools{display:flex;align-items:center;gap:10px;margin-left:auto;flex-wrap:wrap}
.drawer-mode .ev-progress-tools .po-del{color:#c0392b;border:1px solid rgba(192,57,43,.35);background:#fff;height:30px;padding:0 10px;border-radius:8px;font-size:12px}
.drawer-mode .ev-progress-tools [data-action="prod-undo"]{height:30px;padding:0 10px;border-radius:8px;font-size:12px}
.drawer-mode .ev-clear-stage.is-all{
border-color:rgba(207,220,234,1)!important;background:rgba(248,251,255,.9)!important;color:var(--muted)!important;cursor:default
}
.drawer-mode .evidence-modal{display:flex!important;flex-direction:column!important;overflow:hidden!important}
.drawer-mode .evidence-modal-head{flex:0 0 auto!important;padding:14px 18px 12px!important;gap:8px!important}
.drawer-mode .evidence-modal-head h2{margin:4px 0 0!important;font-size:20px!important}
.drawer-mode .evidence-modal-head p{margin:4px 0 0!important;font-size:12px!important}
.drawer-mode .evidence-body{
flex:1 1 auto!important;min-height:0!important;overflow:hidden!important;
display:flex!important;flex-direction:column!important;gap:10px!important;
padding:12px 16px 14px!important;overflow-anchor:none
}
.drawer-mode .ev-progress-sec{flex:0 0 auto!important;margin:0!important}
.drawer-mode .ev-progress-sec .sh{padding:10px 12px!important}
.drawer-mode .ev-progress-sec .sb{padding:10px 12px 12px!important}
.drawer-mode .flow5.clickable-flow,.drawer-mode .flow5.clickable-flow.is-rec{grid-template-columns:repeat(var(--flow-n,5),minmax(0,1fr))!important;gap:8px!important;margin:0!important}
.drawer-mode .flow5.clickable-flow .n{
padding:10px!important;min-height:0!important;border:1px solid rgba(227,235,245,.95);
border-radius:10px;background:#f8fbff;text-align:left;cursor:pointer;color:inherit;font:inherit
}
.drawer-mode .flow5.clickable-flow .n .n-mark{display:block;margin-top:4px;color:var(--muted);font:10px 'IBM Plex Mono'}
.drawer-mode .flow5.clickable-flow .n.cur:not(.selected){border-color:rgba(23,105,255,.22);box-shadow:inset 0 -3px var(--yellow)}
.drawer-mode .flow5.clickable-flow .n.selected{border-color:rgba(142,184,189,.5)!important;background:rgba(142,184,189,.12)!important;box-shadow:inset 0 -3px var(--blue)!important}
.drawer-mode .flow5.clickable-flow .n.selected .n-mark{color:var(--blue)}
.drawer-mode .flow5.clickable-flow .n.cur.selected{box-shadow:inset 0 -3px var(--blue),0 0 0 1px rgba(232,195,91,.25)!important}
.drawer-mode .flow5 .n-top{display:flex;justify-content:space-between;align-items:center;gap:6px}
.drawer-mode .flow5 .n-days{font:600 11px 'IBM Plex Mono';color:var(--yellow);border:1px solid rgba(23,105,255,.16);border-radius:999px;padding:2px 7px;background:rgba(23,105,255,.08);font-style:normal}
.drawer-mode .flow5 .n.done .n-days{color:var(--green);border-color:rgba(157,198,106,.3);background:rgba(157,198,106,.1)}
.drawer-mode .flow5 .n.done{background:#eef5fb}
/* cost under flow, small gap only */
.drawer-mode .ev-progress-sec .ev-cost3{
display:grid;grid-template-columns:repeat(4,1fr);gap:1px;
margin:10px 0 0!important;border:1px solid var(--line);border-radius:10px;overflow:hidden;background:var(--line)
}
.drawer-mode .ev-progress-sec .ev-cost3 > div{background:#ffffff;padding:10px 12px}
.drawer-mode .ev-progress-sec .ev-cost3 span{display:block;color:var(--muted);font-size:11px}
.drawer-mode .ev-progress-sec .ev-cost3 strong{display:block;margin-top:4px;font:700 16px 'IBM Plex Mono';color:var(--yellow)}
.drawer-mode .ev-cost-sec{display:none!important}
.drawer-mode .ev-split{
flex:1 1 auto!important;min-height:0!important;margin:0!important;
display:grid!important;grid-template-columns:1fr 1fr!important;gap:10px!important;align-items:stretch!important
}
.drawer-mode .ev-split .ev-col{
min-height:0!important;height:100%!important;margin:0!important;overflow:hidden!important;
display:flex!important;flex-direction:column!important
}
.drawer-mode .ev-split .ev-col .sh{padding:10px 12px!important;flex:0 0 auto}
.drawer-mode .ev-split .ev-scroll,
.drawer-mode .ev-split .ev-scroll.tall{
flex:1 1 auto!important;min-height:0!important;max-height:none!important;overflow:auto!important
}
.drawer-mode .ev-clear-stage{
display:inline-flex;align-items:center;border:1px solid rgba(23,105,255,.2)!important;
background:rgba(23,105,255,.08)!important;color:var(--yellow)!important;
font:600 12px Manrope,system-ui,sans-serif!important;text-decoration:none!important;
padding:7px 12px!important;border-radius:8px!important;cursor:pointer
}
.drawer-mode .batch-line{display:flex;justify-content:space-between;gap:8px;padding:3px 0;border-bottom:1px dashed rgba(227,235,245,.85);line-height:1.4}
.drawer-mode .batch-line:last-child{border-bottom:0}
.drawer-mode .batch-line em{font-style:normal;font-weight:650;color:var(--text);word-break:break-word}
.drawer-mode .batch-line span{color:var(--muted);font:12px 'IBM Plex Mono';white-space:nowrap}
.drawer-mode .dtbl th{background:#f8fbff!important;position:sticky;top:0;z-index:2}
@media(max-width:1100px){
.drawer-mode .ev-split{grid-template-columns:1fr!important;overflow:auto!important}
.drawer-mode .ev-split .ev-col{height:auto!important;min-height:200px!important}
}
.drawer-mode .flow5 .n-days{
font:600 10px 'IBM Plex Mono'!important;
padding:2px 6px!important;
white-space:nowrap!important;
letter-spacing:0!important;
}
.drawer-mode .flow5.clickable-flow .n-top{gap:4px!important}
/* === outbound order v2 expand === */
.ob-left-late{color:#ff6b6b!important;font-weight:750}
.ob-left-ok{color:var(--text);font-weight:600}
.ob-v2-actions-cell{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end;align-items:center;min-width:0}
.ob-v2-actions-cell .primary,.ob-v2-actions-cell .ghost,.ob-v2-actions-cell .mini{
white-space:nowrap;font-size:12px;padding:7px 12px;border-radius:8px;cursor:pointer
}
.ob-v2-actions-cell .primary{background:var(--yellow);color:#1769ff;border:0;font-weight:700}
.ob-v2-actions-cell .ghost{background:transparent;color:var(--text);border:1px solid rgba(207,220,234,1)}
.ob-v2-bar .ob-v2-actions-cell{justify-content:flex-end}
.ob-v2-list{display:grid;gap:10px;width:100%}
.ob-v2-order{border:1px solid rgba(255,255,255,.10);border-radius:12px;background:linear-gradient(160deg,rgba(227,235,245,.85),#fbfdff);box-shadow:0 12px 28px rgba(69,93,128,.04);overflow:hidden;width:100%}
.ob-v2-order.open{border-color:rgba(23,105,255,.18);box-shadow:0 16px 36px rgba(69,93,128,.05),0 0 0 1px rgba(23,105,255,.08)}
.ob-v2-order-h{display:grid;grid-template-columns:minmax(0,1.25fr) 90px 100px 80px 60px 100px 90px minmax(148px,auto) 36px;gap:10px;align-items:center;padding:14px 16px;cursor:pointer}
.req-v2-h{grid-template-columns:minmax(0,1.2fr) 88px minmax(0,.95fr) 56px 88px 90px minmax(110px,auto) 36px}
.req-list{display:flex;flex-direction:column;gap:6px}
.req-head,.req-row{
display:grid;grid-template-columns:88px minmax(72px,.8fr) minmax(140px,1.3fr) minmax(90px,1fr) 48px 64px 72px 72px;
gap:10px;align-items:center;min-width:0
}
.ob-split-side-h input,.req-split .ob-split-side-h input{width:100%;height:32px;border:1px solid #d7e4ff;border-radius:8px;background:#fff;padding:0 10px;font-size:13px}
.req-split .ob-split-store{display:grid;grid-template-columns:minmax(0,1fr) auto}
.req-split .ob-split-store small{display:block;color:#8a9bb2;font-size:11px;margin-top:2px}
.req-p-h{grid-template-columns:minmax(0,1.4fr) 72px 88px 36px!important}
.req-p-ih,.req-p-ir{grid-template-columns:132px minmax(90px,1fr) 48px minmax(110px,1fr) minmax(80px,.9fr) 72px 72px!important}
.req-phone{font-style:normal;font-weight:800;margin-left:8px}
.req-split .req-p-ih{height:34px;padding:0 12px;margin:0 0 10px;border:0;border-radius:8px;background:#f7fbff}
.req-split .req-p-ir{min-height:44px;padding:8px 12px;margin:0 0 6px;border:1px solid #e3ebf5;border-radius:10px;cursor:default}
.req-head{height:34px;padding:0 12px;border-radius:8px;background:#f7fbff;color:#8a9bb2;font:750 12px Manrope,sans-serif}
.req-row{min-height:40px;padding:0 12px;border:1px solid #e3ebf5;border-radius:10px;background:#fff;cursor:pointer}
.req-row:hover{background:#f8fbff;border-color:#d7e4ff}
.req-row.on{border-color:#c9dbff;background:#f7faff}
.req-row b,.req-row span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.req-row .id{font:600 12px 'IBM Plex Mono';color:var(--yellow)}
.req-row .st{color:#7b8da5;font-size:12px}
.rec-page{display:flex;flex-direction:column;min-height:0;height:100%;flex:1;gap:0}
.rec-page .po-v2-top{flex:0 0 auto}
.rec-page .ob-split{flex:1 1 auto;min-height:0;height:0;margin-top:12px}
html body .app > .main > .main-body:has(.rec-page){display:flex!important;flex-direction:column!important;min-height:0!important;overflow:hidden!important}
.rec-page .po-v2-toggle button{min-width:0;padding:10px 14px!important}
.rec-page .po-v2-ctrl{margin-bottom:12px}
.rec-head,.rec-row{grid-template-columns:minmax(160px,1.4fr) 72px 72px 110px 88px 72px 88px;gap:16px}
.rec-fix-head,.rec-fix-row{grid-template-columns:minmax(160px,1.3fr) minmax(90px,1fr) 48px 110px 88px 72px 120px;gap:16px}
.rec-btn{height:28px;padding:0 10px;font-size:12px;border-radius:8px}
.rec-d-store{font-size:15px;font-weight:750;margin:0 0 12px}
.rec-th{border:1px solid #e3ebf5;border-radius:10px;margin:0 0 8px;overflow:hidden;background:#fff}
.rec-th-h{width:100%;border:0;background:#f7fbff;display:flex;align-items:center;gap:10px;padding:10px 12px;cursor:pointer;text-align:left}
.rec-th-h.is-static{cursor:default}
.rec-th-h b{flex:1}
.rec-th-h span{color:#8a9bb2;font-size:12px}
.rec-th-b{padding:8px 12px 12px}
.rec-it{display:flex;flex-direction:column;gap:8px;padding:10px 0;border-top:1px solid #eef3f8}
.rec-it:first-child{border-top:0}
.rec-it b{margin-right:8px}
.rec-it span{color:#8a9bb2;font-size:12px}
.rec-dests{display:flex;flex-wrap:wrap;gap:8px}
.rec-dests label{display:inline-flex;align-items:center;gap:4px;height:28px;padding:0 8px;border:1px solid #d7e4ff;border-radius:999px;font-size:12px;cursor:pointer;color:#5b6b80}
.rec-dests label.on{background:#eef3ff;border-color:#1769ff;color:#1769ff;font-weight:750}
.rec-store{margin:0 0 18px}
.rec-store-h{display:flex;align-items:baseline;justify-content:space-between;padding:0 4px 8px;font:750 15px Manrope,sans-serif}
.rec-store-h span{color:#8a9bb2;font-size:12px;font-weight:600}
.rec-th-h,.rec-th-line{grid-template-columns:minmax(180px,1.2fr) minmax(140px,1fr) 72px 148px!important;justify-items:start;text-align:left;cursor:default}
.rec-it-name{display:flex;align-items:center;gap:8px;min-width:0}
.rec-it-name .st-photo{flex:0 0 28px}
.rec-it-txt{display:flex;flex-direction:column;align-items:flex-start;gap:2px;min-width:0}
.rec-it-txt em{font:600 11px 'IBM Plex Mono';font-style:normal;color:#1769ff;text-align:left}
.rec-it-txt b,.rec-it-name b{font:750 13px Manrope,sans-serif;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.rec-it-act{display:flex;gap:6px;width:100%}
.rec-it-chip{flex:1;height:26px;padding:0 8px;border:1px solid #d7e4ff;border-radius:7px;background:#fff;color:#1769ff;font:750 12px Manrope,sans-serif;cursor:pointer;white-space:nowrap}
.rec-it-chip:hover{background:#eef3ff;border-color:#c9dbff}
.rec-it-chip.is-hot{border-color:#f0c4bc;color:#d4533b}
.rec-it-chip.is-hot:hover{background:#fff6f4;border-color:#e8a89c}
.rec-th-h{cursor:default;margin:0 14px 8px!important;padding:0 12px!important;flex:0 0 auto}
.rec-th-h>span,.rec-th-line>*{justify-self:start;text-align:left}
.rec-th-line.on{border-color:#c9dbff;background:#f7faff}
.rec-th-name{display:flex;flex-direction:column;gap:2px;min-width:0}
.rec-th-name em{font:600 11px 'IBM Plex Mono';font-style:normal;color:#1769ff}
.rec-th-name b{font:750 13px Manrope,sans-serif;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.rec-th-name .cfg-spec{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}
.rec-st{display:inline-flex;align-items:center;justify-content:center;height:22px;padding:0 8px;border:0;border-radius:6px;font:700 11px Manrope,sans-serif;line-height:1;white-space:nowrap}
.rec-st.is-gray{background:#eef2f6;color:#5b6b80}
.rec-st.is-warn{background:#fff6e8;color:#c98621}
.rec-st.is-info{background:#eef3ff;color:#1769ff}
.rec-st.is-ok{background:#eaf8f2;color:#2f9b72}
.rec-st.is-hot{background:#ffe8e3;color:#d4533b}
.rec-th-act{justify-self:start}
.rec-th-act .rec-btn{height:26px;padding:0 8px;min-width:0;line-height:26px}
.rec-flow{display:grid;grid-template-columns:repeat(var(--flow-n,4),minmax(0,1fr));gap:8px;width:100%;min-width:0}
.rec-flow .po-v2-stage i{height:8px;margin-bottom:5px}
.rec-flow .po-v2-stage span{font-size:11px}
.rec-hist-h,.rec-hist-line{grid-template-columns:132px minmax(0,1.2fr) minmax(0,.9fr) 64px!important;justify-items:start;text-align:left}
.rec-hist-line{cursor:default}
.rec-hist-line em{font:600 11px 'IBM Plex Mono';font-style:normal;color:#1769ff}
.rec-hist-line span,.rec-hist-line b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.rec-check-foot{display:flex;justify-content:flex-end;gap:8px;padding:12px 16px;border-top:1px solid var(--line);background:#fff}
.rec-ck-sec{margin:0 0 14px}
.rec-ck-verdicts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.rec-ck-verdicts button{display:flex;flex-direction:column;align-items:flex-start;gap:2px;padding:12px 12px;border:1px solid #e3ebf5;border-radius:12px;background:#fff;text-align:left;cursor:pointer}
.rec-ck-verdicts button strong{font:750 14px Manrope,sans-serif}
.rec-ck-verdicts button span{color:#8a9bb2;font-size:11px}
.rec-ck-verdicts button.on{border-color:#1769ff;background:#f5f8ff;color:#1769ff}
.rec-ck-verdicts button.on span{color:#1769ff}
.rec-ck-box{margin:0 0 12px;border:1px solid #e3ebf5;border-radius:14px;background:#f7fbff;padding:14px}
.rec-ck-box>b{display:flex;align-items:baseline;gap:8px;font:750 15px Manrope,sans-serif;margin:0 0 12px}
.rec-ck-box>b em{font:600 13px 'IBM Plex Mono';font-style:normal;color:#8a9bb2}
.rec-ck-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.rec-ck-card{display:flex;flex-direction:column;gap:6px;padding:8px 10px;border:1px solid #e3ebf5;border-radius:10px;background:#fff}
.rec-ck-card.on{border-color:#1769ff;background:#f5f8ff}
.rec-ck-card.is-hot{border-color:#f0b4a8;background:#fff6f4}
.rec-ck-card b{font-size:13px;line-height:1.3}
.rec-ck-card em{font:700 11px 'IBM Plex Mono';font-style:normal;color:#8a9bb2}
.rec-ck-dest{display:flex;gap:6px}
.rec-ck-chip{flex:1;height:28px;border:0;border-radius:8px;background:#eef2f6;color:#5b6b80;font:750 12px Manrope,sans-serif;cursor:pointer}
.rec-ck-chip.on{background:#1769ff;color:#fff}
.rec-ck-chip.is-hot.on{background:#d4533b}
.rec-ck-f{display:grid;gap:6px;margin:0 0 10px}
.rec-ck-f>span{color:#8a9bb2;font-size:12px}
.rec-ck-f input,.rec-ck-f select,.rec-ck-f textarea{width:100%;border:1px solid #e3ebf5;border-radius:10px;background:#f1f6ff;color:var(--text);padding:10px 12px;outline:0;font:14px Manrope,sans-serif}
.rec-ck-f input:focus,.rec-ck-f select:focus,.rec-ck-f textarea:focus{border-color:#c9dbff;box-shadow:0 0 0 3px rgba(23,105,255,.08)}
.rec-ck-f input[readonly]{color:#5b6b80;background:#eef3f8}
.rec-ck-2{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.rec-ck-search{display:flex;gap:6px;margin:0 0 10px}
.rec-ck-search input{flex:1;border:1px solid #e3ebf5;border-radius:10px;background:#fff;padding:10px 12px;outline:0}
.rec-ck-sug{border:1px solid #e3ebf5;border-radius:10px;background:#fff;margin:0 0 10px;overflow:hidden}
.rec-ck-sug button{width:100%;display:flex;justify-content:space-between;padding:8px 10px;border:0;border-bottom:1px solid #eef3f8;background:#fff;text-align:left;cursor:pointer}
.rec-ck-sug button:last-child{border-bottom:0}
.rec-ck-hint{margin:0;color:#8a9bb2;font-size:12px;line-height:1.5}
.rec-ck-scrap{border:1px solid #ffe0d8;background:#fff6f4;border-radius:12px;padding:14px}
.rec-ck-scrap strong{display:block;color:#d4533b;font-size:14px}
.rec-ck-scrap span{display:block;margin-top:4px;color:#8a9bb2;font-size:12px;line-height:1.5}
.rec-ck-scrap .rec-ck-f{margin-top:10px}
.rec-ck-file{display:block;margin-top:6px;color:#1769ff;font-size:12px}
@media(max-width:720px){.rec-ck-grid{grid-template-columns:1fr 1fr}.rec-ck-2{grid-template-columns:1fr}}
.rec-ck-th{border:1px solid #e3ebf5;border-radius:10px;overflow:hidden;background:#fff}
.rec-ck-th-h{width:100%;display:grid;grid-template-columns:16px minmax(0,1fr) auto;gap:8px;align-items:center;height:42px;padding:0 10px;border:0;background:transparent;text-align:left;cursor:pointer}
.rec-ck-th.on{border-color:#c9dbff;background:#f7faff}
.rec-ck-th.on .po-hist-arr{transform:rotate(180deg)}
.rec-ck-th-b{padding:4px 10px 12px;border-top:1px solid #eef3f8}
.rec-ck-k{margin:10px 0 6px;color:#8a9bb2;font:700 11px Manrope,sans-serif}
.rec-ck-item{grid-template-columns:minmax(0,1.2fr) 40px 48px 88px!important;margin:0 0 6px;justify-items:start}
.rec-ck-dest{display:flex;gap:8px}
.rec-exp{padding:8px 0 4px 14px}
.rec-in-h,.rec-in-row{grid-template-columns:minmax(0,1.2fr) 64px!important}
.rec-v2-h{grid-template-columns:minmax(0,1.5fr) 72px 88px 120px 80px 36px!important}
.rec-page .th-inst-row.rec-in-h,.rec-page .th-inst-row.rec-in-row{grid-template-columns:minmax(140px,1.2fr) 72px minmax(80px,1fr) 28px}
.rec-page .th-inst-row.rec-ck-h,.rec-page .th-inst-row.rec-ck-row{grid-template-columns:minmax(140px,1fr) minmax(100px,.8fr) minmax(240px,1.6fr) 28px}
.rec-x{width:24px;height:24px;border:0;border-radius:6px;background:transparent;color:#8a9bb2;font-size:16px;line-height:1;display:grid;place-items:center}
.rec-x:hover{background:#fff1f0;color:#d4533b}
.rec-line-sel{height:30px;border:0;border-bottom:1px solid #d7e4ff;background:transparent;padding:0 2px;font:700 13px Manrope,sans-serif;color:#1769ff;min-width:0;max-width:100%}
.rec-line-sel:focus{outline:0;border-bottom-color:#1769ff}
.rec-line-inp,.rec-line-qty{height:30px;border:0;border-bottom:1px solid #d7e4ff;border-radius:0;background:transparent;padding:0 2px;font:650 13px Manrope,sans-serif;color:#1f2d3d;min-width:0}
.rec-line-inp:focus,.rec-line-qty:focus{outline:0;border-bottom-color:#1769ff}
.rec-line-qty{width:56px;font:700 13px 'IBM Plex Mono'}
.rec-exp-foot{display:flex;justify-content:flex-end;gap:8px;margin-top:12px}
.rec-exp-foot{display:flex;justify-content:flex-end;margin-top:12px}
.rec-add{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-top:10px}
.rec-add input,.rec-add select{height:32px;border:1px solid #d7e4ff;border-radius:8px;padding:0 8px;font:13px Manrope;background:#fff}
.rec-add input[type=number]{width:72px}
.rec-n-box{margin-top:14px;padding:12px;border:1px solid #e3ebf5;border-radius:10px;background:#f7fbff}
.rec-n-box-h{font:750 13px Manrope,sans-serif;margin-bottom:8px}
.rec-n-list{display:flex;flex-wrap:wrap;gap:8px;min-height:32px;align-items:center}
.rec-n-list em{color:#8a9bb2;font-size:12px;font-style:normal}
.rec-n-chip{display:inline-flex;align-items:center;gap:6px;height:28px;padding:0 8px 0 10px;border-radius:999px;background:#fff;border:1px solid #c9dbff;font-size:12px}
.rec-n-chip button{border:0;background:transparent;color:#8a9bb2;cursor:pointer;font-size:14px;line-height:1}
.rec-new-mask{background:rgba(31,45,61,.28)!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
.rec-page .modal.config-theme-editor{background:#fff!important;box-shadow:0 18px 48px rgba(69,93,128,.12)!important}
.rec-n-bar{display:flex;align-items:flex-end;gap:10px;flex:0 0 auto;margin:0 0 10px}
.rec-n-bar .cte-field{flex:1 1 180px;min-width:160px;margin:0}
.rec-n-bar .cte-field input,.rec-n-bar .rec-store-combo input{width:100%;height:38px;border:1px solid #e3ebf5;border-radius:10px;background:#f1f6ff;padding:0 12px;box-sizing:border-box;font:13px Manrope,sans-serif;text-align:left}
.rec-n-kind{display:flex;gap:6px;flex:0 0 auto;margin:0 0 0 auto;padding-bottom:0}
.rec-n-kind button{height:38px;padding:0 14px;border:1px solid #e3ebf5;border-radius:10px;background:#fff;font:750 13px Manrope,sans-serif;color:#43546a;cursor:pointer;white-space:nowrap}
.rec-n-kind button.on{border-color:#1769ff;background:#eef3ff;color:#1769ff}
.rec-new-mask .modal.config-theme-editor{width:min(980px,96vw);height:min(88vh,780px)}
.rec-n-modal .cte-body{gap:10px}
.rec-n-split{flex:1;min-height:0}
.rec-store-combo input{width:100%;height:42px;border:1px solid #e3ebf5;border-radius:10px;background:#f1f6ff;padding:0 12px;box-sizing:border-box}
.rec-store-combo{width:100%}
.rec-new-mask .cte-head.rec-n-head,.rec-n-head{padding:12px 20px;align-items:center}
.rec-n-head h2{margin:0;font-size:18px}
.rec-n-head .cte-kicker,.rec-n-head .sub{display:none}
.rec-new-mask .cte-body{display:flex;flex-direction:column;min-height:0;flex:1}
.rec-new-mask .req-pick{flex:1;min-height:0;margin-top:0}
.rec-n-qty{width:56px;height:28px;border:1px solid #d7e4ff;border-radius:6px;padding:0 6px;font:700 12px 'IBM Plex Mono';background:#fff}
.rec-prop-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px 20px}
.rec-prop-txt{font-size:13px;color:#1f2d3d;line-height:1.45;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#rec-drawer{width:min(560px,92vw);min-width:min(420px,calc(100vw - 24px))}
.rec-page .drawer-mask{position:fixed;inset:0;background:rgba(31,45,61,.35);display:none;z-index:25}
.rec-page .drawer-mask.on{display:block}
.rec-page .drawer{position:fixed;top:12px;right:12px;bottom:12px;background:#fff;border:1px solid var(--line2);border-radius:16px;box-shadow:var(--shadow);transform:translateX(110%);transition:transform .22s ease;z-index:26;display:flex;flex-direction:column;overflow:hidden}
.rec-page .drawer.on{transform:translateX(0)}
.rec-page .ib-mask{position:fixed;inset:0;background:rgba(31,45,61,.35);display:none;place-items:center;z-index:30}
.rec-page .ib-mask.on{display:grid}
.rec-page .drawer-h{display:flex;justify-content:space-between;gap:12px;padding:18px 20px 14px;border-bottom:1px solid var(--line);background:#f7fbff}
.rec-page .drawer-h h2{margin:0;font-size:18px}
.rec-page .drawer-h p{margin:4px 0 0;color:var(--muted);font-size:12px}
.rec-page .drawer-b{padding:16px 20px;overflow:auto;flex:1}
.rec-page .drawer-f{display:flex;justify-content:flex-end;align-items:center;gap:10px;padding:12px 20px;border-top:1px solid var(--line)}
.rec-page .primary[disabled],.rec-page .rec-btn[disabled]{opacity:.4;cursor:not-allowed;pointer-events:none}
.rec-page .rec-fix-draw{width:min(560px,calc(100vw - 24px))}
.rec-th-line.is-fix{cursor:pointer}
.rec-th-line.is-fix:hover{background:#f7faff}
.rec-fix-sum{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:0 0 14px}
.rec-fix-sum>div{padding:12px 14px;border:1px solid #e3ebf5;border-radius:10px;background:#f8fbff}
.rec-fix-sum span{display:block;color:#8a9bb2;font-size:12px}
.rec-fix-sum b{display:block;margin-top:6px;font:750 22px Manrope,sans-serif;color:#1f2d3d}
.rec-fix-sum b.ok{color:#2f9e62}
.rec-fix-sum b.warn{color:#c98621}
.rec-fix-sec{border:1px solid #e3ebf5;border-radius:10px;background:#fff;margin:0 0 12px;overflow:hidden}
.rec-fix-sh{display:flex;justify-content:space-between;align-items:baseline;padding:12px 14px;border-bottom:1px solid #eef3f8;background:#f8fbff}
.rec-fix-sh h3{margin:0;font-size:14px}
.rec-fix-sh span{color:#8a9bb2;font-size:12px}
.rec-fix-sb{padding:4px 8px 8px}
.rec-fix-line{display:grid;grid-template-columns:40px minmax(0,1fr) auto;gap:10px;align-items:center;padding:10px 6px;border-bottom:1px solid #f0f4f8}
.rec-fix-line:last-child{border-bottom:0}
.rec-fix-ph{width:40px;height:40px;border-radius:8px}
.rec-fix-txt{min-width:0}
.rec-fix-txt b{display:block;font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.rec-fix-txt small{display:block;margin-top:3px;color:#8a9bb2;font-size:12px}
.rec-fix-line{grid-template-columns:40px minmax(0,1fr) auto auto}
.rec-fix-acts{display:flex;gap:6px}
.rec-fix-chip{height:28px;padding:0 10px;border:1px solid #e3ebf5;border-radius:8px;background:#fff;color:#5f728a;font:700 12px Manrope,sans-serif}
.rec-fix-chip:hover{border-color:#c9dbff;background:#f8fbff;color:#1769ff}
.rec-fix-chip.on{border-color:#1769ff;background:#eef4ff;color:#1769ff}
.rec-fix-chip.is-hot:hover,.rec-fix-chip.is-hot.on{border-color:#e35b5b;background:#fff5f5;color:#e35b5b}
.ev-fix-sec .rec-fix-sum{margin:0 0 12px}
.ev-fix-sec .rec-fix-sb{padding:0}
.req-detail{margin:-2px 0 8px;display:flex;align-items:stretch;border:1px solid #d7e4ff;border-radius:0 0 10px 10px;background:#fff;overflow:hidden}
.req-detail-main{flex:1;min-width:0;padding:10px 14px}
.req-detail-main h4,.req-detail-side h4{margin:0 0 8px;font-size:12px;color:var(--muted);font-weight:750}
.req-detail-main table{width:100%;border-collapse:separate;border-spacing:0 4px}
.req-detail-main th{text-align:left;font:650 11px Manrope,sans-serif;color:#8a9bb2;padding:0 10px 2px}
.req-detail-main td{padding:8px 10px;background:#f7fbff;border-top:1px solid #e3ebf5;border-bottom:1px solid #e3ebf5;font-size:13px}
.req-detail-main td:first-child{border-left:1px solid #e3ebf5;border-radius:8px 0 0 8px;font:600 12px 'IBM Plex Mono';color:var(--yellow)}
.req-detail-main td:last-child{border-right:1px solid #e3ebf5;border-radius:0 8px 8px 0}
.req-detail-side{flex:0 0 220px;width:220px;padding:10px 12px;background:#f1f6ff;border-left:1px solid #e3ebf5}
.req-detail-side .ev{padding:0 0 8px}
.req-detail-side .ev .t{font:11px 'IBM Plex Mono';color:#8a9bb2}
.req-detail-side .ev .x{font-size:12px;color:var(--text);margin-top:2px}
.ob-v2-order-h:hover{background:#f5f8ff}
.ob-v2-order.open .ob-v2-order-h{background:rgba(255,255,255,.045);border-bottom:1px solid rgba(227,235,245,.95)}
.ob-v2-name{font-weight:750;font-size:15px;letter-spacing:-.02em;color:var(--text)}
.ob-v2-code{display:block;color:#8a9bb2;font:11px 'IBM Plex Mono';margin-top:3px}
.ob-v2-sub{color:#7b8da5;font-size:12px}
.ob-v2-money{font:600 13px 'IBM Plex Mono';color:var(--yellow)}
.ob-v2-chev{width:32px;height:32px;border-radius:8px;border:1px solid rgba(201,219,255,1);display:grid;place-items:center;color:#5f728a;font-size:14px;transition:transform .15s;flex-shrink:0;justify-self:end;margin-left:4px}
.ob-v2-order.open .ob-v2-chev{transform:rotate(180deg);border-color:rgba(23,105,255,.22);color:var(--yellow)}
.ob-split{display:grid;grid-template-columns:268px minmax(0,1fr);min-height:0;border:1px solid var(--line);border-radius:14px;background:#fff;overflow:hidden}
.ob-split-side{border-right:1px solid var(--line);background:#f7fbff;display:flex;flex-direction:column;min-height:0;overflow:hidden}
.ob-split-side-h{flex:0 0 auto;padding:12px 14px 8px;color:var(--muted);font:11px 'IBM Plex Mono';letter-spacing:.06em;background:#f7fbff}
.ob-split-side-list{flex:1 1 auto;min-height:0;overflow:auto}
.ob-split-store{width:100%;border:0;background:transparent;text-align:left;padding:10px 14px;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:center;cursor:pointer}
.ob-split-store:hover{background:#eef4ff}
.ob-split-store.on{background:#fff;box-shadow:inset 3px 0 var(--yellow)}
.ob-split-store b{display:block;font-size:13px;color:var(--text);line-height:1.35}
.ob-split-store small{display:block;color:var(--muted);font:11px 'IBM Plex Mono';margin-top:2px}
.ob-split-store .n{min-width:22px;height:22px;border-radius:999px;background:#fff;border:1px solid var(--line);color:var(--yellow);display:grid;place-items:center;font:700 11px 'IBM Plex Mono'}
.ob-split-store.on .n{background:var(--yellow);color:#fff;border-color:var(--yellow)}
.ob-split-main{display:flex;flex-direction:column;min-width:0;min-height:0;overflow:hidden}
.ob-split-mh{flex:0 0 auto;display:flex;justify-content:space-between;align-items:flex-end;gap:12px;padding:14px 16px 12px}
.ob-split-mh b{font-size:16px}
/* 发货记录：按出库性质切页统计（b18） */
.fh-kind-bar{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 14px;border-bottom:1px solid #eef3f8;background:#f7fbff}
.fh-kind-tabs{display:flex;gap:6px}
.fh-kind-tab{display:inline-flex;align-items:center;gap:5px;height:28px;padding:0 10px;border:1px solid #d7e4ff;border-radius:8px;background:#fff;color:var(--text);font-size:12px;cursor:pointer}
.fh-kind-tab em{font-style:normal;font-size:11px;color:var(--muted);font-family:'IBM Plex Mono',monospace}
.fh-kind-tab.on{background:#3370ff;border-color:#3370ff;color:#fff}
.fh-kind-tab.on em{color:rgba(255,255,255,.85)}
.fh-kind-sum{font-size:13px;color:var(--muted);white-space:nowrap}
.fh-kind-note{padding:6px 14px;font-size:11px;color:var(--muted);border-bottom:1px solid #eef3f8;line-height:1.6}
.fh-kind-note b{color:#8a3b28;font-weight:600}
.po-hist-kinds{display:inline-flex;gap:4px;flex:none}
.po-hist-kind{font-style:normal;font-size:11px;padding:2px 6px;border-radius:6px;background:#eef3f8;color:#5a6b85;white-space:nowrap}
.po-hist-kind.is-sale{background:#e6f0ff;color:#2456b8}
/* 待发列表搜索（b16）：搜的是行不是单，一个店上百件时靠它定位货品 */
.ob-ord-q{width:190px;height:30px;border:1px solid #d7e4ff;border-radius:8px;background:#fff;padding:0 10px;font-size:13px;color:var(--text)}
.ob-ord-q::placeholder{color:var(--muted)}
.ob-ord-q:focus{outline:none;border-color:#3370ff}
.ob-split-mh span{display:block;color:var(--muted);font-size:12px;margin-top:2px}
.ob-mh-acts{display:flex;align-items:center;gap:10px;flex:none}
.ob-mh-acts span{display:inline;margin-top:0}
.ob-mh-acts .ghost{height:28px;padding:0 10px}
.ob-split-mb{flex:1 1 auto;min-height:0;overflow:auto;padding:0 14px 8px}
.ob-ck-head,.ob-ck-line{
display:grid;grid-template-columns:28px minmax(0,1.4fr) 64px repeat(4,80px);
gap:16px;align-items:center;min-width:0
}
.ob-ck-head{
height:34px;padding:0 12px;margin:0 0 10px 14px;border-radius:8px;background:#f7fbff;
color:#8a9bb2;font:750 12px Manrope,sans-serif
}
.ob-ck-head>span{text-align:left}
.ob-ord{margin:0 0 16px}
.ob-ord-id{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:0 0 6px 0;color:var(--yellow);font:600 12px 'IBM Plex Mono'}
.ob-ord-id .ghost{height:26px;padding:0 10px;font-size:12px;flex:0 0 auto}
.ob-ord-id .ob-ord-t{display:flex;align-items:center;gap:8px;min-width:0;flex:1 1 auto}
.ob-ord-id .ob-ord-t b{font:600 12px 'IBM Plex Mono';color:var(--yellow);flex:0 0 auto}
.ob-ord-id .ob-ord-name{font:600 13px Manrope,sans-serif;font-style:normal;color:var(--text);min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ob-ord-id .ob-ord-kind{font:600 11px Manrope,sans-serif;font-style:normal;flex:0 0 auto;padding:2px 7px;border-radius:999px;border:1px solid #dbe4ef;background:#f4f7fb;color:#5f728a}
.ob-ord-id .ob-ord-kind.is-sale{border-color:rgba(23,105,255,.22);background:rgba(23,105,255,.09);color:#1769ff}
.ob-ord-id .ob-ord-meta{flex:0 0 auto;color:var(--muted);font:500 11px Manrope,sans-serif}
.ob-ord-body{position:relative;padding-left:14px}
.ob-cart{margin:12px 0 0;border:1px solid #e3ebf5;border-radius:12px;background:#fff;overflow:hidden}
.ob-cart-h{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:10px 12px;background:#f7fbff}
.ob-cart-h b{font-size:13px}
.ob-cart-line{display:grid;grid-template-columns:minmax(0,1fr) 52px 72px 52px;gap:10px;align-items:center;padding:8px 12px;border-top:1px solid #eef3f8}
.ob-cart-line .nm{font-weight:700;font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ob-cart-line .kind{display:inline-flex;align-items:center;justify-content:center;height:20px;padding:0 7px;border-radius:999px;font:700 11px Manrope,sans-serif}
.ob-cart-line .kind.is-th{color:#1769ff;background:#eef3ff}
.ob-cart-line .kind.is-prop{color:#c98621;background:#fff8ef}
.ob-cart-qty{width:72px;height:32px;border:1px solid #d7e4ff;border-radius:8px;padding:0 8px;font:700 13px 'IBM Plex Mono'}
.ob-cart-line .ghost{height:28px;padding:0 8px;font-size:12px}
.ob-cart .ob-tg-empty{padding:16px;text-align:center}
.ob-ord-rail{position:absolute;left:5px;top:4px;bottom:10px;width:2px;background:#1769ff;border-radius:2px}
.ob-ck-line{
min-height:44px;padding:8px 12px;margin:0 0 6px;border:1px solid #e3ebf5;border-radius:10px;background:#fff
}
.ob-ck-line:last-child{margin-bottom:0}
.ob-ck-line:hover{background:#f8fbff;border-color:#d7e4ff}
.ob-ck-line.is-off{opacity:.45}
.ob-dot{width:10px;height:10px;border-radius:50%;border:1.5px solid #c5d3e6;background:#fff;display:block;box-sizing:border-box}
.ob-th-pick-line{cursor:pointer}
.ob-th-pick-line.is-on,.ob-tg-item.on{border-color:#93c5fd;background:#f5f8ff}
.ob-th-pick-line.is-on .ob-dot,.ob-tg-item.on .ob-dot{background:#1769ff;border-color:#1769ff}
button.ob-tg-item{width:100%;text-align:left;font:inherit;color:inherit}
.ob-ck-line b{font:750 13px Manrope,sans-serif;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ob-good{display:flex;align-items:center;gap:8px;min-width:0}
.ob-good-img{width:28px;height:28px;border-radius:6px;object-fit:cover;background:#eef3f9;flex:0 0 28px}
.ob-good-ph{width:28px;height:28px;border-radius:6px;background:#eef3f9;flex:0 0 28px;display:grid;place-items:center}
.ob-good-ph i{font:700 12px Manrope,sans-serif;font-style:normal;color:#8a9bb2}
.ob-good-qty{flex:0 0 auto;font:700 12px 'IBM Plex Mono';color:#1f2d3d;white-space:nowrap}
.ob-good-qty.is-warn{font:700 12px Manrope,sans-serif;color:#c98621}
.ob-gone-tag{flex:0 0 auto;height:20px;padding:0 7px;border-radius:999px;background:#fdecec;color:#c0392b;font:700 11px Manrope,sans-serif;display:inline-flex;align-items:center;white-space:nowrap}
.ob-ck.is-dis{opacity:.45;cursor:not-allowed}
.ob-ck.is-dis input{cursor:not-allowed}
.ob-ck-line.is-gone{background:#fffafa}
.ob-ck-line.is-gone .ob-good>*{opacity:.6}
.ob-ck-line.is-gone .ob-gone-tag{opacity:1}
.ob-ck-line .no{font:600 12px 'IBM Plex Mono';color:var(--yellow);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ob-ck-line .kind{display:inline-flex;align-items:center;justify-content:flex-start;height:20px;padding:0 7px;border-radius:999px;font:700 11px Manrope,sans-serif;justify-self:start}
.ob-ck-line .kind.is-th{color:#1769ff;background:#eef3ff}
.ob-ck-line .kind.is-prop{color:#c98621;background:#fff8ef}
.ob-ck-line .sh{color:#7b8da5;font:12px 'IBM Plex Mono';text-align:left}
.ob-ck-line .dt{color:#1f2d3d;font:12px 'IBM Plex Mono';text-align:left}
.ob-ck-line .dt.late{color:#e35b5b;font-weight:700}
.ob-ck-line .st{font:650 12px Manrope,sans-serif;color:#1f2d3d}
.ob-ck-line .st.is-late{color:#e35b5b}
.ob-ck-line .am{text-align:left;font:700 13px 'IBM Plex Mono';color:#1769ff}
.ob-ck{position:relative;width:16px;height:16px;flex-shrink:0}
.ob-ck input{position:absolute;inset:0;opacity:0;margin:0;cursor:pointer;z-index:1}
.ob-ck i{position:relative;display:block;width:16px;height:16px;border:1.5px solid #c5d3e6;border-radius:4px;background:#fff;box-sizing:border-box}
.ob-ck input:hover + i{border-color:#8eabdf}
.ob-ck input:checked + i{background:var(--yellow);border-color:var(--yellow);box-shadow:0 0 0 3px rgba(23,105,255,.12)}
.ob-ck input:checked + i:after{content:"";position:absolute;left:5px;top:2px;width:4px;height:8px;border:solid #fff;border-width:0 1.6px 1.6px 0;transform:rotate(45deg)}
.ob-ck-tag{display:inline-block;font:11px 'IBM Plex Mono';color:var(--yellow);background:#eef3ff;border-radius:6px;padding:2px 6px}
.ob-ship-foot{flex:0 0 auto;display:flex;justify-content:space-between;align-items:center;gap:14px;padding:12px 16px;border-top:1px solid var(--line);background:#f3f7ff}
.ob-ship-foot-btns{display:flex;align-items:center;gap:8px}
.ob-all-btn{border:1px solid #c9dbff;background:#fff;color:var(--yellow);border-radius:8px;padding:8px 14px;font-weight:700}
.ob-all-btn:hover{background:#eef3ff}
.ob-all-btn.is-off{opacity:.4;pointer-events:none}
.ob-ship-foot .primary{border:0;border-radius:8px;background:#1f2d3d;color:#fff!important;font-weight:700;padding:8px 16px}
.ob-ship-foot .primary[disabled],.ob-ship-foot .primary.is-off{opacity:.4;pointer-events:none}
.fh-card .primary{color:#fff!important}
@media(max-width:820px){.ob-split{grid-template-columns:1fr}.ob-split-side{border-right:0;border-bottom:1px solid var(--line);max-height:220px;overflow:auto}}
.fh-card .ob-v2-order-h{grid-template-columns:minmax(0,1.3fr) 88px 88px 100px 90px minmax(120px,auto) 36px}
/* outbound expand detail A: narrow log + one-line items */
.ob-v2-order-b{display:none;background:#f8fbff}
.ob-v2-order.open .ob-v2-order-b{display:block}
.ob-v2-detail{display:flex!important;flex-direction:row!important;flex-wrap:nowrap!important;align-items:stretch;width:100%;min-height:0}
.ob-v2-detail-main{
flex:1 1 auto;
min-width:0;
padding:14px 16px 16px;
border-right:1px solid rgba(227,235,245,.95);
}
.ob-v2-detail-side{
flex:0 0 260px;width:260px;max-width:260px;
padding:14px 12px 16px;
background:#f1f6ff;
box-sizing:border-box;
}
.ob-v2-sec{
display:flex;justify-content:space-between;align-items:center;
margin-bottom:10px;gap:8px;
}
.ob-v2-sec h4{
margin:0;font-size:11px;font-weight:750;letter-spacing:.08em;
color:#64748b;text-transform:uppercase;
}
.ob-v2-sec .n{font:11px 'IBM Plex Mono';color:#9aa89a}
.ob-v2-tip{
margin:0 0 12px;padding:8px 11px;border-radius:9px;
background:rgba(23,105,255,.08);border:1px solid rgba(23,105,255,.12);
color:#243a68;font-size:12px;line-height:1.4;
}
.ob-v2-lines{display:flex;flex-direction:column;gap:6px}
.ob-v2-line-h,
.ob-v2-line{
display:grid !important;
grid-template-columns:112px minmax(120px,1fr) 70px 78px 86px !important;
gap:8px;
align-items:center;
width:100%;
}
.ob-v2-line-h{
padding:0 12px 6px;
color:#9aa89a;font-size:11px;font-weight:650;letter-spacing:.04em;
}
.ob-v2-line-h span:nth-child(3),
.ob-v2-line-h span:nth-child(5){text-align:center}
.ob-v2-line{
padding:9px 12px;
border:1px solid rgba(227,235,245,.95);
border-radius:10px;
background:linear-gradient(165deg,rgba(248,251,255,.95),#ffffff);
}
.ob-v2-line:hover{background:rgba(255,255,255,.045);border-color:rgba(207,220,234,1)}
.ob-v2-line .id{
font:600 12px/1.2 'IBM Plex Mono';color:var(--yellow);
white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
}
.ob-v2-line .nm{
font-weight:700;font-size:13.5px;color:var(--text);
white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0;
}
.ob-v2-line .qty{
font-weight:750;font-size:13px;text-align:center;color:var(--text);
font-variant-numeric:tabular-nums;
}
.ob-v2-line .shelf{
color:#7b8da5;font:12px 'IBM Plex Mono';text-align:left;
}
.ob-v2-line .st{display:flex;justify-content:flex-end}
.ob-v2-tl{position:relative;padding-left:14px}
.ob-v2-tl:before{
content:"";position:absolute;left:3px;top:6px;bottom:6px;width:1px;
background:linear-gradient(var(--yellow),rgba(227,235,245,.95));
}
.ob-v2-ev{position:relative;padding:0 0 12px}
.ob-v2-ev:last-child{padding-bottom:0}
.ob-v2-ev:before{
content:"";position:absolute;left:-13px;top:4px;width:8px;height:8px;border-radius:50%;
background:#fff;border:2px solid var(--yellow);
box-shadow:0 0 0 3px rgba(23,105,255,.1);
}
.ob-v2-ev .t{font:10px/1.3 'IBM Plex Mono';color:#9aa89a;margin-bottom:3px}
.ob-v2-ev .x{font-size:12px;color:#1f2d3d;line-height:1.4;word-break:break-word}
.ob-v2-empty-sm{padding:14px 2px;color:var(--muted);font-size:12px}
@media(max-width:900px){
.ob-v2-detail{flex-direction:column!important;flex-wrap:wrap!important}
.ob-v2-detail-main{border-right:0!important;border-bottom:1px solid rgba(227,235,245,.95)}
.ob-v2-detail-side, aside.ob-v2-detail-side{flex:none!important;width:100%!important;min-width:0!important;max-width:none!important}
}
@media(max-width:700px){
.ob-v2-line-h,.ob-v2-line{grid-template-columns:minmax(0,1fr) 56px 80px !important}
.ob-v2-line .id,.ob-v2-line-h span:nth-child(1),
.ob-v2-line .shelf,.ob-v2-line-h span:nth-child(4){display:none}
}
.ob-modal-split{width:min(960px,100%)!important}
.ob-split-pick{display:grid;grid-template-columns:220px minmax(0,1fr);min-height:360px;border:1px solid #e3ebf5;border-radius:12px;overflow:hidden;margin-top:12px;background:#fff}
.ob-sp-side{border-right:1px solid #e3ebf5;background:#f7fbff;overflow:auto}
.ob-sp-tabs{display:flex;gap:0;margin:10px 10px 4px;border:1px solid #e3ebf5;border-radius:10px;background:#fff;padding:3px}
.ob-sp-tabs button{flex:1;border:0;background:transparent;height:28px;border-radius:8px;font:750 12px Manrope,sans-serif;color:#8a9bb2;cursor:pointer}
.ob-sp-tabs button.on{background:#eef3ff;color:#1769ff}
.ob-sp-sec{padding:10px 0 6px;border-bottom:1px solid #eef3f8}
.ob-sp-sec h4{margin:0 12px 6px;font-size:11px;color:#8a9bb2;letter-spacing:.06em}
.ob-sp-item{width:100%;border:0;background:transparent;text-align:left;padding:8px 12px;cursor:pointer}
.ob-sp-item:hover{background:#eef4ff}
.ob-sp-item.on{background:#fff;box-shadow:inset 3px 0 #1769ff}
.ob-sp-item b{display:block;font-size:13px;color:#1f2d3d}
.ob-sp-item small{display:block;color:#8a9bb2;font-size:11px;margin-top:2px}
.ob-sp-main{display:flex;flex-direction:column;min-width:0;min-height:0;padding:10px 12px;overflow:auto}
.ob-sp-rh{margin:0 0 8px}
.ob-sp-rh b{display:block;font-size:15px}
.ob-sp-rh span{color:#8a9bb2;font-size:12px}
.ob-mat-h,.ob-mat-line{display:grid;grid-template-columns:18px minmax(0,1.2fr) 72px 72px 64px;gap:10px;align-items:center}
.ob-mat-h{padding:0 10px 6px;color:#8a9bb2;font:750 12px Manrope,sans-serif}
.ob-mat-line{padding:6px 10px;border:1px solid #e3ebf5;border-radius:8px;background:#fff;margin:0 0 6px;cursor:pointer}
.ob-mat-line:hover{border-color:#c9dbff}
.ob-mat-line:has(input:checked){border-color:#93c5fd;background:#f7faff}
.ob-mat-line b{font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ob-mat-line span{color:#5b6b80;font-size:12px;white-space:nowrap}
.ob-mat-line .ob-mat-qty{width:56px;height:28px;border:1px solid #d7e4ff;border-radius:6px;padding:0 6px;font:700 12px 'IBM Plex Mono'}
.ob-modal{
width:min(820px,100%)!important;
max-height:min(90vh,900px)!important;
height:auto!important;
overflow:hidden!important;
padding:0!important;
border-radius:14px!important;
display:flex!important;
flex-direction:column!important;
}
.ob-modal .obm-head{
display:flex;justify-content:space-between;gap:12px;align-items:flex-start;
padding:20px 22px 14px;
border-bottom:1px solid rgba(227,235,245,.85);
background:linear-gradient(180deg,#f8fbff,#f3f8ff);
flex:0 0 auto;
position:sticky;top:0;z-index:3;
}
.ob-modal .obm-head h2{margin:0;font-size:20px}
.ob-modal .obm-head p{margin:6px 0 0;color:var(--muted);font-size:13px;line-height:1.5}
.ob-modal .obm-kicker{color:var(--yellow);font:11px 'IBM Plex Mono';letter-spacing:.12em;margin-bottom:6px}
.ob-modal .obm-body{
padding:16px 22px;
flex:1 1 auto;
min-height:0;
overflow:auto;
-webkit-overflow-scrolling:touch;
}
.ob-modal .obm-foot{
display:flex;justify-content:space-between;align-items:center;gap:12px;
padding:12px 22px 16px;
border-top:1px solid rgba(227,235,245,.85);
background:#fff;
flex:0 0 auto;
position:sticky;bottom:0;z-index:3;
box-shadow:0 -8px 20px rgba(15,35,70,.04);
}
.ob-modal .obm-foot-actions{display:flex;justify-content:flex-end;gap:8px;flex:0 0 auto}
.ob-modal .obm-foot .ob-pick-sum{
margin:0;padding:8px 12px;border-radius:10px;background:#f0f7ff;border:1px solid #dbeafe;
color:#64748b;font-size:12.5px;flex:1 1 auto;min-width:0
}
.ob-modal .obm-foot .ob-pick-sum b{color:#1769ff;font-weight:800;font-size:14px}
/* hide body pick-sum if any leftover */
.ob-pick-wrap > .ob-pick-sum,#ob-theme-box > .ob-pick-sum{display:none}
.ob-modal .obm-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.ob-modal label{display:grid;gap:5px;color:var(--muted);font-size:12px}
.ob-modal label.full{grid-column:1/-1}
.ob-modal input,.ob-modal select,.ob-modal textarea{border:1px solid rgba(207,220,234,1);border-radius:9px;background:#f1f6ff;color:var(--text);padding:10px 11px}
.ob-modal .close{width:36px;height:36px;border-radius:10px;border:1px solid var(--line2);background:transparent;color:var(--muted);font-size:18px;cursor:pointer}
.ob-check-list{display:grid;gap:8px;max-height:240px;overflow:auto}
.ob-check{display:flex;gap:10px;align-items:flex-start;padding:10px 12px;border:1px solid rgba(227,235,245,1);border-radius:9px;background:#f8fbff;cursor:pointer}
.ob-check:has(input:checked){border-color:rgba(23,105,255,.25);background:rgba(23,105,255,.08)}
.ob-check.is-disabled{opacity:.55;cursor:not-allowed}
.ob-check input[type=checkbox]{margin-top:3px;accent-color:var(--yellow)}
@media(max-width:1200px){
.ob-v2-order-h{grid-template-columns:minmax(0,1fr) 96px 88px minmax(140px,auto) 36px}
.ob-v2-order-h .hide-m{display:none}
.req-v2-h{grid-template-columns:minmax(0,1fr) 96px 88px minmax(110px,auto) 36px}
}
@media(max-width:780px){
.ob-v2-order-h{grid-template-columns:minmax(0,1fr) minmax(120px,auto) 36px}
.ob-v2-order-h .ob-v2-money{display:none}
.ob-v2-order-h > div:has(.tag){display:none}
.req-v2-h{grid-template-columns:minmax(0,1fr) minmax(110px,auto) 36px}
.ob-modal .obm-grid{grid-template-columns:1fr}
}
/* outbound detail layout lock */
table.ob-v2-itable{
min-width:0!important;
width:100%!important;
max-width:100%!important;
border-collapse:separate!important;
border-spacing:0 6px!important;
table-layout:fixed!important;
background:transparent!important;
}
table.ob-v2-itable th,
table.ob-v2-itable td{
position:static!important;
background:transparent!important;
vertical-align:middle!important;
font-size:inherit;
}
.ob-v2-detail-main{min-width:0!important;overflow:hidden}
.ob-v2-order-b{overflow:hidden}
.ob-v2-detail{min-width:0}
aside.ob-v2-detail-side,
.ob-v2-detail-side{
display:block!important;
flex:0 0 260px!important;
width:260px!important;
min-width:260px!important;
max-width:260px!important;
}
/* outbound detail final layout (A) */
.ob-v2-detail-side .ob-v2-sec{margin-bottom:12px}
.ob-v2-detail-side .ob-v2-ev .x{font-size:12px;line-height:1.45;color:#1f2d3d}
.ob-v2-order.open .ob-v2-order-b .ob-v2-detail{
display:block!important;
position:relative!important;
width:100%!important;
min-height:160px;
padding-right:280px!important;
box-sizing:border-box!important;
background:#f8fbff!important;
}
.ob-v2-order.open .ob-v2-order-b .ob-v2-detail-main{
display:block!important;
width:100%!important;
max-width:100%!important;
border-right:0!important;
padding:14px 16px 16px!important;
box-sizing:border-box!important;
background:#f8fbff!important;
}
.ob-v2-order.open .ob-v2-order-b .ob-v2-detail-side,
.ob-v2-order.open .ob-v2-order-b aside.ob-v2-detail-side{
display:block!important;
position:absolute!important;
top:0!important;
right:0!important;
bottom:0!important;
width:260px!important;
min-width:260px!important;
max-width:260px!important;
flex:none!important;
margin:0!important;
border-left:1px solid #e3ebf5!important;
background:#f1f6ff!important;
padding:14px 12px 16px!important;
box-sizing:border-box!important;
overflow:auto!important;
}
@media(max-width:900px){
.ob-v2-order.open .ob-v2-order-b .ob-v2-detail{padding-right:0!important}
.ob-v2-order.open .ob-v2-order-b .ob-v2-detail-side,
.ob-v2-order.open .ob-v2-order-b aside.ob-v2-detail-side{
position:static!important;width:100%!important;min-width:0!important;max-width:none!important;
border-left:0!important;border-top:1px solid rgba(227,235,245,.95)!important;
}
}
/* === inventory v2 unify with outbound/production === */
.inv-v2-search{display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.po-v2-ctrl .inv-v2-search{margin-left:auto;flex:1 1 200px;min-width:180px;max-width:280px;justify-content:flex-end}
.po-v2-ctrl .inv-v2-search input{width:100%;min-width:0}
.inv-v2-search input,.inv-v2-search select{
border:1px solid rgba(207,220,234,1);border-radius:9px;background:#f1f6ff;
color:var(--text);padding:8px 11px;font:13px Manrope;min-width:160px
}
.inv-v2-list{display:grid;gap:8px}
.inv-v2-row{
display:grid;gap:12px;align-items:center;
padding:14px 16px;border-radius:12px;cursor:pointer;
border:1px solid rgba(227,235,245,.95);
background:linear-gradient(160deg,rgba(248,251,255,.95),#ffffff);
box-shadow:0 10px 24px rgba(69,93,128,.04);
transition:border-color .15s, background .15s
}
.inv-v2-row:hover{border-color:rgba(23,105,255,.16);background:rgba(248,251,255,.9)}
.inv-v2-row.is-low{border-color:rgba(238,107,84,.28)}
.inv-v2-row.mat{grid-template-columns:minmax(0,1.35fr) 88px 72px 72px 72px 100px 100px 90px}
.inv-v2-row.thm{grid-template-columns:minmax(0,1.35fr) 88px 70px 70px 70px 110px 90px}
.inv-v2-name{font-weight:750;font-size:15px;letter-spacing:-.02em}
.inv-v2-code{display:block;margin-top:3px;color:#8a9bb2;font:11px 'IBM Plex Mono'}
.inv-v2-sub{color:#7b8da5;font-size:12px}
.inv-v2-num{font-weight:750;font-variant-numeric:tabular-nums}
.inv-v2-money{font:600 13px 'IBM Plex Mono';color:var(--yellow)}
.inv-v2-empty{padding:40px;text-align:center;color:var(--muted);font-size:13px;border:1px dashed rgba(227,235,245,1);border-radius:12px}
@media(max-width:1200px){
.inv-v2-row.mat{grid-template-columns:minmax(0,1fr) 80px 70px 90px}
.inv-v2-row.thm{grid-template-columns:minmax(0,1fr) 80px 90px 90px}
.inv-v2-row .hide-m{display:none}
}
@media(max-width:780px){
.inv-v2-row.mat,.inv-v2-row.thm{grid-template-columns:minmax(0,1fr) auto}
}
/* === xuqiu light A + sidebar icons LOCK === */
/* app grid force */
.app{
display:grid!important;
grid-template-columns:var(--side-w,188px) minmax(0,1fr)!important;
height:100vh!important;
margin:0!important;
border-radius:0!important;
overflow:hidden!important;
background:rgba(255,255,255,.88)!important;
box-shadow:none!important;
border:0!important;
min-width:0!important;
}
.sidebar{width:auto!important;min-width:0!important;max-width:none!important;overflow:auto!important}
html,body{background:linear-gradient(135deg,#edf6ff 0%,#f9fbff 48%,#f2f6fb 100%)!important;color:var(--text)!important}
body > #root, #root{min-height:100vh}
.sidebar{
background:linear-gradient(180deg,#f7fbff 0%,#eef6ff 100%)!important;
border-right:1px solid rgba(214,226,242,.88)!important;
color:var(--text)!important;padding:0!important;gap:0!important;
position:relative!important;height:auto!important;min-height:100%;
display:flex!important;flex-direction:column!important;
}
.brand{
height:72px!important;display:flex!important;align-items:center!important;gap:12px!important;
padding:0 18px!important;border-bottom:1px solid rgba(214,226,242,.88)!important;
font-size:16px!important;font-weight:800!important;letter-spacing:0!important;color:#1f2d3d!important;
}
.brand-mark{
width:34px;height:34px;border-radius:10px;flex:0 0 34px;display:grid;place-items:center;
color:#fff;font-weight:900;font-size:14px;
background:linear-gradient(135deg,#1769ff,#6f8ee8);box-shadow:0 8px 16px rgba(23,105,255,.22)
}
.brand small,.brand .brand-sub{display:block!important;margin-top:3px!important;color:#8b9db3!important;font:11px Manrope,system-ui,sans-serif!important;letter-spacing:0!important;font-weight:600!important}
.brand-text{display:grid;gap:0;min-width:0}
.brand-text b{font-size:16px;color:#1f2d3d;font-weight:800}
.nav{padding:14px 0!important;flex:1!important;display:block!important;gap:0!important}
.nav button{
width:100%!important;height:48px!important;padding:0 16px 0 18px!important;
border:0!important;border-left:3px solid transparent!important;border-radius:0!important;
background:transparent!important;color:#5f728a!important;
display:flex!important;align-items:center!important;justify-content:flex-start!important;gap:10px!important;
text-align:left!important;font:700 14px Manrope,system-ui,sans-serif!important
}
.nav>button:hover{background:#f5f8fc!important;color:#2b3b56!important}
.nav-group>.nav-parent:hover{background:#f5f8fc!important;color:#243a68!important;border-left-color:transparent!important}
.nav button.active{
background:rgba(111,142,232,.16)!important;border-left-color:var(--brand)!important;color:#243a68!important
}
.nav .nav-ico{
width:18px;height:18px;flex:0 0 18px;display:grid;place-items:center;opacity:.9
}
.nav .nav-ico svg{width:18px;height:18px;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.nav .count,.nav .nav-count{
margin-left:auto!important;min-width:20px;height:20px;padding:0 6px;border-radius:10px;
background:#eaf1ff!important;color:#1769ff!important;font-size:11px!important;font-weight:800!important;
line-height:20px;text-align:center;border:0!important
}
.nav button.active .count,.nav button.active .nav-count{background:#1769ff!important;color:#fff!important}
.nav-group{display:block}
.nav-parent-row{display:flex;align-items:center}
.nav-parent-row .nav-parent{flex:1;min-width:0}
.nav .nav-chev{
flex:0 0 36px!important;width:36px!important;height:36px!important;min-height:36px!important;
margin:0 8px 0 0!important;padding:0!important;border:0!important;border-left:0!important;
background:transparent!important;color:#9aabc0!important;font-size:11px!important;
display:grid!important;place-items:center!important;transform:rotate(-90deg);transition:transform .16s ease
}
.nav-group.open .nav-chev{transform:rotate(0)}
.nav-sub{display:none;gap:2px;padding:2px 12px 8px 34px}
.nav-group.open .nav-sub{display:grid}
.nav .nav-sub button,
.nav .nav-sub button:hover,
.nav .nav-sub button:focus,
.nav .nav-sub button:focus-visible,
.nav .nav-sub button.active{
outline:0!important;box-shadow:none!important;border:0!important;border-left:0!important;
height:36px!important;min-height:36px!important;padding:0 12px!important;border-radius:10px!important;
font:650 13px Manrope,system-ui,sans-serif!important;background:transparent!important;color:#7b8da5!important;
transition:background .16s ease,color .16s ease
}
.nav .nav-sub .nav-ico{width:15px;height:15px;flex:0 0 15px}
.nav .nav-sub .nav-ico svg{width:15px;height:15px}
.nav .nav-sub button:hover,
.nav .nav-sub button:focus,
.nav .nav-sub button:focus-visible{color:#243a68!important;background:#f5f8fc!important;border-left:0!important}
.nav .nav-sub button.active{color:#243a68!important;background:#eef3ff!important}
.side-foot,.side-user{
padding:14px 16px!important;border-top:1px solid rgba(214,226,242,.88)!important;
color:#7b8da5!important;font-size:12px!important;line-height:1.5!important;margin-top:auto!important
}
.side-foot strong,.side-user b{color:#33445c!important}
.side-user{display:flex!important;align-items:center!important;gap:10px!important}
.side-user .avatar,.avatar{
width:30px!important;height:30px!important;border-radius:50%!important;
background:#4f6ef6!important;color:#fff!important;display:grid!important;place-items:center!important;
font-size:11px!important;font-weight:800!important
}
.main{
background:linear-gradient(180deg,rgba(249,251,255,.78),rgba(241,246,252,.78))!important;
padding:0!important;min-width:0!important;overflow:auto!important;
display:flex!important;flex-direction:column!important;
}
.main-body{flex:1 1 auto;min-width:0;padding:16px 24px 28px;box-sizing:border-box}
.topbar{
flex:0 0 auto!important;width:100%!important;box-sizing:border-box!important;
min-height:72px!important;height:auto!important;padding:14px 24px!important;margin:0!important;
background:rgba(255,255,255,.92)!important;backdrop-filter:blur(18px);
border-bottom:1px solid var(--line)!important;
display:flex!important;justify-content:space-between!important;align-items:center!important;gap:16px!important;
position:sticky;top:0;z-index:5
}
.topbar > div:first-child{display:flex!important;flex-direction:column!important;align-items:flex-start!important;gap:4px!important;min-width:0}
.topbar .crumb{color:var(--muted)!important;font:11px Manrope,system-ui!important;letter-spacing:.04em!important;margin-bottom:4px!important}
.topbar .headline, .headline{margin:0!important;font-size:22px!important;font-weight:750!important;color:#1f2d3d!important;letter-spacing:-.02em!important}
.top-summary,.top-actions{color:var(--muted)!important}
.top-summary b,.top-summary .amber{color:var(--brand-strong)!important}
.top-summary .red, .top-summary b.red{color:var(--red)!important}
/* buttons */
button.primary, .primary, .btn.primary{
background:var(--brand-strong)!important;border:1px solid var(--brand-strong)!important;color:#fff!important;
box-shadow:0 8px 16px rgba(23,105,255,.16)!important;border-radius:8px!important;font-weight:700!important
}
button.primary:hover, .primary:hover{background:var(--brand-hover)!important}
button.ghost, .ghost, .btn.ghost, .mini.ghost{
background:#fff!important;border:1px solid var(--line)!important;color:var(--text)!important;border-radius:8px!important
}
button.ghost:hover, .ghost:hover{background:#f5f8ff!important;border-color:#b9c5d8!important}
/* panels / cards / metrics */
.panel,.section-head,.metrics,.metric, .table-wrap, .toolbar{
background:transparent
}
.panel{
background:rgba(255,255,255,.94)!important;border:1px solid rgba(225,234,246,.96)!important;
border-radius:8px!important;box-shadow:0 8px 24px rgba(69,93,128,.055)!important;color:var(--text)!important
}
.metrics{background:transparent!important;border:0!important;gap:12px!important;margin-bottom:16px!important}
.metric,.metrics > *{
background:rgba(255,255,255,.95)!important;border:1px solid rgba(225,234,246,.96)!important;
border-radius:8px!important;box-shadow:0 8px 24px rgba(69,93,128,.045)!important;color:var(--text)!important
}
.page-intro, .sub, .muted{color:var(--muted)!important}
.section-head h2{color:#1f2d3d!important}
/* tables light */
table{background:transparent!important;min-width:0!important}
th{
background:#f8fbff!important;color:var(--muted)!important;border-bottom:1px solid var(--line)!important;
position:static!important
}
td{
background:#fff!important;color:var(--text)!important;border-bottom:1px solid var(--line)!important
}
tr:hover td{background:#f5f8ff!important}
.table-wrap{border:1px solid var(--line)!important;border-radius:8px!important;background:#fff!important;overflow:auto}
/* tags */
.tag{
background:#fff!important;border:1px solid #dfe5ee!important;color:#64748b!important;
border-radius:7px!important;font-weight:700!important
}
.tag.ok,.tag.success{background:#eaf8f2!important;border-color:#c7ebdb!important;color:#2f9b72!important}
.tag.warn,.tag.warning{background:#fff7e7!important;border-color:#f1ddb6!important;color:#c98621!important}
.tag.hot,.tag.danger,.tag.err{background:#fff0f0!important;border-color:#f5d2cf!important;color:#e35b5b!important}
.tag.info{background:#eef3ff!important;border-color:#c9dbff!important;color:#1769ff!important}
/* filters / po-v2 / ob-v2 / inv-v2 */
.po-v2-top,.po-v2-ctrl,.ob-v2-top{color:var(--text)}
.po-v2-meta, .po-v2-meta span{color:var(--muted)!important}
.po-v2-meta b{color:#1f2d3d!important}
.po-v2-meta .r, .po-v2-meta .r b{color:var(--red)!important}
.po-v2-meta .y, .po-v2-money, .ob-v2-money, .inv-v2-money, .money{
color:var(--brand-strong)!important;font-weight:800!important
}
.po-v2-filters button, .ob-v2-filters button, .filters button{
color:var(--muted)!important;background:transparent!important;border:1px solid transparent!important;border-radius:999px!important
}
.po-v2-filters button.on, .ob-v2-filters button.on, .filters button.on, .view-toggle button.active{
background:var(--brand-soft)!important;color:var(--brand-strong)!important;border-color:#c9dbff!important
}
.po-v2-order, .ob-v2-order, .inv-v2-row, .order{
background:#fff!important;border:1px solid rgba(225,234,246,.96)!important;
box-shadow:0 8px 24px rgba(69,93,128,.055)!important;color:var(--text)!important
}
.po-v2-order.open, .ob-v2-order.open, .inv-v2-row:hover, .inv-v2-row.is-low{
border-color:#b3c4f5!important;box-shadow:0 12px 28px rgba(23,105,255,.08)!important
}
.inv-v2-row.is-low{border-color:#f5d2cf!important}
.po-v2-order-h, .ob-v2-order-h, .inv-v2-row{
background:linear-gradient(180deg,#fff,#fbfefe)!important
}
.po-v2-order.open .po-v2-order-h, .ob-v2-order.open .ob-v2-order-h{
border-bottom:1px solid var(--line)!important;background:#f8fbff!important
}
.po-v2-name, .ob-v2-name, .inv-v2-name, .ob-v2-name{color:#1f2d3d!important}
.po-v2-code, .ob-v2-code, .inv-v2-code, .ob-v2-code{color:var(--muted)!important}
.po-v2-sub, .ob-v2-sub, .inv-v2-sub{color:var(--muted)!important}
.po-v2-chev, .ob-v2-chev{
border-color:#c9dbff!important;color:var(--brand-strong)!important;background:#fff!important
}
.due-hot, .ob-left-late, .left-late, .accent{color:var(--red)!important}
/* outbound detail light */
.ob-v2-order-b, .ob-v2-detail, .ob-v2-detail-main{
background:#f8fbff!important
}
.ob-v2-detail-side, aside.ob-v2-detail-side{
background:#f1f6ff!important;border-left:1px solid var(--line)!important;color:var(--text)!important
}
.ob-v2-sec h4{color:var(--muted)!important}
.ob-v2-tip{
background:var(--brand-soft)!important;border-color:#c9dbff!important;color:#243a68!important
}
.ob-v2-line, .ob-v2-itable td, table.ob-v2-itable td{
background:#fff!important;border-color:var(--line)!important;color:var(--text)!important
}
.ob-v2-line-h, table.ob-v2-itable th{color:var(--muted)!important;background:transparent!important}
.ob-v2-line .id, .ob-c-id, table.ob-v2-itable td:first-child{color:var(--brand-strong)!important}
.ob-v2-ev .t{color:var(--muted)!important}
.ob-v2-ev .x{color:var(--text)!important}
.ob-v2-tl:before{background:linear-gradient(var(--brand-strong),var(--line))!important}
.ob-v2-ev:before{background:#fff!important;border-color:var(--brand-strong)!important;box-shadow:0 0 0 3px var(--brand-soft)!important}
/* inventory search */
.inv-v2-search input, .inv-v2-search select,
input, select, textarea{
background:#fff!important;border:1px solid var(--line)!important;color:var(--text)!important;border-radius:8px!important
}
input:focus, select:focus, textarea:focus{
border-color:var(--brand)!important;box-shadow:0 0 0 3px rgba(111,142,232,.15)!important;outline:none!important
}
/* modal light */
.modal-backdrop{background:rgba(31,45,61,.35)!important}
.modal, .ob-modal, .production-modal{
background:#fff!important;color:var(--text)!important;border:1px solid var(--line)!important;
box-shadow:0 24px 60px rgba(31,45,61,.18)!important
}
.modal-head, .obm-head, .pom-head{border-bottom:1px solid var(--line)!important;background:linear-gradient(180deg,#fff,#f8fbff)!important}
.modal h2, .obm-head h2, .pom-head h2{color:#1f2d3d!important}
.obm-kicker, .pom-kicker{color:var(--brand-strong)!important}
.close, .pom-close{border-color:var(--line)!important;color:var(--muted)!important;background:#fff!important}
html body .toast,html body #cfg-quiet-toast.toast{
position:fixed!important;left:50%!important;right:auto!important;bottom:auto!important;top:22px!important;
transform:translateX(-50%)!important;z-index:5000!important;
display:flex!important;align-items:center!important;gap:8px!important;
width:max-content!important;max-width:min(560px,calc(100vw - 32px))!important;
margin:0!important;padding:10px 16px 10px 12px!important;
background:#eef3ff!important;color:#1f2d3d!important;
border:1px solid #c9dbff!important;border-radius:10px!important;
box-shadow:0 10px 28px rgba(69,93,128,.12)!important;
font:650 13px Manrope,sans-serif!important;line-height:1.4!important;
pointer-events:none!important
}
html body .toast::before,html body #cfg-quiet-toast.toast::before{
content:"!"!important;flex:0 0 18px!important;width:18px!important;height:18px!important;
border-radius:50%!important;display:grid!important;place-items:center!important;
background:#1769ff!important;color:#fff!important;font:800 11px Manrope,sans-serif!important
}
html body #cfg-quiet-toast.toast,html body #ib-toast.toast{opacity:0!important;transition:opacity .2s ease!important}
html body #cfg-quiet-toast.toast.on,html body #ib-toast.toast.on{opacity:1!important}
html body .toast:empty{display:none!important}
/* production leftover dark panels */
.work-card, .detail-box, .board, .card, .flow-pending, .clickable-task, .batch-theme-list,
.selected-theme-summary, .evidence-modal, .theme-drawer, .drawer-mode{
/* soften if present */
}
[class*="panel"], .panel h3{color:inherit}
/* links / ghost buttons in tables */
td .ghost, td button.ghost{background:transparent!important;border-color:transparent!important;color:var(--brand-strong)!important}
td .ghost:hover{background:var(--brand-soft)!important}
/* fix app media that collapses side */
@media(max-width:900px){
.app{margin:0!important;border-radius:0!important;height:100vh!important;grid-template-columns:1fr!important}
.sidebar{display:none!important}
}
/* kill pure black text on yellow leftovers */
.primary{color:#fff!important}
/* inventory empty */
.inv-v2-empty, .po-v2-empty, .ob-v2-empty-sm{color:var(--muted)!important;border-color:var(--line)!important;background:#fff!important}
.main-body .po-v2-top,.main-body .po-v2-ctrl,.main-body .po-v2-list,
.main-body .ob-v2-list,.main-body .inv-v2-list,.main-body .panel,
.main-body .metrics,.main-body .section-head{width:100%;max-width:100%;box-sizing:border-box}
.po-v2-order,.ob-v2-order,.inv-v2-row{width:100%;box-sizing:border-box}
/* legacy dashboard / list pages light force */
.work-card,.detail-box,.board,.alert,.screen,.flow-card,.stat-card,
.dash-card,.kpi,.list-card,.empty, .card-block, .block,
.panel, section.panel, .table-wrap, .toolbar{
background:#fff!important;color:var(--text)!important;border-color:var(--line)!important
}
.work-card small, .detail-box h4, .panel h3, .panel h2{color:#1f2d3d!important}
/* any leftover dark greens */
[style*="background:#1"],[style*="background: #1"],
[style*="background:#2"],[style*="background: #2"]{/* can't kill inline easily */}
/* force common dark class backgrounds */
.bg-dark, .dark-panel{background:#fff!important}
/* progress / boards */
.order-progress, .duration-progress, .timeline-track, .dashboard-stages{
background:#f8fbff!important;border-color:var(--line)!important;color:var(--text)!important
}
/* production cards */
.po-v2-order-b, .po-v2-board, .po-v2-theme-row{
background:#f8fbff!important;color:var(--text)!important;border-color:var(--line)!important
}
.po-v2-theme-row:hover{background:#f0f5ff!important}
/* ensure list full width */
.main-body .ob-v2-list, .main-body .po-v2-list, .main-body .inv-v2-list{display:grid;width:100%}
.ob-v2-order, .po-v2-order, .inv-v2-row{max-width:100%}
/* side-foot button */
.side-foot .ghost{width:100%;justify-content:center}
/* count badge on nav */
.nav button{position:relative}
/* ensure yellow token usages that meant gold now brand-blue are ok */
.role{color:var(--muted)!important}
/* layout hard fix */
html body .app{
display:grid!important;
grid-template-columns:188px minmax(0,1fr)!important;
grid-template-rows:1fr!important;
align-items:stretch!important;
height:100vh!important;
margin:0!important;
border-radius:0!important;
box-shadow:none!important;
border:0!important;
}
html body .app > .sidebar{
grid-column:1!important;grid-row:1!important;
width:188px!important;max-width:188px!important;min-width:188px!important;
position:relative!important;left:auto!important;right:auto!important;
z-index:8!important;pointer-events:auto!important;
}
/* Desktop navigation: soft inset selection, preserve mobile and route behavior. */
@media(min-width:901px){
html body .app>.sidebar{background:linear-gradient(180deg,#f1f5fd 0%,#edf5fd 38%,#dfedfa 72%,#cfe4f7 100%)!important;border-right:1px solid #dde7f3!important;box-shadow:inset -1px 0 0 #ffffffa6}
.app>.sidebar>.brand{height:76px!important;padding:0 19px!important;border-bottom:1px solid #e1e9f380!important;gap:11px!important}
.app>.sidebar .brand-mark{border-radius:10px;background:linear-gradient(140deg,#4779ff,#658ae9);box-shadow:0 4px 10px #4679ea25,inset 0 1px 0 #ffffff66}
.app>.sidebar .brand-text b{font-size:15px;letter-spacing:.3px}.app>.sidebar .brand small{font-size:10px!important;color:#8598b3!important}
.app>.sidebar>.nav{padding:14px 10px!important}
.app>.sidebar>.nav>button,.app>.sidebar .nav-parent{height:46px!important;min-height:46px!important;margin:0 0 5px;padding:0 12px!important;border:1px solid transparent!important;border-radius:9px!important;font-weight:550!important;font-size:13px!important;color:#677b94!important;gap:11px!important}
.app>.sidebar>.nav>button:hover,.app>.sidebar .nav-parent:hover{background:#e9f0fb!important;border-color:#e2eaf7!important;color:#385f9d!important}
.app>.sidebar>.nav>button.active,.app>.sidebar .nav-parent.active{background:linear-gradient(110deg,#dbe8ff,#e8efff)!important;border:1px solid #cddff8!important;color:#315dac!important;font-weight:650!important;box-shadow:0 3px 9px #4679bd09,inset 0 1px 0 #ffffffb3}
.app>.sidebar .nav-ico{width:18px;height:18px;opacity:.85}.app>.sidebar .nav-ico svg{stroke-width:1.65}.app>.sidebar .active .nav-ico{opacity:1}
.app>.sidebar .nav button.active .count,.app>.sidebar .nav button.active .nav-count{background:#fff!important;color:#426cc8!important;font-weight:650!important;box-shadow:0 1px 4px #466ac012}
.app>.sidebar>.side-user{margin:0 10px 12px!important;margin-top:auto!important;padding:12px 8px!important;border-top:1px solid #dce7f1!important;gap:8px!important;background:transparent;font-size:11px!important}
.app>.sidebar .side-user .avatar{width:29px!important;min-width:29px;height:29px!important;background:linear-gradient(140deg,#7197ed,#4e74d3)!important;box-shadow:0 3px 8px #4d75c419}
.app>.sidebar .side-user b{font-size:11px;font-weight:600}.app>.sidebar .auth-out{white-space:nowrap;font-size:11px}
.app>.sidebar .nav button:focus-visible{outline:2px solid #82a4ed!important;outline-offset:2px}
}
.nav,.nav button{pointer-events:auto!important;position:relative;z-index:1}
.nav button{min-height:52px!important}
html body .app > .main{
grid-column:2!important;grid-row:1!important;
display:flex!important;flex-direction:column!important;flex-wrap:nowrap!important;
width:auto!important;max-width:none!important;min-width:0!important;
margin:0!important;padding:0!important;
align-items:stretch!important;justify-content:flex-start!important;
}
html body .app > .main > .topbar{
display:none!important;height:0!important;min-height:0!important;padding:0!important;margin:0!important;border:0!important;overflow:hidden!important
}
html body .app > .main > .main-body{
position:relative!important;left:auto!important;right:auto!important;
width:100%!important;max-width:100%!important;
align-self:stretch!important;flex:1 1 auto!important;
margin:0!important;padding:16px 24px 28px!important;
box-sizing:border-box!important;
display:block!important;
}
html body .main-body > *{max-width:100%!important;box-sizing:border-box!important}
@media(max-width:900px){
html body .app{grid-template-columns:1fr!important}
html body .app > .sidebar{display:none!important}
html body .app > .main{grid-column:1!important}
}
/* drawer-mode + evidence + pom forced light */
.drawer-mode,
.drawer-mode *{color:#1f2d3d}
.drawer-mode{
background:#f5f8fc!important;
}
.drawer-mode .ev-split,
.drawer-mode .ev-col,
.drawer-mode .flow5,
.drawer-mode .n,
.drawer-mode .n-top,
.drawer-mode .n-days,
.evidence-modal,
.evidence-modal .modal,
.evidence-modal .card,
.evidence-modal .timeline-item,
.evidence-modal .evidence-grid > *,
.pom-head, .pom-body, .pom-foot,
.production-modal .pom-theme-card,
.production-modal .pom-row,
.batch-theme-list .item,
.batch-material-row{
background:#fff!important;
color:#1f2d3d!important;
border-color:#e3ebf5!important;
}
.drawer-mode .n.cur,
.drawer-mode .n.current,
.progress-step.current,
.flow5 .n.cur{
background:#eef3ff!important;
border-color:#c9dbff!important;
color:#1769ff!important;
}
.drawer-mode .n-days{
background:#f0f5ff!important;
color:#5f728a!important;
}
.evidence-modal h2,
.drawer-mode h2,
.pom-head h2{color:#1f2d3d!important}
.evidence-modal .sub,
.drawer-mode .sub,
.pom-head .sub,
.pom-kicker{color:#8a9bb2!important}
/* config pages */
.theme-config-row,
.group-order-title{
background:#fff!important;
border-color:#e3ebf5!important;
color:#1f2d3d!important;
}
/* workbench dashboard light */
.workbench-column,
.workbench-grid .workbench-column{
background:#fff!important;
border:1px solid #e3ebf5!important;
box-shadow:0 10px 28px rgba(69,93,128,.06)!important;
color:#1f2d3d!important;
}
.workbench-section-head h2{color:#1f2d3d!important}
.workbench-section-head .sub{color:#8a9bb2!important}
.dashboard-production-record,
.dashboard-outbound-record,
.dashboard-priority-list article{
border-color:#e3ebf5!important;
background:transparent!important;
color:#1f2d3d!important;
cursor:pointer
}
.dashboard-priority-list article:hover{background:#f7fbff!important}
.dashboard-record-head b{color:#1f2d3d!important}
.dashboard-record-head small,
.dashboard-priority-list article p,
.dashboard-stage small{color:#8a9bb2!important}
.dashboard-stage-line{background:#d7e2ef!important}
.dashboard-stage.done .dashboard-stage-line{background:#2f9b72!important}
.dashboard-stage.current .dashboard-stage-line{background:#1769ff!important;box-shadow:0 0 0 2px rgba(23,105,255,.12)!important}
.dashboard-stage.done small{color:#2f9b72!important}
.dashboard-stage.current small{color:#1769ff!important}
.dashboard-filter{
background:#fff!important;border:1px solid #e3ebf5!important;color:#8a9bb2!important
}
.dashboard-filter.active,.dashboard-filter:hover{
background:#eef3ff!important;border-color:#c9dbff!important;color:#1769ff!important
}
.alert{
display:flex!important;justify-content:space-between;align-items:center;gap:12px;
background:#fff9ef!important;border:1px solid #f1ddb6!important;border-radius:10px!important;
padding:12px 14px!important;margin:0 0 14px
}
.alert strong{color:#c98621!important}
.alert span{color:#8a6a20!important;display:block;margin-top:3px;font-size:13px}
.alert-acts{display:flex;gap:8px;flex-shrink:0}
.alert-acts button{height:32px;padding:0 12px;border-radius:8px;font-weight:800;font-size:12px}
.alert-acts .ghost{background:#fff!important;border:1px solid #e8d4a0!important;color:#8a6a20!important}
.alert-acts .primary{background:#c98621!important;border:1px solid #c98621!important;color:#fff!important}
.alert-acts button[disabled]{opacity:.38;cursor:not-allowed}
.wb-alerts{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:0 0 14px}
.wb-alerts .alert{margin:0}
.wb-alert-on{background:#f4f8ff!important;border-color:#c9dbff!important}
.wb-alert-on strong{color:#1769ff!important}
.wb-alert-on span{color:#4a6280!important}
.wb-alert-on .alert-acts .primary{background:#1769ff!important;border-color:#1769ff!important;color:#fff!important}
.wb-alert-on .alert-acts .primary[disabled]{opacity:.38}
@media(max-width:720px){.wb-alerts{grid-template-columns:1fr}}
.wb-ops{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:0 0 14px}
.wb-ops-card .workbench-section-head{margin-bottom:10px}
.wb-ops-btns{display:grid;gap:8px}
.wb-act{display:block;width:100%;text-align:left;background:#fff;border:1px solid #e3ebf5;border-radius:10px;padding:11px 12px;box-shadow:0 6px 16px rgba(69,93,128,.04)}
.wb-act:hover{border-color:#c9dbff;background:#f8fbff;box-shadow:0 8px 18px rgba(23,105,255,.08)}
.wb-act b{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:650;color:#1f2d3d;letter-spacing:-.02em}
.wb-act span{display:block;margin-top:4px;color:#8a9bb2;font-size:12px;line-height:1.4;font-weight:500}
.wb-act .wb-act-tip{flex:0 0 auto;margin:0;font-size:12px;font-weight:650;font-style:normal;color:#c98621}
.wb-act .wb-act-tip.is-hot{color:#e35b5b}
.wb-pri-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.wb-pri-group{min-width:0}
.wb-pri-gh{display:flex;align-items:baseline;gap:8px;margin:0 0 8px;padding:0 2px}
.wb-pri-gh b{font-size:13px;font-weight:650;color:#1769ff;letter-spacing:.02em}
.wb-pri-gh span{font-size:12px;color:#8a9bb2}
.wb-pri-rows{display:grid;gap:8px}
.wb-pri-item{display:flex;align-items:center;gap:12px;padding:12px 14px;border:1px solid #e3ebf5;border-radius:10px;background:#fff;box-shadow:0 6px 16px rgba(69,93,128,.04);cursor:pointer}
.wb-pri-item:hover{border-color:#c9dbff;background:#f8fbff;box-shadow:0 8px 18px rgba(23,105,255,.08)}
.wb-pri-board{flex:0 0 44px;margin:0;text-align:center;font:650 13px Manrope,sans-serif;font-style:normal;letter-spacing:.04em;color:#1769ff}
.wb-pri-main{min-width:0;flex:1}
.wb-pri-title{display:flex;align-items:center;gap:8px;min-width:0}
.wb-pri-title b{min-width:0;font-size:13px;font-weight:600;color:#1f2d3d;letter-spacing:-.02em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.wb-pri-st{flex:0 0 auto;font-style:normal;font-size:12px;font-weight:650;color:#c98621;background:none;border:0;padding:0}
.wb-pri-st.is-hot{color:#e35b5b;background:#fff0f0;border:0;border-radius:6px;padding:2px 7px}
.wb-pri-main p{margin:5px 0 0;color:#8a9bb2;font-size:12px;line-height:1.4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.wb-pri-go{flex:0 0 auto;color:#1769ff;font-size:12px;font-weight:650;white-space:nowrap}
@media(max-width:1100px){.wb-ops,.wb-pri-list{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:720px){.wb-ops,.wb-pri-list{grid-template-columns:1fr}}
html.auth-on,html.auth-on body{background:#000814;overflow:hidden}
.auth-screen{position:relative;min-height:100dvh;color:#fff;background:#000814}
.auth-screen canvas{position:fixed;inset:0;width:100%;height:100%;display:block}
.auth-vignette{position:fixed;inset:0;z-index:1;pointer-events:none;background:radial-gradient(80% 70% at 38% 42%,transparent 0%,rgba(0,6,16,.18) 58%,rgba(0,3,10,.72) 100%)}
.auth-lamp{position:fixed;inset:0;z-index:2;pointer-events:none;background:radial-gradient(46px 46px at var(--x,30%) var(--y,36%),rgba(210,236,255,.16),transparent 70%)}
.auth-page{position:relative;z-index:5;min-height:100dvh;display:flex;align-items:center;justify-content:space-between;padding:0 8vw 0 7vw}
.auth-hero{width:58%}
.auth-line{display:flex;align-items:center;gap:18px}
.auth-art{margin:0;font-family:"ZCOOL XiaoWei","PingFang SC",serif;font-size:clamp(52px,7vw,104px);line-height:1;letter-spacing:.22em;font-weight:400;white-space:nowrap;background:linear-gradient(180deg,#fff 8%,#f4fbff 42%,#cfe6ff 78%,#9ec4ff 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 1px 0 rgba(255,255,255,.35)) drop-shadow(0 10px 18px rgba(80,150,220,.18))}
.auth-bar{height:4px;border-radius:2px;background:linear-gradient(90deg,#fff,#d7ecff 70%,transparent);box-shadow:0 0 10px rgba(190,230,255,.7)}
.auth-bar.s{width:78px}.auth-bar.l{width:132px}
.auth-sub{margin:16px 0 18px 98px;color:#8aa0b8;font-size:13px;line-height:1.7;letter-spacing:.12em}
.auth-side{width:min(400px,34vw);flex:none}
.auth-card{padding:32px 28px 26px;border-radius:22px;background:linear-gradient(180deg,rgba(255,255,255,.16),rgba(255,255,255,.06));border:1px solid rgba(255,255,255,.22);box-shadow:0 18px 50px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.28);backdrop-filter:blur(22px) saturate(1.35)}
.auth-card h2{margin:0 0 22px;font-size:18px;font-weight:500;letter-spacing:.08em;color:#fff}
.auth-card input{display:block;width:100%;height:46px;margin:0 0 14px;padding:0 16px;border:1px solid rgba(255,255,255,.18);border-radius:14px;background:rgba(255,255,255,.78);color:#243040;font-size:14px}
.auth-card input::placeholder{color:#8b95a3}
.auth-card input:focus{outline:0;background:#fff;border-color:rgba(180,210,255,.8);box-shadow:0 0 0 3px rgba(47,75,222,.16)}
.auth-err{min-height:18px;margin:0 0 8px;color:#ffb4b4;font-size:13px}
.auth-submit{width:100%;height:46px;margin-top:4px;border:0;border-radius:14px;background:#2f4bde;color:#fff;font-size:15px;letter-spacing:.18em;cursor:pointer}
.auth-submit:hover{background:#2740c4}
.auth-out{margin-left:auto;border:0;background:transparent;color:#8a9bb2;font-size:12px;font-weight:700;cursor:pointer}
@media(max-width:860px){html.auth-on,html.auth-on body{overflow:auto}.auth-page{flex-direction:column;align-items:flex-start;padding:84px 22px 40px;gap:36px}.auth-hero,.auth-side{width:100%}.auth-art{font-size:42px;letter-spacing:.12em}.auth-sub{margin-left:0}}
/* === MEGA light pass v2: pages + modals === */
.modal-backdrop,
.modal-mask{
position:fixed!important;inset:0!important;z-index:1000!important;
display:grid!important;place-items:center!important;
background:rgba(31,45,61,.42)!important;
padding:20px!important;
}
.modal-backdrop:has(.production-modal),
.modal-backdrop:has(.config-plan-editor),
.modal-backdrop:has(.config-theme-editor),
.modal-backdrop:has(.ob-modal){
background:rgba(31,45,61,.48)!important;
backdrop-filter:blur(8px)!important;-webkit-backdrop-filter:blur(8px)!important;
}
.modal,
.modal.production-modal,
.modal.ob-modal,
.ob-modal,
.production-modal,
.evidence-modal,
.modal.evidence-modal{
background:#ffffff!important;
color:#1f2d3d!important;
border:1px solid #e3ebf5!important;
box-shadow:0 24px 64px rgba(31,45,61,.18)!important;
border-radius:12px!important;
}
.modal-head,
.obm-head,
.pom-head,
.modal > header{
background:linear-gradient(180deg,#ffffff,#f8fbff)!important;
border-bottom:1px solid #e3ebf5!important;
color:#1f2d3d!important;
}
.modal h1,.modal h2,.modal h3,
.obm-head h2,.pom-head h2{color:#1f2d3d!important}
.modal p,.modal .sub,.obm-head p,.pom-head .sub,.pom-kicker,.obm-kicker{color:#8a9bb2!important}
.obm-kicker,.pom-kicker{color:#1769ff!important}
.modal-body,.obm-body,.pom-body,.modal main{background:#f8fbff!important;color:#1f2d3d!important}
.modal-foot,.obm-foot,.pom-foot,.modal footer{background:#fff!important;border-top:1px solid #e3ebf5!important}
.modal input,.modal select,.modal textarea,
.ob-modal input,.ob-modal select,.ob-modal textarea,
.production-modal input,.production-modal select,.production-modal textarea{
background:#fff!important;color:#1f2d3d!important;border:1px solid #e3ebf5!important;border-radius:8px!important
}
.modal label,.ob-modal label,.production-modal label{color:#5f728a!important}
.close,.pom-close{background:#fff!important;color:#8a9bb2!important;border:1px solid #e3ebf5!important}
.card,.detail-box,.work-card,.workbench-column,
.ob-check,.pom-theme-card,.theme-config-row,
.clickable-task,.selected-theme-summary,.batch-theme-list,
.list-item,.record,.timeline-item{
background:#fff!important;color:#1f2d3d!important;border-color:#e3ebf5!important;
}
.panel, section.panel, .table-wrap{
background:#fff!important;color:#1f2d3d!important;border-color:#e3ebf5!important;
}
th{background:#f8fbff!important;color:#8a9bb2!important}
td{background:#fff!important;color:#1f2d3d!important}
.primary,button.primary{background:#1769ff!important;border-color:#1769ff!important;color:#fff!important}
.ghost,button.ghost{background:#fff!important;border:1px solid #e3ebf5!important;color:#43546a!important}
.tag{background:#fff!important;border:1px solid #dfe5ee!important;color:#64748b!important}
.tag.ok{background:#eaf8f2!important;border-color:#c7ebdb!important;color:#2f9b72!important}
.tag.warn{background:#fff7e7!important;border-color:#f1ddb6!important;color:#c98621!important}
.tag.hot{background:#fff0f0!important;border-color:#f5d2cf!important;color:#e35b5b!important}
.tag.info{background:#eef3ff!important;border-color:#c9dbff!important;color:#1769ff!important}
/* evidence drawer keep readable light */
.modal-backdrop.evidence-backdrop.drawer-mode{
background:rgba(31,45,61,.35)!important;z-index:1000!important;pointer-events:auto!important
}
.modal-backdrop.evidence-backdrop.drawer-mode .evidence-modal{
background:#fff!important;color:#1f2d3d!important;border-left:1px solid #e3ebf5!important
}
.drawer-mode .ev-split,.drawer-mode .ev-col,.drawer-mode .flow5 .n{
background:#fff!important;color:#1f2d3d!important;border-color:#e3ebf5!important
}
/* === purchase + production toggle light lock === */
.purchase-surface{
background:transparent!important;
margin-top:8px!important;
padding:0!important;
}
.purchase-control-row{
display:flex!important;justify-content:space-between!important;align-items:center!important;
gap:12px!important;margin-bottom:14px!important;flex-wrap:wrap!important;
}
.purchase-month-control{
display:inline-flex!important;align-items:center!important;gap:8px!important;
color:#5f728a!important;font-size:13px!important;font-weight:650!important;
}
.purchase-month-control select,
.purchase-toolbar select,
.purchase-search{
background:#fff!important;border:1px solid #e3ebf5!important;color:#1f2d3d!important;
border-radius:8px!important;box-shadow:none!important;
}
.purchase-create,
button.purchase-create.primary{
background:#1769ff!important;border-color:#1769ff!important;color:#fff!important;
box-shadow:0 8px 18px rgba(23,105,255,.18)!important;
}
.purchase-metric-grid{
display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;
gap:12px!important;margin-bottom:14px!important;
}
.purchase-metric-card{
min-height:96px!important;border:1px solid #e3ebf5!important;border-radius:10px!important;
background:#fff!important;padding:16px!important;
box-shadow:0 10px 24px rgba(69,93,128,.05)!important;
color:#1f2d3d!important;
}
.purchase-metric-card:hover{
border-color:#c9dbff!important;background:#f8fbff!important;
box-shadow:0 12px 28px rgba(23,105,255,.08)!important;
}
.purchase-metric-card small{color:#8a9bb2!important;font-size:12px!important}
.purchase-metric-card b{color:#1f2d3d!important;font-size:26px!important;font-weight:800!important}
.purchase-metric-card.waiting b{color:#c98621!important}
.purchase-metric-card.shipping b{color:#1769ff!important}
.purchase-metric-card.confirmed b{color:#2f9b72!important}
.purchase-list-card{
border:1px solid #e3ebf5!important;border-radius:12px!important;
background:#fff!important;padding:14px 16px!important;
box-shadow:0 12px 28px rgba(69,93,128,.06)!important;
}
.purchase-list-tools{
display:flex!important;align-items:center!important;gap:10px!important;
flex-wrap:wrap!important;margin-bottom:12px!important;
}
.purchase-status-filters{display:flex!important;flex-wrap:wrap!important;gap:6px!important}
.purchase-status-filter{
border:1px solid #e3ebf5!important;border-radius:999px!important;
background:#fff!important;color:#8a9bb2!important;padding:7px 12px!important;
font-size:12px!important;font-weight:700!important;
}
.purchase-status-filter:hover,
.purchase-status-filter.active{
border-color:#c9dbff!important;background:#eef3ff!important;color:#1769ff!important;
}
.purchase-search{
margin-left:auto!important;width:min(280px,100%)!important;
background:#fff!important;border:1px solid #e3ebf5!important;color:#1f2d3d!important;
}
.purchase-list-card table,
.purchase-list-card th,
.purchase-list-card td{
background:#fff!important;color:#1f2d3d!important;border-color:#e3ebf5!important;
}
.purchase-list-card th{background:#f8fbff!important;color:#8a9bb2!important}
.purchase-list-card tr:hover td{background:#f5f8ff!important}
.purchase-status{
border:1px solid #e3ebf5!important;border-radius:999px!important;
background:#fff!important;color:#64748b!important;padding:3px 8px!important;font-size:11px!important;font-weight:700!important;
}
.purchase-status.ordered,.purchase-status.waiting{
border-color:#f1ddb6!important;color:#c98621!important;background:#fff7e7!important;
}
.purchase-status.shipping{
border-color:#c9dbff!important;color:#1769ff!important;background:#eef3ff!important;
}
.purchase-status.arrived{
border-color:#c9dbff!important;color:#4f7ccf!important;background:#f0f5ff!important;
}
.purchase-status.confirmed{
border-color:#c7ebdb!important;color:#2f9b72!important;background:#eaf8f2!important;
}
.purchase-row-action{
border:1px solid #c9dbff!important;border-radius:8px!important;
background:#fff!important;color:#1769ff!important;padding:7px 10px!important;font-size:11px!important;font-weight:700!important;
}
.purchase-row-action:hover{background:#1769ff!important;color:#fff!important;border-color:#1769ff!important}
/* production top toggle: 生产订单 / 用料记录 */
.config-tabs,
.po-v2-toggle,
.board-heading .view-toggle,
.view-toggle{
display:inline-flex!important;gap:0!important;padding:4px!important;
border:1px solid #e3ebf5!important;border-radius:12px!important;
background:#fff!important;
box-shadow:0 4px 14px rgba(69,93,128,.05)!important;
}
.config-tabs button,
.po-v2-toggle button,
.board-heading .view-toggle button,
.view-toggle button{
border:0!important;background:transparent!important;color:#8a9bb2!important;
border-radius:9px!important;padding:10px 18px!important;
font-size:13px!important;font-weight:750!important;
}
.config-tabs button:hover,
.po-v2-toggle button:hover,
.view-toggle button:hover{
color:#1f2d3d!important;background:#f5f8ff!important;
}
.config-tabs button.active,
.po-v2-toggle button.on,
.view-toggle button.active{
background:#eef3ff!important;color:#1769ff!important;
box-shadow:inset 0 0 0 1px #c9dbff!important;
}
/* prevent primary yellow bleed into toggle active */
.view-toggle button.active.primary,
.view-toggle button.active{
background:#eef3ff!important;border-color:transparent!important;color:#1769ff!important;
}
/* board heading area light */
.board-heading,.board-heading h2{color:#1f2d3d!important}
.board-summary{
background:transparent!important;border:0!important;gap:12px!important;
}
.board-summary .metric{
background:#fff!important;border:1px solid #e3ebf5!important;border-radius:10px!important;
color:#1f2d3d!important;box-shadow:0 8px 20px rgba(69,93,128,.05)!important;
}
/* === theme inventory expand (grouped by theme) === */
.th-v2-list{display:grid;gap:10px}
.th-v2-card{
border:1px solid #e3ebf5;border-radius:12px;background:#fff;
box-shadow:0 10px 24px rgba(69,93,128,.05);overflow:hidden
}
.th-v2-card.open{border-color:#b3c4f5;box-shadow:0 14px 32px rgba(23,105,255,.08)}
.th-v2-h{
display:grid;grid-template-columns:minmax(0,1.5fr) 100px 88px 88px 100px 36px;
gap:12px;align-items:center;padding:14px 16px;cursor:pointer
}
.th-v2-h:hover{background:#f8fbff}
.th-v2-card.open .th-v2-h{background:#f5f8ff;border-bottom:1px solid #e3ebf5}
.th-v2-name{font-weight:780;font-size:15px;color:#1f2d3d}
.th-v2-code{display:block;margin-top:3px;font:11px ui-monospace,Menlo,monospace;color:#1769ff}
.th-v2-sub{color:#8a9bb2;font-size:12px}
.th-v2-num{font-weight:800;font-size:16px;color:#1f2d3d;font-variant-numeric:tabular-nums}
.th-v2-num.ok{color:#2f9b72}
.th-v2-num.warn{color:#c98621}
.th-v2-num.zero{color:#94a3b8}
.th-v2-money{font:700 13px ui-monospace,Menlo,monospace;color:#1769ff}
.th-v2-chev{
width:32px;height:32px;border-radius:8px;border:1px solid #e3ebf5;display:grid;place-items:center;
color:#8a9bb2;background:#fff;transition:transform .15s
}
.th-v2-card.open .th-v2-chev{transform:rotate(180deg);border-color:#c9dbff;color:#1769ff}
.th-v2-b{display:none;background:#f8fbff}
.th-v2-card.open .th-v2-b{display:block}
.th-v2-sec{padding:12px 16px 14px}
.th-v2-sec h4{
margin:0 0 10px;font-size:11px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:#8a9bb2
}
.th-inst-list{display:grid;gap:8px}
/* rich 2-line rows using full width */
.th-inst-row{
display:grid;
grid-template-columns:120px 80px minmax(140px,1.1fr) 100px 110px 90px 88px;
gap:16px;align-items:center;justify-items:start;
padding:10px 14px;border:1px solid #e3ebf5;border-radius:10px;background:#fff;
font-size:13px;color:#1f2d3d;cursor:pointer
}
.th-inst-row.is-head{cursor:default;padding:6px 14px;border:0;background:#f7fbff;color:#8a9bb2;font:750 12px Manrope,sans-serif}
.th-inst-row.is-head:hover{border:0;background:#f7fbff}
.th-inst-row:hover{border-color:#c9dbff;background:#fbfdff}
.th-inst-row .id{font:700 13px ui-monospace,Menlo,monospace;color:#1769ff}
.th-inst-row .id .tag{margin-top:6px}
.th-inst-row .lbl{display:block;font-size:11px;color:#8a9bb2;font-weight:650;margin-bottom:3px}
.th-inst-row .val{font-weight:700;color:#1f2d3d;line-height:1.35;word-break:break-word}
.th-inst-row .val.soft{font-weight:500;color:#5f728a;font-size:12.5px}
.th-inst-row .mats{
grid-column:1/-1;padding-top:8px;margin-top:2px;border-top:1px dashed #e8eef6;
display:flex;flex-wrap:wrap;gap:6px;align-items:center
}
.th-inst-row .mats .lab{font-size:11px;color:#8a9bb2;font-weight:700;margin-right:4px}
.th-inst-row .chip{
display:inline-flex;align-items:center;gap:4px;height:24px;padding:0 8px;border-radius:999px;
background:#f0f5ff;border:1px solid #d9e6fb;color:#334155;font-size:11.5px;font-weight:650
}
.th-inst-row .chip em{font-style:normal;color:#1769ff;font-weight:800}
.th-inst-row .logline{
grid-column:1/-1;font-size:12px;color:#5f728a;line-height:1.4
}
.th-inst-row .logline b{color:#1f2d3d;font-weight:700}
.th-inst-row .cost{font:800 13px ui-monospace,Menlo,monospace;color:#1769ff;text-align:left}
.th-inst-row .th-inst-more{font-size:11px;color:#8a9bb2;font-weight:650;white-space:nowrap}
.th-v2-empty-sm{padding:8px 0;color:#8a9bb2;font-size:12px}
.st-page{display:flex;flex-direction:column;gap:10px;flex:1;min-height:0;height:100%}
.st-page .po-v2-top{flex:0 0 auto;margin-bottom:0}
.st-page-head{display:none}
.topbar > .st-due{display:inline-flex!important;align-items:center;height:32px;padding:0 12px;border-radius:8px;background:#fff7e7;color:#c98621;font:650 12px Manrope,sans-serif;white-space:nowrap;margin-left:auto;flex:0 0 auto}
.topbar .st-due.is-late{background:#fff0f0;color:#e35b5b}
.st-page .ob-split{flex:1 1 auto;min-height:0;height:0}
.st-wh-bar{flex:0 0 auto;display:flex;align-items:center;gap:10px}
.st-wh-row{flex:1 1 auto;display:flex;gap:6px;overflow:auto;padding:0;min-width:0;align-items:center}
.st-wh-acts{flex:0 0 auto;display:flex;align-items:center;gap:8px}
.st-wh-acts .ob-create-btn{height:36px;min-height:36px;padding:0 14px!important;min-width:0;box-sizing:border-box}
.st-wh-acts .ob-create-btn[disabled]{opacity:.45;pointer-events:none}
.st-wh{height:36px;min-width:0;min-height:36px;padding:0 12px;border:1px solid #e3ebf5;border-radius:8px;background:#fff;box-shadow:none;display:inline-flex;flex-direction:row;align-items:center;gap:6px;cursor:pointer;text-align:left;box-sizing:border-box}
.st-wh em{font:700 12px 'IBM Plex Mono',monospace;font-style:normal;color:#1769ff}
.st-wh b{font-size:13px;font-weight:650;white-space:nowrap}
.st-wh.is-open{border-color:#1769ff;background:#eef3ff;box-shadow:none}
.st-wh:hover{border-color:#c9dbff;background:#f7faff}
.st-wh.is-open:hover{background:#eef3ff;border-color:#1769ff}
.st-wh-h{display:flex;align-items:baseline;justify-content:space-between;gap:8px}
.st-wh-h b{font-size:13px;font-weight:600}
.st-wh-h span{color:#1769ff;font:600 13px 'IBM Plex Mono'}
.st-wh-loc,.st-wh-stat{display:none}
.st-layer{margin:0 0 8px}
.st-layer-h{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:0 0 4px;padding:0 2px;color:#5b6b80;font:600 11px Manrope,sans-serif}
.st-layer-h em{font:500 11px Manrope,sans-serif;font-style:normal;color:#8a9bb2}
.st-layer .inv-v2-empty{padding:10px 8px;font-size:12px}
html body .app > .main:has(.st-page){overflow:hidden!important}
html body .app > .main > .main-body:has(.st-page){display:flex!important;flex-direction:column!important;min-height:0!important;overflow:hidden!important}
.st-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(380px,1fr));gap:16px}
.st-exp-foot{display:flex;justify-content:flex-end;gap:8px;margin-top:auto;padding-top:8px}
.st-line{grid-template-columns:40px minmax(0,1fr) 72px 72px!important;padding:6px 10px!important;min-height:0;align-items:center}
.st-photo{width:40px;height:40px;border-radius:8px;overflow:hidden;background:#eef3f9;display:grid;place-items:center;flex:none}
.st-photo img{width:100%;height:100%;object-fit:cover;display:block}
.st-photo i{font:600 14px Manrope,sans-serif;font-style:normal;color:#8a9bb2}
.st-name{min-width:0;display:flex;flex-direction:row;align-items:center;gap:8px}
.st-name b{font:600 13px Manrope,sans-serif;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.st-name small{color:#8a9bb2;font:500 11px 'IBM Plex Mono';white-space:nowrap;flex:0 0 auto}
.st-good-img{width:24px;height:24px;border-radius:5px;object-fit:cover;background:#eef3f9;flex:0 0 24px}
.st-head{flex:0 0 auto;margin:0 16px 8px!important}
.st-real{width:72px;height:32px;border:1px solid #d7e4ff;border-radius:8px;padding:0 8px;font:600 13px 'IBM Plex Mono';background:#fff}
.st-prog{font:600 13px Manrope,sans-serif;color:#1769ff;font-style:normal;white-space:nowrap}
.st-main-top{display:flex;align-items:center;justify-content:space-between;gap:12px;flex:0 0 auto;padding:10px 16px 8px}
.st-main-title{display:flex;align-items:baseline;gap:10px;flex:1 1 auto;min-width:0;white-space:nowrap}
.st-main-title b{font-size:14px}
.st-item-search{position:relative;flex:0 0 260px;width:260px;padding:0;display:block}
.st-item-search input{width:100%;height:34px;padding:0 12px;border:1px solid #e3ebf5;border-radius:8px;background:#fff;font:13px Manrope,sans-serif}
.st-item-search input:focus{border-color:#93c5fd;box-shadow:0 0 0 3px rgba(23,105,255,.12);outline:0}
.st-hits{position:absolute;left:0;right:0;top:36px;z-index:6;max-height:220px;overflow:auto;border:1px solid #e3ebf5;border-radius:10px;background:#fff;box-shadow:0 12px 28px rgba(69,93,128,.12)}
.st-hits button{width:100%;display:flex;justify-content:space-between;align-items:center;gap:10px;border:0;border-bottom:1px solid #f0f4f9;background:#fff;padding:8px 12px;text-align:left;cursor:pointer}
.st-hits button:last-child{border-bottom:0}
.st-hits button:hover{background:#f7faff}
.st-hits b{font:600 13px Manrope,sans-serif}
.st-hits small{color:#8a9bb2;font:500 11px 'IBM Plex Mono'}
.st-aisles{flex:0 0 auto;display:flex;flex-wrap:wrap;gap:8px;padding:0 16px 8px}
.st-aisles button{height:32px;padding:0 12px;border:1px solid #e3ebf5;border-radius:8px;background:#fff;color:#5b6b80;font:600 13px Manrope,sans-serif}
.st-aisles button.on{border-color:#1769ff;background:#eef3ff;color:#1769ff}
.st-racks{flex:0 0 auto;display:flex;flex-wrap:wrap;gap:6px;padding:0 16px 8px}
.st-racks button{border:1px solid #e3ebf5;background:#fff;border-radius:8px;padding:5px 10px;text-align:left;cursor:pointer;font:600 12px Manrope,sans-serif}
.st-racks button small{display:none}
.st-racks button.on{border-color:#1769ff;background:#eef3ff;color:#1769ff}
.st-racks button.on small{color:#1769ff}
.st-racks button.is-done{color:#2f9b72}
.st-racks button.is-done small{color:#2f9b72}
.st-racks button.on.is-done{border-color:#1769ff;background:#eef3ff;color:#1769ff}
.st-sh-tabs{flex:0 0 auto;display:flex;flex-wrap:wrap;gap:6px;padding:0 16px 10px}
.st-sh-tabs button{border:1px solid #e3ebf5;background:#fff;border-radius:8px;padding:6px 10px;text-align:left;cursor:pointer;font:600 13px Manrope,sans-serif}
.st-sh-tabs button small{display:block;color:#8a9bb2;font:11px Manrope,sans-serif;font-weight:500;margin-top:1px}
.st-sh-tabs button.on{border-color:#1769ff;background:#eef3ff;color:#1769ff}
.st-sh-tabs button.on small{color:#1769ff}
.st-wh-stat em,.st-wh-stat i{font-style:normal;font-size:12px;font-weight:750}
.st-wh-stat .ok{color:#2f9d6a}.st-wh-stat .hot{color:#d4533b}.st-wh-stat .warn{color:#c98621}
.st-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:12px}
.st-card{padding:14px 16px;border:1px solid #e3ebf5;border-radius:14px;background:#fff}
.st-card-h{display:flex;align-items:center;justify-content:space-between;gap:8px}
.st-card-m{margin-top:6px;color:#8a9bb2;font-size:12px}
.st-card-n{display:flex;gap:14px;margin-top:10px;font:750 12px Manrope,sans-serif}
.st-card-n .ok{color:#2f9d6a}.st-card-n .hot{color:#d4533b}
.st-card-items{margin-top:10px;border-top:1px dashed #e8eef6;padding-top:8px;display:grid;gap:6px}
.st-card-items div{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:10px;align-items:center;font-size:12px}
.st-card-items em{color:#8a9bb2;font-style:normal}
.st-card-items .ok{color:#2f9d6a}.st-card-items .hot{color:#d4533b}
.st-count-list{display:grid;gap:8px}
.st-count-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 0;border-bottom:1px solid #eef3f8}
.st-count-row span{display:flex;flex-direction:column;min-width:0}
.st-count-row em{color:#8a9bb2;font-size:12px;font-style:normal}
.st-count-row input{width:100px}
.st-page .ib-mask,.st-page .st-sched-mask{position:fixed;inset:0;background:rgba(31,45,61,.28);display:none;place-items:center;padding:20px;z-index:40}
.st-page .ib-mask.on,.st-page .st-sched-mask.on{display:grid}
.st-page .st-sched-mask .modal.config-theme-editor{width:min(480px,94vw);max-height:min(88vh,640px);background:linear-gradient(165deg,#fff,#f8fbff);pointer-events:auto}
.st-page .cte-field input[type="date"],.st-page .cte-field input[type="number"]{width:100%;border:1px solid #e3ebf5;border-radius:10px;background:#f1f6ff;color:var(--text);padding:12px 14px;outline:0;box-shadow:inset 0 1px #f8fbff}
.st-page .cte-field input[type="date"]:focus,.st-page .cte-field input[type="number"]:focus{border-color:#c9dbff;box-shadow:0 0 0 3px rgba(23,105,255,.08),inset 0 1px #f8fbff;background:#fff}
.st-page .cte-foot{display:flex;justify-content:flex-end;gap:10px;padding:14px 24px 18px;border-top:1px solid #e3ebf5;background:#fff}
.st-page .modal{width:min(560px,100%);max-height:90vh;overflow:hidden;background:#fff;border:1px solid var(--line2);box-shadow:var(--shadow);border-radius:14px;display:flex;flex-direction:column}
.st-page .modal-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;padding:18px 22px 14px;border-bottom:1px solid var(--line);background:#f7fbff}
.st-page .modal-head h2{margin:0;font-size:20px}
.st-page .modal-head p{margin:5px 0 0;color:var(--muted);font-size:12.5px}
.st-page .modal-body{padding:14px 22px;overflow:auto;flex:1;min-height:0}
.st-page .modal-foot{display:flex;justify-content:flex-end;gap:10px;padding:12px 22px 16px;border-top:1px solid var(--line)}
.st-page .field{height:34px;padding:0 10px;border:1px solid #e3ebf5;border-radius:8px;background:#fff}
.st-page .form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.st-page .form-grid .full{grid-column:1/-1}
.st-page .form-grid label{display:flex;flex-direction:column;gap:6px;font-size:12px;color:#8a9bb2}
.config-shelf-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px}
.config-shelf-rows{display:grid;gap:6px;margin-bottom:10px}
.config-shelf-row{display:flex;justify-content:space-between;align-items:center;padding:8px 10px;border:1px solid #e3ebf5;border-radius:8px;background:#f8fbff}
.config-shelf-row b{font:600 13px 'IBM Plex Mono'}
.config-shelf-row span{color:#8a9bb2;font-size:12px}
html body .app > .main:has(.sh-split){overflow:hidden!important;min-height:0!important}
html body .app > .main > .main-body:has(.sh-split){display:flex!important;flex-direction:column!important;min-height:0!important;overflow:hidden!important;padding-bottom:16px!important}
.th-main{min-width:0;min-height:0;display:flex;flex-direction:column;overflow:hidden;border:1px solid #e3ebf5;border-radius:12px;background:#fff}
.th-top{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:10px 14px 8px;border-bottom:1px solid #eef2f7}
.th-top h2{margin:2px 0 0;font-size:16px;letter-spacing:-.03em;display:flex;align-items:baseline;gap:8px;flex-wrap:wrap}
.th-top h2 span{color:#8a9bb2;font:500 12px Manrope,sans-serif;letter-spacing:0}
.th-code{display:inline-block;color:#1769ff;font:700 11px 'IBM Plex Mono';letter-spacing:.04em}
.th-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(108px,1fr));gap:6px;padding:8px 14px;flex:0 0 auto}
.th-card{border:1px solid #e3ebf5;border-radius:8px;background:#f8fbff;padding:6px 8px;text-align:left;cursor:pointer}
.th-card:hover{border-color:#c9dbff}
.th-card.on{border-color:#1769ff;background:#eef3ff;box-shadow:inset 0 0 0 1px #1769ff}
.th-card-k{display:block;color:#8a9bb2;font:700 9px 'IBM Plex Mono';letter-spacing:.08em;margin-bottom:2px}
.th-card b{display:flex;align-items:baseline;justify-content:space-between;gap:6px;font-size:13px;color:#1f2d3d}
.th-card small{display:block;margin-top:2px;color:#8a9bb2;font-size:11px}
.th-card em{display:inline;margin:0;font:750 11px 'IBM Plex Mono';font-style:normal;color:#1769ff;white-space:nowrap}
.th-detail{flex:1 1 auto;min-height:0;display:flex;flex-direction:column;border-top:1px solid #eef2f7}
.th-detail-h{padding:12px 16px 8px;flex:0 0 auto;display:flex;align-items:flex-start;justify-content:space-between;gap:10px}
.th-detail-h b{font-size:14px}
.th-detail-h span{display:block;margin-top:2px;color:#8a9bb2;font-size:12px}
.th-detail-h .config-mini{flex:none;margin-top:2px}
.th-ph{width:36px;height:36px;flex:none;border-radius:8px;background:#eef3ff;overflow:hidden;display:grid;place-items:center;color:#1769ff;font:700 13px Manrope,sans-serif}
.th-ph img{width:100%;height:100%;object-fit:cover;display:block;cursor:zoom-in}
.th-recs.is-mats{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.th-rec-mat{display:grid;grid-template-columns:88px minmax(0,1fr);gap:12px;align-items:center;padding:10px}
.th-rec-mat .th-ph{width:88px;height:88px;border-radius:10px;font-size:28px}
.th-rec-mat .th-rec-txt em{color:#1769ff;font:750 13px 'IBM Plex Mono';font-style:normal;margin-top:4px}
.th-rec-txt,.th-line-txt{min-width:0;flex:1;display:flex;flex-direction:column;gap:2px}
.th-rec-txt small,.th-line-txt small{color:#8a9bb2;font:12px Manrope,sans-serif;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.th-shelf{color:#1769ff!important;font-weight:750!important}
.th-recs{flex:1 1 auto;min-height:0;overflow:auto;padding:0 16px 16px;display:grid;gap:8px;align-content:start}
.th-rec{border:1px solid #e3ebf5;border-radius:10px;background:#f8fbff;padding:10px 12px}
.th-rec-h{display:flex;justify-content:space-between;align-items:center;gap:10px}
.th-rec-h b{font-size:13px}
.th-rec-h em{color:#1769ff;font:750 12px 'IBM Plex Mono';font-style:normal}
.th-rec-b{margin-top:8px;display:grid;gap:4px}
.th-line{display:flex;align-items:center;justify-content:flex-start;gap:8px;padding:5px 8px;border-radius:7px;background:#fff;border:1px solid #eef2f7;font-size:12px}
.th-line em{color:#8a9bb2;font-style:normal}
.th-line.is-empty{color:#8a9bb2}
@media(max-width:900px){.th-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.th-recs.is-mats{grid-template-columns:1fr}}
.config-surface:has(.sh-split){display:flex;flex-direction:column;flex:1;min-height:0;overflow:hidden}
.config-surface:has(.sh-split)>.config-tabs,.config-surface:has(.sh-split)>.po-v2-toggle{flex:0 0 auto}
.sh-split{display:grid;grid-template-columns:280px minmax(0,1fr);gap:12px;align-items:stretch;flex:1;min-height:0;height:auto;overflow:hidden}
.sh-split .config-sup-row{grid-template-columns:18px minmax(0,1fr) auto}
.sh-split.acc-split .config-sup-row{grid-template-columns:18px minmax(0,1fr)}
.th-split .config-sup-row{grid-template-columns:18px minmax(0,1fr)}
.cfg-drag{
width:18px;height:28px;border:0;padding:0;cursor:grab;touch-action:none;
background:radial-gradient(#8a9bb2 1.15px,transparent 1.2px) 50% 50%/6px 6px;
opacity:.7
}
.cfg-drag:active{cursor:grabbing}
.config-sup-row.on .cfg-drag{background:radial-gradient(#fff 1.15px,transparent 1.2px) 50% 50%/6px 6px}
.sh-split .config-sup-row.is-drag{opacity:.4}
.sh-split .config-sup-row.drag-over{border-color:#1769ff}
.config-sup-row>button[data-action="config-wh-pick"]{border:0;background:transparent;text-align:left;padding:6px 4px;min-width:0;width:100%;display:flex;align-items:center;gap:10px}
.sh-code{flex:0 0 36px;width:36px;height:36px;display:grid;place-items:center;border-radius:8px;background:#eef3ff;color:#1769ff;font:600 18px 'IBM Plex Mono';text-align:center}
.config-sup-row.on .sh-code{background:rgba(255,255,255,.22);color:#fff}
.sh-wtxt{min-width:0;text-align:left}
.sh-wtxt b{display:block;font-weight:600}
.sh-main{border:1px solid #e3ebf5;border-radius:12px;background:#fff;min-height:0;overflow:hidden;padding:16px;display:flex;flex-direction:column}
.sh-top{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:0 0 12px;flex:0 0 auto}
.sh-top-id{display:flex;align-items:center;gap:12px;min-width:0}
.sh-top-code{flex:0 0 48px;width:48px;height:48px;display:grid;place-items:center;border-radius:10px;background:#eef3ff;color:#1769ff;font:600 22px 'IBM Plex Mono';text-align:center}
.sh-top-txt{min-width:0;text-align:left}
.sh-top-txt h2{margin:0;font-size:18px;font-weight:600;display:flex;align-items:baseline;gap:10px}
.sh-top-txt h2 em{font:500 13px Manrope,sans-serif;font-style:normal;color:#8a9bb2}
.sh-top-txt p{margin:3px 0 0;color:#8a9bb2;font-size:12px;font-weight:500}
.sh-aisles{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 14px;flex:0 0 auto}
.sh-sec{flex:1;min-height:0;display:flex;flex-direction:column}
.sh-sec-h{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:0 0 10px;flex:0 0 auto}
.sh-sec-h span{font:600 14px Manrope,sans-serif;color:#1f2d3d}
.sh-top .primary,.sh-sec-h .primary{
height:32px;padding:0 12px;white-space:nowrap;flex:0 0 auto;
font:600 12px Manrope,sans-serif;box-shadow:0 4px 10px rgba(23,105,255,.14)!important
}
.sh-racks{flex:1;min-height:0;overflow:auto}
.sh-loose{flex:0 0 auto;margin-top:14px;padding-top:12px;border-top:1px solid #e3ebf5}
.sh-loose .sh-sec-h small{color:#8a9bb2;font:12px Manrope,sans-serif}
.sh-loose-list{display:flex;flex-wrap:wrap;gap:8px;max-height:180px;overflow:auto}
.sh-loose-item{display:flex;align-items:center;gap:8px;max-width:220px;padding:6px 10px;border:1px solid #e3ebf5;border-radius:8px;background:#fff;cursor:pointer;text-align:left}
.sh-loose-item:hover{border-color:#c9dbff;background:#f7faff}
.sh-loose-item .th-ph,.sh-loose-item .urm-ph{width:28px;height:28px;flex:none}
.sh-loose-item span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:650 12px Manrope,sans-serif;color:#1f2d3d}
.sh-loose-more{align-self:center;color:#8a9bb2;font:12px Manrope,sans-serif}
.sh-sec.is-pile{flex:1;min-height:0}
.sh-sec.is-pile .sh-sec-h small{color:#8a9bb2;font:12px Manrope,sans-serif}
.sh-loose-list.is-pile{max-height:none;flex:1;min-height:0;align-content:start}
.sh-aisles button{height:32px;padding:0 12px;border:1px solid #e3ebf5;border-radius:8px;background:#fff;color:#5b6b80;font:600 13px Manrope,sans-serif}
.sh-aisles button.on{border-color:#1769ff;background:#eef3ff;color:#1769ff}
.sh-rbar{display:grid;grid-template-columns:92px minmax(0,1fr);border:1px solid #e3ebf5;border-radius:12px;background:#fff;margin:0 0 10px;overflow:hidden}
.sh-rbar-h{position:relative;padding:12px;background:#f8fbff;border-right:1px solid #eef3f8}
.sh-rbar-h span{display:block;font:600 13px Manrope,sans-serif;color:#1f2d3d}
.sh-rbar-h small{display:block;margin-top:3px;color:#8a9bb2;font-size:11px;font-weight:500}
.sh-rbar-h .sh-rack-del{position:absolute;top:4px;right:5px;width:16px;height:16px;border:0;border-radius:4px;background:#fff6f4;color:#c5d0de;font-size:12px;line-height:16px;padding:0}
.sh-rbar-h .sh-rack-del:hover{color:#d4533b}
.sh-sqs{display:flex;flex-wrap:wrap;gap:8px;padding:12px}
.sh-sq{position:relative;min-width:86px;height:58px;padding:0 8px;border:1px solid #e3ebf5;border-radius:8px;background:#f8fbff;display:flex;flex-direction:column;align-items:center;justify-content:center}
.sh-sq i{font:600 13px Manrope,sans-serif;font-style:normal;color:#5b6b80}
.sh-sq em{font:500 11px 'IBM Plex Mono';font-style:normal;color:#1769ff;margin-top:4px}
.sh-sq .del{position:absolute;top:4px;right:5px;width:16px;height:16px;border:0;border-radius:4px;background:#fff6f4;color:#c5d0de;font-size:12px;line-height:16px;padding:0}
.sh-sq .del:hover{color:#d4533b}
.sh-add{min-width:86px;height:58px;border:1px dashed #c9dbff;border-radius:8px;background:#fff;color:#8a9bb2;font:600 12px Manrope,sans-serif}
.sh-add:hover{border-color:#1769ff;color:#1769ff;background:#f7faff}
.sh-rbar.add{display:grid;place-items:center;min-height:72px;border-style:dashed}
@media(max-width:1200px){
.th-v2-h{grid-template-columns:minmax(0,1fr) 80px 80px 36px}
.th-v2-h .hide-m{display:none}
.th-inst-row{grid-template-columns:120px minmax(0,1fr) 90px 88px}
}
@media(max-width:700px){
.th-v2-h{grid-template-columns:minmax(0,1fr) 36px}
.th-inst-row{grid-template-columns:1fr 1fr}
}
/* === config item channel === */
.config-channel{display:flex;align-items:flex-start;gap:10px;min-width:180px}
.config-ch-tag{
flex:0 0 auto;height:22px;padding:0 8px;border-radius:999px;font-size:11px;font-weight:800;
display:inline-flex;align-items:center;border:1px solid transparent
}
.config-ch-tag.offline{background:#fff7e7;border-color:#f1ddb6;color:#c98621}
.config-ch-tag.online{background:#eef3ff;border-color:#c9dbff;color:#1769ff}
.config-ch-detail b{display:block;font-size:13px;color:#1f2d3d;font-weight:750}
.config-ch-detail .sub,.config-ch-detail div{font-size:12px;color:#8a9bb2;margin-top:2px}
.config-link{color:#1769ff;font-weight:700;text-decoration:none}
.config-link:hover{text-decoration:underline}
.config-item-modal{width:min(760px,94vw)!important;max-height:min(88vh,820px)!important;overflow:hidden!important;display:flex!important;flex-direction:column!important;padding:0!important}
.config-item-modal .modal-head{flex:0 0 auto;display:flex;justify-content:space-between;align-items:flex-start;gap:12px;padding:18px 22px 14px;border-bottom:1px solid #e3ebf5;background:linear-gradient(180deg,#fff,#f8fbff)}
.config-item-modal .modal-head h2{margin:0;font-size:20px;letter-spacing:-.03em}
.config-item-modal .modal-head .sub{display:block;margin-top:5px;color:#8a9bb2;font-size:12.5px}
.config-item-modal .modal-head .close{width:32px;height:32px;border:1px solid #e3ebf5;border-radius:8px;background:#fff;color:#8a9bb2;font-size:18px;display:grid;place-items:center}
.config-item-modal .cim-body{flex:1;min-height:0;overflow:auto;padding:16px 20px 6px;background:#f8fbff}
.config-item-modal .cim-foot{flex:0 0 auto;display:flex;justify-content:space-between;align-items:center;gap:10px;padding:12px 20px 16px;border-top:1px solid #e3ebf5;background:#fff}
.config-item-modal .cim-foot .actions{display:flex;gap:10px}
.config-item-modal .cim-foot .ghost.danger{color:#e35b5b}
.config-item-modal .cim-foot .ghost.danger{color:#e35b5b;border-color:#f5d2cf}
.cim-h{display:flex;align-items:baseline;gap:8px;margin:0 0 10px}
.cim-h b{font:750 14px Manrope,sans-serif;color:#1f2d3d}
.cim-h span{color:#8a9bb2;font-size:12px}
.cim-base{display:grid;grid-template-columns:100px 1fr 1fr 1fr;gap:10px 12px;align-items:start;margin:0 0 14px}
.cim-base .cfg-photo-field{grid-row:1/span 3;margin:0}
.cim-base .cfg-photo-lg{width:100%;height:100%;min-height:112px;margin:0}
.cim-base .full{grid-column:2/-1}
.cim-base label,.cim-grid label{display:grid;gap:6px;color:#5f728a;font-size:12px}
.cim-base input,.cim-base select,.cim-base textarea,
.cim-grid input,.cim-grid select,.cim-grid textarea{width:100%;border:1px solid #e3ebf5;border-radius:8px;background:#fff;color:#1f2d3d;padding:9px 10px;outline:0}
.cim-base input:focus,.cim-base select:focus,.cim-base textarea:focus,
.cim-grid input:focus,.cim-grid select:focus,.cim-grid textarea:focus{border-color:#c9dbff;box-shadow:0 0 0 3px rgba(23,105,255,.08)}
.cim-card{border:1px solid #e3ebf5;border-radius:14px;background:#fff;padding:14px;margin:0 0 12px;box-shadow:0 8px 20px rgba(69,93,128,.04)}
.cim-card>b{display:block;font:750 14px Manrope,sans-serif;margin:0 0 12px;color:#1f2d3d}
.cim-loc-preview{margin-top:10px;color:#1769ff;font:600 12px 'IBM Plex Mono',Manrope,sans-serif}
.cim-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px 12px}
.cim-grid.four{grid-template-columns:repeat(4,minmax(0,1fr))}
.cim-extra{display:grid;grid-template-columns:1fr 1fr;gap:10px 12px;grid-column:1/-1}
.cim-extra .full{grid-column:1/-1}
.pick-combo{position:relative}
.pick-combo-box{display:flex;align-items:center;gap:6px;min-height:38px;padding:4px 8px;border:1px solid #e3ebf5;border-radius:8px;background:#fff}
.pick-combo-box:focus-within{border-color:#3b82f6;box-shadow:0 0 0 3px rgba(59,130,246,.16)}
.pick-combo-chip{display:inline-flex;align-items:center;justify-content:center;flex:1 1 50%;max-width:50%;min-width:0;height:26px;padding:0 10px;border:1.5px solid #3b82f6;border-radius:6px;background:#fff;color:#1e3a5f;font:650 13px Manrope,sans-serif}
.pick-combo-chip[hidden]{display:none}
.pick-combo-chip em{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-style:normal;min-width:0;text-align:center}
.pick-combo-q{flex:1 1 auto;min-width:64px;width:auto;border:0;outline:0;height:26px;font:13px Manrope,sans-serif;background:transparent}
.pick-combo-box:has(.pick-combo-chip:not([hidden])) .pick-combo-q{flex:1 1 50%;min-width:0;width:50%}
#config-item-offline{grid-template-columns:1fr}
#config-item-offline.has-phone{grid-template-columns:1fr 1fr}
#config-item-sup-phone-wrap[hidden]{display:none!important}
.pick-combo-caret{width:7px;height:7px;border-right:1.5px solid #94a3b8;border-bottom:1.5px solid #94a3b8;transform:rotate(45deg);margin:0 4px 3px 0;flex:0 0 auto}
.pick-combo-drop{position:absolute;left:0;right:0;top:calc(100% + 4px);z-index:40;padding:8px;border:1px solid #e3ebf5;border-radius:12px;background:#fff;box-shadow:0 12px 28px rgba(69,93,128,.14);max-height:240px;overflow:auto}
.pick-combo-opt{display:block;width:100%;border:0;background:#f1f5f9;color:#334155;border-radius:8px;padding:8px 12px;margin:0 0 6px;text-align:left;font:650 13px Manrope,sans-serif;cursor:pointer}
.pick-combo-opt.on{background:#e8f0ff;color:#1769ff}
.pick-combo-opt:hover{filter:brightness(.98)}
.pick-combo-create{display:block;width:100%;border:0;background:transparent;color:#2563eb;padding:8px 4px;text-align:left;font:650 13px Manrope,sans-serif;cursor:pointer}
.pick-combo-create b{font-weight:750}
.pick-combo-empty{padding:10px 4px;color:#8a9bb2;font-size:12px}
.cfg-note{display:inline-block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;vertical-align:bottom;cursor:default}
#cfg-note-tip{position:fixed;z-index:4000;max-width:280px;padding:8px 10px;border-radius:8px;background:#1f2d3d;color:#fff;font:12px/1.45 Manrope,sans-serif;white-space:pre-wrap;box-shadow:0 10px 22px rgba(31,45,61,.22);pointer-events:none}
@media(max-width:640px){
.cim-base{grid-template-columns:1fr 1fr}
.cim-base .cfg-photo-field{grid-row:auto;grid-column:1/-1}
.cim-base .cfg-photo-lg{min-height:88px;width:88px}
.cim-base .full,.cim-grid.four{grid-column:1/-1;grid-template-columns:1fr 1fr}
}
.config-channel-fields{display:contents}
.purchase-channel-box{
display:flex;gap:10px;align-items:flex-start;padding:12px 14px;border-radius:10px;
border:1px solid #e3ebf5;background:#f8fbff;margin-top:4px
}
.purchase-channel-box b{color:#1f2d3d}
.config-item-table td{vertical-align:middle}
.form-grid .full,.form-grid label.full{grid-column:1/-1}
.rec-n-search{margin:0 0 8px}
.rec-n-search input{width:100%;height:36px;border:1px solid #d7e4ff;border-radius:10px;background:#f7fbff;padding:0 12px;font:650 13px Manrope,sans-serif}
.rec-n-search input:focus{outline:0;border-color:#1769ff}
.rec-n-pick-list{display:grid;gap:6px;max-height:168px;overflow:auto;margin:0 0 14px}
.rec-n-pick{display:flex;justify-content:space-between;align-items:center;gap:8px;width:100%;height:36px;padding:0 12px;border:1px solid #e3ebf5;border-radius:8px;background:#fff;text-align:left;cursor:pointer}
.rec-n-pick b{font:750 13px Manrope,sans-serif;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.rec-n-pick small{color:#8a9bb2;font:12px Manrope,sans-serif;flex:none}
.rec-n-pick:hover{border-color:#1769ff;background:#f5f8ff}
/* === purchase pick modal === */
.pur-search-bar{display:flex;align-items:center;gap:10px;margin:0 0 12px;flex-wrap:wrap}
.pur-search-bar input{
flex:1;min-width:220px;height:38px;border:1px solid #e3ebf5;border-radius:9px;
background:#fff;color:#1f2d3d;padding:0 12px;font-size:13px;outline:none
}
.pur-search-bar input:focus{border-color:#93c5fd;box-shadow:0 0 0 3px rgba(23,105,255,.12)}
.pur-search-meta{font-size:12px;color:#8a9bb2;white-space:nowrap}
.pur-search-empty{padding:20px;text-align:center;color:#8a9bb2;font-size:13px;border:1px dashed #e3ebf5;border-radius:10px;margin-top:8px}
.pur-check.is-hidden{display:none!important}
.pur-modal{width:min(820px,100%)!important;max-height:min(90vh,900px);overflow:auto;padding:0!important;border-radius:14px!important}
.pur-modal .obm-head{display:flex;justify-content:space-between;gap:12px;padding:20px 22px 14px;border-bottom:1px solid #e3ebf5;background:linear-gradient(180deg,#fff,#f8fbff)}
.pur-modal .obm-head h2{margin:0;font-size:20px;color:#1f2d3d}
.pur-modal .obm-head p{margin:6px 0 0;color:#8a9bb2;font-size:13px;line-height:1.5}
.pur-modal .obm-kicker{color:#1769ff;font:11px ui-monospace,Menlo,monospace;letter-spacing:.12em;margin-bottom:6px}
.pur-modal .obm-body{padding:16px 22px}
.pur-modal .obm-foot{display:flex;justify-content:flex-end;gap:8px;padding:14px 22px 18px;border-top:1px solid #e3ebf5;background:#fff}
.pur-modal .obm-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:14px}
.pur-modal label{display:grid;gap:5px;color:#5f728a;font-size:12px;font-weight:650}
.pur-modal input,.pur-modal select{border:1px solid #e3ebf5;border-radius:9px;background:#fff;color:#1f2d3d;padding:10px 11px}
.pur-check-list{display:grid;gap:8px;max-height:340px;overflow:auto;padding-right:2px}
.pur-check{
display:grid;grid-template-columns:auto minmax(0,1fr) 88px 100px;gap:10px;align-items:center;
padding:12px 14px;border:1px solid #e3ebf5;border-radius:10px;background:#fff;cursor:pointer
}
.pur-check:hover{border-color:#c9dbff;background:#f8fbff}
.pur-check:has(input:checked){border-color:#93c5fd;background:#eff6ff;box-shadow:0 0 0 1px rgba(23,105,255,.12)}
.pur-check input[type=checkbox]{width:16px;height:16px;accent-color:#1769ff}
.pur-check .name{font-weight:750;color:#1f2d3d;font-size:14px}
.pur-check .meta{display:block;margin-top:3px;color:#8a9bb2;font-size:12px;line-height:1.4}
.pur-check .meta b{color:#1f2d3d;font-weight:700}
.pur-check .qty,.pur-check .price{
width:100%;border:1px solid #e3ebf5;border-radius:8px;background:#fff;color:#1f2d3d;padding:8px;font-size:13px
}
.pur-check-h{
display:grid;grid-template-columns:auto minmax(0,1fr) 88px 100px;gap:10px;padding:0 14px 6px;
color:#8a9bb2;font-size:11px;font-weight:700
}
.pur-sum{margin-top:12px;padding:12px 14px;border-radius:10px;background:#f8fbff;border:1px solid #e3ebf5;color:#5f728a;font-size:13px}
.pur-sum b{color:#1769ff;font-size:16px;font-weight:800}
@media(max-width:700px){
.pur-modal .obm-grid{grid-template-columns:1fr}
.pur-check,.pur-check-h{grid-template-columns:auto minmax(0,1fr);gap:8px}
.pur-check .qty,.pur-check .price{grid-column:2}
}
/* config item ctrl / type filters */
.config-item-ctrl{
display:flex;justify-content:space-between;align-items:center;gap:12px;
flex-wrap:wrap;margin:4px 0 12px
}
.config-type-filters{display:flex;flex-wrap:wrap;gap:6px;max-height:92px;overflow:auto;padding-bottom:2px}
.config-type-filters button{
border:1px solid #e3ebf5!important;border-radius:999px!important;background:#fff!important;
color:#8a9bb2!important;padding:6px 11px!important;font-size:12px!important;font-weight:700!important
}
.config-type-filters button em{font-style:normal;opacity:.7;margin-left:4px;font-variant-numeric:tabular-nums}
.config-type-filters button.on,
.config-type-filters button:hover{
border-color:#c9dbff!important;background:#eef3ff!important;color:#1769ff!important
}
.config-item-toolbar{display:flex;align-items:center;gap:10px;flex-wrap:wrap;width:100%;margin-bottom:8px}
.config-item-searchwrap{position:relative;flex:1 1 auto;width:100%;min-width:0}
.config-item-search{
width:100%;height:38px;border:1px solid #e3ebf5;border-radius:999px;
background:#fff;padding:0 48px 0 14px;font-size:13px;color:#1f2d3d;outline:none;
-webkit-appearance:none;appearance:none
}
.config-item-search::-webkit-search-decoration,
.config-item-search::-webkit-search-cancel-button,
.config-item-search::-webkit-search-results-button{display:none;-webkit-appearance:none}
.config-item-addin{
position:absolute;right:5px;top:6px;height:26px;min-width:36px;padding:0 10px;border:0;border-radius:7px;
background:#1769ff;color:#fff;font-size:16px;line-height:1;display:grid;place-items:center
}
.config-item-addin-wide{min-width:88px;padding:0 12px;font-size:12px;font-weight:750;white-space:nowrap}
.config-item-searchwrap:has(.config-item-addin-wide) .config-item-search{padding-right:104px}
.config-item-search:focus{border-color:#93c5fd;box-shadow:0 0 0 3px rgba(23,105,255,.12)}
.config-item-meta{color:#7b8da5;font-size:12.5px;white-space:nowrap}
.config-item-meta b{color:#1769ff;font-weight:800}
.config-item-shelf{font:12px 'IBM Plex Mono',ui-monospace,Menlo,monospace;color:#1769ff;font-weight:700}
html body .app > .main:has(.config-item-split),
html body .app > .main:has(.config-people-page){
overflow:hidden!important;min-height:0!important
}
html body .app > .main > .main-body:has(.config-item-split),
html body .app > .main > .main-body:has(.config-people-page){
display:flex!important;flex-direction:column!important;min-height:0!important;overflow:hidden!important;padding-bottom:16px!important
}
.config-surface:has(.config-item-split),
.config-surface:has(.config-people-page){
display:flex;flex-direction:column;flex:1 1 auto;min-height:0;overflow:hidden;height:auto
}
.config-surface > .config-tabs,.config-surface > .po-v2-toggle{flex:0 0 auto}
.config-item-split{display:grid;grid-template-columns:240px minmax(0,1fr);gap:12px;align-items:stretch;flex:1 1 auto;min-height:0;height:auto;overflow:hidden}
.config-sup-side{border:1px solid #e3ebf5;border-radius:12px;background:#f7fbff;display:flex;flex-direction:column;min-height:0;overflow:hidden}
.config-sup-side-h{display:flex;flex-direction:column;align-items:stretch;gap:8px;padding:10px 8px 8px;font-size:12px;font-weight:700;color:#8a9bb2;flex:0 0 auto}
.config-sup-side-h>span{flex:0 0 auto}
.config-lens{display:flex;align-items:center;gap:8px;height:36px;padding:0 4px 0 10px;border-radius:10px;background:#eef3f9}
.config-lens>span{color:#8a9bb2;font:750 12px Manrope,sans-serif;white-space:nowrap;flex:0 0 auto}
.config-lens select{
appearance:none;-webkit-appearance:none;flex:1;min-width:0;height:28px;
padding:0 26px 0 10px;border:0;border-radius:8px;
background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1.5l5 5 5-5' fill='none' stroke='%238a9bb2' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat right 8px center;
color:#1769ff;font:750 13px Manrope,sans-serif;box-shadow:0 1px 4px rgba(69,93,128,.1);cursor:pointer
}
.config-lens select:focus{outline:0;box-shadow:0 0 0 2px rgba(23,105,255,.18)}
.config-sup-search-row{display:flex;align-items:center;gap:8px}
.config-sup-search{position:relative;flex:1;min-width:0;margin:0}
.config-sup-search input{
width:100%;height:36px;border:1px solid #e3ebf5;border-radius:999px;background:#fff;
padding:0 40px 0 10px;font-size:13px;color:#1f2d3d;outline:none
}
.config-sup-search input:focus{border-color:#93c5fd;box-shadow:0 0 0 3px rgba(23,105,255,.12)}
.config-sup-search button{
position:absolute;right:4px;top:5px;height:26px;min-width:32px;padding:0 8px;border:0;border-radius:7px;
background:#1769ff;color:#fff;font-size:16px;line-height:1;display:grid;place-items:center
}
.config-sup-list{flex:1;min-height:0;overflow:auto;padding:0 8px 8px}
.config-sup-empty{padding:16px 8px;color:#8a9bb2;font-size:12px;text-align:center}
.config-sup-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px;align-items:center;margin-bottom:6px;border:1px solid #e3ebf5;border-radius:10px;padding:4px 6px;background:#fff}
.config-sup-more{position:relative}
.config-sup-menu{display:none;position:absolute;right:0;top:calc(100% + 4px);min-width:96px;padding:4px;border:1px solid #e3ebf5;border-radius:8px;background:#fff;box-shadow:0 8px 20px rgba(69,93,128,.12);z-index:5}
.config-sup-more.open .config-sup-menu{display:grid}
.config-sup-menu button{border:0;background:transparent;text-align:left;padding:7px 10px;border-radius:6px;font:750 12px Manrope,sans-serif;color:#1f2d3d}
.config-sup-menu button:hover{background:#f0f5ff}
.config-sup-row.off{opacity:.55;background:#f6f8fb}
.config-sup-row:hover{border-color:#c9dbff}
.config-sup-row.on{background:#1769ff;border-color:#1769ff}
.config-sup-row>button[data-action="config-supplier-select"],
.config-sup-row>button[data-action="config-item-type"],
.config-sup-row>button[data-action="config-item-theme"],
.config-sup-row>button[data-action="config-item-zone"],
.config-sup-row>button[data-action="config-theme-pick"],
.config-sup-row>button[data-action="config-flow-pick"]{border:0;background:transparent;text-align:left;padding:6px 4px;min-width:0;width:100%;display:flex;align-items:center;gap:8px}
.acc-split .config-sup-row>button[data-action="config-flow-pick"]{
display:flex;align-items:center;gap:8px;width:100%
}
.acc-split .config-sup-row>button>b{
flex:1;min-width:0;display:block;font-size:13px;font-weight:600;line-height:18px;
white-space:nowrap;overflow:hidden;text-overflow:ellipsis
}
.acc-split .config-sup-row>button>small{flex:none;margin:0;line-height:18px;text-align:right;white-space:nowrap;color:#1769ff}
.acc-split .config-sup-row.on>button>small{color:#fff}
.config-th-ph{width:28px;height:36px;flex:none;border-radius:5px;background:#eef3ff;overflow:hidden;display:grid;place-items:center;color:#3370ff;font:700 12px sans-serif}
.config-th-ph img{width:100%;height:100%;object-fit:cover;display:block}
.config-sup-row.on .config-th-ph{background:rgba(255,255,255,.2);color:#fff}
.config-sup-row b{display:flex;align-items:center;gap:6px;font-size:13px;color:#1f2d3d}
.config-item-split .config-sup-row>button[data-action="config-supplier-select"],
.config-item-split .config-sup-row>button[data-action="config-item-type"],
.config-item-split .config-sup-row>button[data-action="config-item-theme"],
.config-item-split .config-sup-row>button[data-action="config-item-zone"]{
display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:6px;align-items:center
}
.config-item-split .config-sup-row>button>.config-ch-tag{justify-self:start;align-self:center}
.config-item-split .config-sup-row>button>b{display:block;min-width:0;line-height:18px;white-space:nowrap}
.config-item-split .config-sup-row>button>small{margin-top:0;line-height:18px;text-align:right;white-space:nowrap}
.config-sup-row .config-ch-tag{
height:18px;padding:0 6px;border:0;border-radius:4px;
font-size:11px;font-weight:400
}
.config-sup-row .config-ch-tag.offline{background:#fff7e7;color:#c98621}
.config-sup-row .config-ch-tag.online{background:#eef3ff;color:#1769ff}
.config-sup-row .config-ch-tag.off{background:#eee;color:#8a9bb2}
.config-sup-row.on .config-ch-tag.offline{background:rgba(255,247,231,.28);color:#fff}
.config-sup-row.on .config-ch-tag.online{background:rgba(238,243,255,.28);color:#fff}
.config-sup-row small{display:block;margin-top:3px;color:#8a9bb2;font:11px 'IBM Plex Mono',ui-monospace,Menlo,monospace}
.config-sup-row.on b,.config-sup-row.on small{color:#fff}
.config-sup-row.on .config-mini{background:rgba(255,255,255,.16);border-color:rgba(255,255,255,.35);color:#fff}
.config-item-main{background:#fff;border:1px solid #e3ebf5;border-radius:12px;padding:14px 16px 16px;min-width:0;min-height:0;display:flex;flex-direction:column;overflow:hidden}
.config-item-main .config-item-ctrl{flex:0 0 auto}
.config-item-table-card{padding:0;overflow:hidden;flex:1;min-height:0;display:flex;flex-direction:column}
.config-item-x{flex:1;min-height:0;min-width:0;width:100%;overflow-x:auto;display:flex;flex-direction:column}
.config-item-x:has(.cfg-wall){overflow:auto}
.cfg-wall{flex:1;min-height:0;padding:10px 12px 14px}
.cfg-wall-h{display:flex;align-items:baseline;gap:8px;margin:0 0 10px}
.cfg-wall-h b{font:800 14px Manrope,sans-serif;color:#1f2d3d}
.cfg-wall-h span{color:#8a9bb2;font:12px Manrope,sans-serif}
.cfg-aisles{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 12px}
.cfg-aisles button{height:30px;padding:0 12px;border:1px solid #e3ebf5;border-radius:8px;background:#fff;color:#5b6b80;font:650 12px Manrope,sans-serif}
.cfg-aisles button.on{border-color:#1769ff;background:#eef3ff;color:#1769ff}
.cfg-racks-nav{margin-top:-4px}
.cfg-board{display:flex;flex-direction:column;gap:12px}
.cfg-row{display:flex;align-items:flex-start;gap:16px;padding:12px 0;border-bottom:1px solid #eef3f8}
.cfg-row:last-child{border-bottom:0}
.cfg-row-h{flex:0 0 72px;padding-top:8px}
.cfg-row-h b{display:block;color:#1769ff;font:800 14px Manrope,sans-serif}
.cfg-row-h span{display:block;margin-top:4px;color:#8a9bb2;font:650 12px Manrope,sans-serif}
.cfg-row .cfg-dots{flex:1;min-width:0;min-height:96px}
.cfg-ly-empty{color:#c5d0de;font:12px Manrope,sans-serif;font-style:normal}
.cfg-dots{display:flex;flex-wrap:wrap;gap:14px;align-items:flex-start}
.cfg-dot{width:100px;flex:none;border:0;background:transparent;padding:0;cursor:pointer;text-align:center}
.cfg-dot-ph{display:block;width:88px;height:88px;min-width:88px;min-height:88px;margin:0 auto 6px;border-radius:10px;background:#eef3ff;color:#1769ff;overflow:hidden;font:800 22px Manrope,sans-serif;line-height:88px;aspect-ratio:1/1}
.cfg-wall .cfg-dot-ph img{width:88px!important;height:88px!important;max-width:none!important;object-fit:cover;object-position:center;display:block;flex:none}
.cfg-dot span{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;max-width:96px;max-height:2.6em;overflow:hidden;line-height:1.3;font:650 12px Manrope,sans-serif;color:#1f2d3d}
.cfg-loose{margin-top:14px;padding-top:12px;border-top:1px solid #e3ebf5}
.config-item-table.is-head,.config-item-table.is-body{width:100%;flex:0 0 auto;margin:0}
.config-item-table.is-head{flex:0 0 auto}
.config-item-table.is-head th{position:static;top:auto;box-shadow:none}
.config-item-table-scroll{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden}
/* Each offscreen group keeps its space without relaying out every item on resize. */
.config-item-batch{content-visibility:auto;contain-intrinsic-block-size:auto 2880px}
.config-item-table-card .config-item-pager{flex:0 0 auto}
.config-item-cur{display:flex;align-items:center;flex-wrap:nowrap;gap:8px 14px;margin:0 0 12px;overflow-anchor:none}
.config-item-cur b{font-size:18px;line-height:28px}
.config-item-cur .cfg-type-name{cursor:text;display:inline-flex;align-items:center;min-height:28px}
.config-item-cur .cfg-type-ren-inp{
display:block;box-sizing:border-box;width:100%;height:28px;margin:0;border:1px solid #93c5fd;border-radius:6px;
padding:0 6px;font:800 18px/26px Manrope,sans-serif;color:#1f2d3d;outline:0;background:#fff;
box-shadow:0 0 0 3px rgba(23,105,255,.12)
}
.config-item-cur span{color:#8a9bb2;font-size:13px}
.config-item-cur span.note{display:inline-flex;align-items:center;gap:5px;color:#5f728a}
.config-item-cur .cnt{margin-left:auto;font-size:16px;font-weight:800;color:#1f2d3d}
@media(max-width:900px){.config-item-split{grid-template-columns:1fr}}
.config-item-pager{
display:flex;align-items:center;justify-content:space-between;gap:12px;
padding:12px 14px;border-top:1px solid #eef2f7;background:#f8fbff;color:#7b8da5;font-size:12.5px
}
.config-item-pager .ghost[disabled]{opacity:.4;cursor:not-allowed}
.list-pager,.ib-pager{
display:flex;align-items:center;justify-content:center;gap:12px;
padding:12px 14px;flex:0 0 auto;color:#7b8da5;font-size:12.5px
}
.list-pager .ghost[disabled],.ib-pager button[disabled]{opacity:.4;cursor:not-allowed}
.ib-pager button{border:1px solid #e3ebf5;background:#fff;border-radius:8px;padding:6px 12px;color:#5f728a}
.config-item-ctrl{display:flex;flex-direction:column;align-items:stretch;gap:8px}
.config-surface > .config-item-ctrl{display:block;margin:0 0 12px}
.config-surface > .config-item-ctrl .config-item-searchwrap{display:block;width:100%}
.config-surface > .config-toolbar{display:none!important}
.config-person-left{display:flex;align-items:flex-start;gap:10px;min-width:0;flex:1}
.config-person-card .row-actions .config-mini.danger{color:#e35b5b;border-color:#f5d2cf;background:#fff5f5}
.config-person-card .row-actions .config-mini.danger:hover{background:#ffe8e8;border-color:#f0b4b0}
/* === batch usage modal polish v2 === */
.bum-modal{
width:min(920px,96vw)!important;height:min(88vh,800px)!important;max-height:min(88vh,800px)!important;
padding:0!important;border-radius:16px!important;overflow:hidden!important;
background:#fff!important;border:1px solid #e3ebf5!important;
box-shadow:0 28px 70px rgba(31,45,61,.18)!important;
display:flex!important;flex-direction:column!important;
}
.bum-head{
display:flex;justify-content:space-between;gap:16px;align-items:flex-start;
padding:18px 22px 14px;border-bottom:1px solid #e3ebf5;
background:linear-gradient(180deg,#fff,#f7faff);
flex:0 0 auto;
}
.bum-kicker{color:#1769ff;font:11px ui-monospace,Menlo,monospace;letter-spacing:.14em;margin-bottom:6px}
.bum-head h2{margin:0;font-size:20px;color:#1f2d3d;letter-spacing:-.02em}
.bum-head p{margin:6px 0 0;color:#8a9bb2;font-size:13px;line-height:1.5;max-width:620px}
.bum-close{width:36px;height:36px;border-radius:10px!important}
.bum-body{padding:14px 18px 12px;overflow:hidden;flex:1;min-height:0;background:#f3f7fc;display:flex;flex-direction:column}
.bum-foot{
display:flex;justify-content:flex-end;gap:10px;padding:12px 20px 16px;
border-top:1px solid #e3ebf5;background:#fff;flex:0 0 auto
}
.bum-foot .primary{min-width:150px;height:40px;border-radius:10px!important}
.bum-foot .ghost{height:40px;border-radius:10px!important;padding:0 16px}
/* locked theme banner */
.bum-locked{
display:flex;justify-content:space-between;align-items:center;gap:14px;flex-wrap:wrap;
padding:12px 14px;margin-bottom:12px;border-radius:12px;
background:linear-gradient(135deg,#eff6ff,#f8fbff);border:1px solid #bfdbfe;
}
.bum-locked-main{display:flex;align-items:center;gap:12px;min-width:0}
.bum-locked-tag{
flex:0 0 auto;height:26px;padding:0 10px;border-radius:999px;
background:#1769ff;color:#fff;font-size:11px;font-weight:800;display:inline-flex;align-items:center
}
.bum-locked-title{font-size:15px;color:#1f2d3d;font-weight:750}
.bum-locked-title b{font:800 14px ui-monospace,Menlo,monospace;color:#1769ff}
.bum-locked-sub{margin-top:3px;font-size:12px;color:#64748b}
.bum-locked-note{font-size:12px;color:#3b82f6;font-weight:650}
/* multi-select selected bar (not locked) */
.bum-selected-bar{
display:flex;align-items:flex-start;gap:12px;flex-wrap:wrap;
padding:10px 12px;margin-bottom:12px;border-radius:12px;
background:#fff;border:1px solid #e3ebf5;box-shadow:0 4px 14px rgba(69,93,128,.04)
}
.bum-selected-label{flex:0 0 auto;font-size:12px;color:#64748b;font-weight:700;padding-top:6px}
.bum-selected-label strong{color:#1769ff;font-size:15px}
.bum-selected{display:flex;flex-wrap:wrap;gap:6px;flex:1;min-width:0}
.bum-selected-chip{
display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border-radius:999px;
background:#eff6ff;border:1px solid #bfdbfe
}
.bum-selected-chip b{font:700 11px ui-monospace,Menlo,monospace;color:#1769ff}
.bum-selected-chip span{font-size:12px;color:#334155}
.bum-selected-empty{font-size:12px;color:#94a3b8;padding:6px 0}
.bum-main{display:grid;grid-template-columns:1fr;gap:12px;margin-bottom:12px;flex:1 1 0;min-height:0;overflow:hidden}
.bum-main:not(.locked){grid-template-columns:1fr 1.1fr}
.bum-main.locked{grid-template-columns:1fr}
.bum-panel{
background:#fff;border:1px solid #e3ebf5;border-radius:14px;
box-shadow:0 8px 22px rgba(69,93,128,.05);overflow:hidden;
display:flex;flex-direction:column;min-height:0
}
.bum-themes,.bum-mats{min-height:0;height:100%;overflow:hidden}
.bum-main.locked .bum-mats{min-height:0}
.bum-mat-q{width:100%;height:32px;margin:8px 12px 0;padding:0 12px;border:1px solid #e3ebf5;border-radius:8px;background:#fff;font:13px Manrope,sans-serif;box-sizing:border-box}
.bum-panel-h{
display:flex;justify-content:space-between;align-items:center;gap:10px;
padding:12px 14px;border-bottom:1px solid #eef2f7;background:#fafcff;flex:0 0 auto
}
.bum-panel-h b{display:block;font-size:14px;color:#1f2d3d}
.bum-panel-h span{display:block;font-size:11px;color:#8a9bb2;margin-top:2px}
.bum-mat-count{font-style:normal;font-size:12px;color:#94a3b8}
.bum-nodes{display:flex;flex-wrap:wrap;gap:6px;padding:10px 12px 0}
.bum-node{
height:28px;padding:0 10px;border-radius:999px;border:1px solid #e3ebf5;
background:#fff;color:#64748b;font-size:11px;font-weight:700;cursor:pointer
}
.bum-node:hover{border-color:#c9dbff;color:#1769ff}
.bum-node.on{background:#1769ff;border-color:#1769ff;color:#fff}
.bum-theme-list,.bum-mat-pick{
padding:10px 12px 12px;overflow:auto;flex:1;display:grid;gap:8px;align-content:start
}
.bum-theme-list{grid-template-columns:1fr}
.bum-mat-pick,.bum-main.locked .bum-mat-pick{grid-template-columns:repeat(4,minmax(0,1fr))}
.bum-theme,.bum-mat{
display:flex;gap:10px;align-items:flex-start;padding:10px 12px;border-radius:12px;
border:1px solid #e8eef6;background:#fbfdff;cursor:pointer;transition:.15s ease
}
.bum-theme:hover,.bum-mat:hover{border-color:#c9dbff;background:#f5f9ff}
.bum-theme:has(input:checked),.bum-mat:has(input:checked){
border-color:#93c5fd;background:#eff6ff;box-shadow:0 0 0 1px rgba(23,105,255,.12)
}
.bum-theme input,.bum-mat input{margin-top:2px;accent-color:#1769ff;width:15px;height:15px;flex:0 0 auto}
.bum-theme-body{min-width:0;flex:1}
.bum-theme-top{display:flex;justify-content:space-between;gap:8px;align-items:center}
.bum-theme-top b{font:700 12px ui-monospace,Menlo,monospace;color:#1769ff}
.bum-theme-top i{font-style:normal;font-size:11px;color:#64748b;background:#f1f5f9;border-radius:999px;padding:2px 8px}
.bum-theme-body strong{display:block;margin-top:2px;font-size:13px;color:#1f2d3d}
.bum-theme-body small,.bum-mat small{display:block;margin-top:2px;color:#8a9bb2;font-size:11px}
.bum-mat b{display:block;font-size:13px;color:#1f2d3d}
.bum-detail{margin-top:0;flex:1 1 48%;min-height:220px;max-height:none;overflow:hidden;display:flex;flex-direction:column}
.bum-detail-head{
display:grid;grid-template-columns:minmax(150px,1.4fr) 90px 80px minmax(160px,1.3fr);
gap:10px;padding:0 14px 8px;color:#8a9bb2;font-size:11px;font-weight:700
}
#batch-material-rows{padding:0 12px 12px;display:flex;flex-direction:column;justify-content:flex-start;align-items:stretch;gap:6px;overflow:auto;flex:1;min-height:0}
.bum-row,.batch-material-row.bum-row{
display:grid!important;
grid-template-columns:minmax(150px,1.4fr) 90px 80px minmax(160px,1.3fr)!important;
gap:10px!important;align-items:center!important;margin:0!important;
padding:12px 14px!important;border:1px solid #e3ebf5!important;border-radius:12px!important;
background:#fff!important;box-shadow:0 4px 12px rgba(69,93,128,.04)
}
.bum-row-mat b{display:block;font-size:13.5px;color:#1f2d3d}
.bum-row-mat small{display:block;margin-top:3px;color:#8a9bb2;font-size:11px}
.bum-row select,.bum-row input,
.batch-material-row.bum-row select,.batch-material-row.bum-row input{
width:100%;min-width:0;border:1px solid #e3ebf5!important;border-radius:9px!important;
background:#fff!important;color:#1f2d3d!important;padding:10px 11px!important;font-size:13px
}
.bum-row select:focus,.bum-row input:focus{border-color:#93c5fd!important;box-shadow:0 0 0 3px rgba(23,105,255,.1)}
.bum-empty{
padding:24px 16px;text-align:center;color:#94a3b8;font-size:13px;
border:1px dashed #dbe4f0;border-radius:12px;background:#fafcff
}
.bum-empty.soft{padding:8px 0;border:0;background:transparent}
@media(max-width:900px){
.bum-main:not(.locked){grid-template-columns:1fr}
.bum-mat-pick,.bum-main.locked .bum-mat-pick{grid-template-columns:repeat(2,minmax(0,1fr))}
.bum-detail-head,.bum-row,.batch-material-row.bum-row{grid-template-columns:1fr 1fr!important}
.bum-detail-head span:nth-child(3),.bum-detail-head span:nth-child(4){display:none}
}
@media(max-width:640px){
.bum-mat-pick,.bum-main.locked .bum-mat-pick{grid-template-columns:1fr}
}
/* === outbound modal theme groups === */
.ob-pick-wrap{margin-top:8px}
.ob-pick-search{
width:100%;height:38px;border:1px solid #e3ebf5;border-radius:9px;background:#fff;
color:#1f2d3d;padding:0 12px;margin-bottom:10px;font-size:13px;outline:none;box-sizing:border-box
}
.ob-pick-search:focus{border-color:#93c5fd;box-shadow:0 0 0 3px rgba(23,105,255,.12)}
.ob-tg-list{display:grid;gap:8px;max-height:none;overflow:visible;padding-right:0}
.ob-tg{
border:1px solid #e3ebf5;border-radius:12px;background:#fff;overflow:hidden
}
.ob-tg.open{border-color:#bfdbfe;box-shadow:0 6px 16px rgba(23,105,255,.08)}
.ob-tg-h{
display:grid;grid-template-columns:minmax(0,1fr) auto auto 28px;gap:10px;align-items:center;
padding:12px 14px;cursor:pointer;background:linear-gradient(180deg,#fff,#f8fbff)
}
.ob-tg-h:hover{background:#f5f9ff}
.ob-tg-h .name{font-weight:780;font-size:14px;color:#1f2d3d}
.ob-tg-h .code{display:block;margin-top:2px;font:11px ui-monospace,Menlo,monospace;color:#1769ff}
.ob-tg-h .stat{font-size:12px;color:#64748b;white-space:nowrap}
.ob-tg-h .stat b{color:#1769ff;font-size:14px}
.ob-tg-h .chev{
width:28px;height:28px;border-radius:8px;border:1px solid #e3ebf5;display:grid;place-items:center;
color:#94a3b8;background:#fff;transition:transform .15s;font-size:12px
}
.ob-tg.open .ob-tg-h .chev{transform:rotate(180deg);color:#1769ff;border-color:#bfdbfe}
.ob-tg-b{display:none;padding:8px 10px 12px;background:#f8fbff;border-top:1px solid #eef2f7}
.ob-tg.open .ob-tg-b{display:grid;gap:6px}
.ob-tg-item{
display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:10px;align-items:center;
padding:10px 12px;border:1px solid #e3ebf5;border-radius:10px;background:#fff;cursor:pointer
}
.ob-tg-item:hover{border-color:#c9dbff}
.ob-tg-item:has(input:checked){border-color:#93c5fd;background:#eff6ff;box-shadow:0 0 0 1px rgba(23,105,255,.1)}
.ob-tg-item.is-disabled{opacity:.55;cursor:not-allowed;background:#f8fafc}
.ob-tg-item input{accent-color:#1769ff;width:15px;height:15px}
.ob-tg-item .id{font:700 12px ui-monospace,Menlo,monospace;color:#1769ff}
.ob-tg-item .meta{display:block;margin-top:2px;font-size:11.5px;color:#64748b;line-height:1.4}
.ob-tg-item .meta b{color:#1f2d3d;font-weight:700}
.ob-tg-item .right{text-align:right;font:700 12px ui-monospace,Menlo,monospace;color:#1769ff}
.ob-tg-item .tag-mini{
display:inline-flex;margin-top:4px;height:20px;padding:0 7px;border-radius:999px;
font-size:11px;font-weight:700;align-items:center
}
.ob-tg-item .tag-mini.ok{background:#eaf8f2;color:#2f9b72}
.ob-tg-item .tag-mini.warn{background:#fff7e7;color:#c98621}
.ob-tg-empty{padding:16px;text-align:center;color:#94a3b8;font-size:13px}
.ob-pick-sum{
margin-top:10px;padding:10px 12px;border-radius:10px;background:#f0f7ff;border:1px solid #dbeafe;
color:#64748b;font-size:12.5px
}
.ob-pick-sum b{color:#1769ff;font-weight:800}
.inv-restock-btn{
appearance:none;border:0;cursor:pointer;
display:inline-flex;align-items:center;justify-content:center;
height:24px;padding:0 10px;border-radius:999px;
font:700 12px/1 ui-sans-serif,system-ui,-apple-system,sans-serif;
background:#ffe8e3;color:#d4533d;
box-shadow:inset 0 0 0 1px rgba(238,107,84,.25);
transition:transform .12s, box-shadow .12s, background .12s;
}
.inv-restock-btn:hover{
background:#ffd7cf;transform:translateY(-1px);
box-shadow:inset 0 0 0 1px rgba(238,107,84,.35),0 6px 14px rgba(238,107,84,.18);
}
.inv-restock-btn:active{transform:translateY(0)}
.inbound-page .ib-create-actions{margin-left:auto}
.inbound-page .metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}
.inbound-page .stat-pane{background:#fff;padding:10px 14px;display:flex;align-items:center;justify-content:space-between;gap:12px}
.inbound-page .stat-left{min-width:0}
.inbound-page .stat-pane .title{margin:0;font-size:12px;font-weight:750;letter-spacing:-.02em}
.inbound-page .stat-pane .num{font-size:18px;font-weight:800;letter-spacing:-.04em;line-height:1;margin:0;text-align:right;flex:0 0 auto}
.inbound-page .stat-pane .num small{font:600 11px/1 Manrope,sans-serif;color:var(--muted);margin-left:3px}
.inbound-page .stat-pane .title em{font-style:normal;color:var(--muted);font:600 12px 'IBM Plex Mono'}
.inbound-page .stat-flow{display:flex;gap:12px;flex-wrap:wrap;margin-top:4px}
.inbound-page .stat-flow span{color:var(--muted);font-size:12px}
.inbound-page .stat-flow b{color:var(--text);font-weight:800;font-variant-numeric:tabular-nums}
.inbound-page .stat-flow .w b{color:var(--orange)}
.inbound-page .stat-flow .o b{color:var(--green)}
.inbound-page .ctrl{display:flex;flex-direction:column;gap:10px;margin:0 0 14px}
.inbound-page .ctrl-row{display:flex;justify-content:space-between;gap:12px;align-items:center;flex-wrap:wrap}
.inbound-page .view-toggle{overflow:visible}
.inbound-page .sub-filters{display:inline-flex;align-items:center;gap:0;flex-wrap:nowrap;padding:0;background:#fff;border:1px solid var(--line2);border-radius:10px;overflow:hidden}
.inbound-page .sub-filters button{appearance:none;height:36px;padding:0 14px;border:0;border-right:1px solid var(--line2);border-radius:0;background:transparent;color:var(--muted);font-size:13px;font-weight:750}
.inbound-page .sub-filters button:last-child{border-right:0}
.inbound-page .sub-filters button:hover{color:var(--text);background:#f7fbff}
.inbound-page .sub-filters button.active{background:#1769ff;color:#fff}
.inbound-page .ok-btn{background:var(--green);border:1px solid var(--green);color:#fff;font-weight:800;padding:8px 12px;border-radius:8px;font-size:12px}
.inbound-page .filter-row .inv-v2-search{margin-left:auto;flex:0 0 240px;width:240px;min-width:240px;max-width:240px;display:flex}
.inbound-page .search,.inbound-page #ib-q{
width:100%;min-width:0;height:auto;appearance:none;-webkit-appearance:none;
border:1px solid rgba(207,220,234,1);border-radius:9px;background:#f1f6ff;
color:var(--text);padding:8px 11px;font:13px Manrope,sans-serif
}
.inbound-page .search:focus,.inbound-page #ib-q:focus,.inbound-page .field:focus{outline:0;border-color:var(--yellow)}
.inbound-page .orders{display:grid;gap:8px}
.inbound-page .ord-money{font:700 13px 'IBM Plex Mono';color:var(--yellow);min-width:88px;text-align:right}
.inbound-page .filter-row{display:flex;align-items:center;gap:10px;flex-wrap:nowrap}
.inbound-page .sup-block{border:1px solid var(--line);border-radius:12px;background:#fff;margin-bottom:8px;overflow:hidden;box-shadow:0 8px 20px rgba(69,93,128,.04)}
.inbound-page .sup-block.open{border-color:rgba(23,105,255,.18)}
.inbound-page .sup-row{display:grid;grid-template-columns:minmax(0,1fr) auto auto 24px;gap:12px;align-items:center;padding:12px 14px;cursor:pointer}
.inbound-page .sup-row:hover{background:#fbfdff}
.inbound-page .sup-block.open .sup-row{background:#f7fbff;border-bottom:1px solid var(--line)}
.inbound-page .sup-sum{display:flex;gap:16px;align-items:center;flex-wrap:wrap;color:var(--muted);font-size:12px}
.inbound-page .sup-sum b{color:var(--text);font-weight:800}
.inbound-page .sup-sum .amt{color:var(--yellow);font:700 13px 'IBM Plex Mono'}
.inbound-page .sup-sum .ok{color:var(--green)}
.inbound-page .sup-sum .wait{color:var(--orange)}
.inbound-page .sup-orders{display:none;padding:8px;background:#fafcff}
.inbound-page .sup-block.open .sup-orders{display:grid;gap:6px}
.inbound-page .orders,.inbound-page #ib-panel-supplier,.inbound-page #ib-panel-recycle{gap:6px}
.inbound-page .mini-ord{display:grid;grid-template-columns:52px minmax(0,1fr) auto auto auto;gap:8px;align-items:center;padding:7px 10px;min-height:36px;border:1px solid var(--line);border-radius:8px;background:#fff;cursor:pointer}
.inbound-page .mini-ord.on{border-color:#c9dbff;background:#eef3ff}
.inbound-page .src-marks{display:flex;flex-wrap:nowrap;gap:4px;align-items:center;min-width:0}
.inbound-page .src-more{color:var(--muted);font-size:11px;white-space:nowrap}
.inbound-page .src-mark{display:inline-flex;align-items:center;justify-content:center;height:22px;padding:0 7px;border-radius:6px;font:700 11px Manrope,sans-serif;letter-spacing:.02em;white-space:nowrap}
.inbound-page .src-mark.off{background:#eef3ff;color:#5b7ab8}
.inbound-page .src-mark.on{background:#e8f5ef;color:#4a9a78}
.inbound-page .src-mark.rec{background:#fff6ea;color:#c49a5a}
.inbound-page .src-mark.jd{background:#fdecee;color:#c86b73}
.inbound-page .src-mark.tb{background:#fff1e8;color:#c4845a}
.inbound-page .src-mark.pdd{background:#fde8ef;color:#c46b8a}
.inbound-page .src-mark.ali{background:#fff4e5;color:#c48a4a}
.inbound-page .src-mark.s1{background:#eaf0fb;color:#5d7eb8}
.inbound-page .src-mark.s2{background:#e7f4f1;color:#4f8f86}
.inbound-page .src-mark.s3{background:#f8f0e4;color:#b08950}
.inbound-page .src-mark.s4{background:#eee8f6;color:#7a6aa3}
.inbound-page .src-mark.s5{background:#e8f3ea;color:#5a8f68}
.inbound-page .src-mark.s6{background:#eef0f3;color:#6b7585}
.inbound-page #ib-panel-order .tag,
.inbound-page #ib-panel-items .tag{
background:transparent!important;border:0!important;padding:0;height:auto;font-weight:750
}
.inbound-page .time{color:var(--muted);font:12px 'IBM Plex Mono';white-space:nowrap}
.inbound-page .mini-ord:hover{border-color:#c9dbff;background:#f8fbff}
.inbound-page .mini-ord.on,
.inbound-page .mini-ord.on:hover,
.inbound-page .ib-item-row.on,
.inbound-page .ib-item-row.on:hover{border-color:#c9dbff!important;background:#eef3ff!important}
.inbound-page #ib-panel-supplier{display:grid;gap:6px}
.inbound-page .ib-sup-ord{border:1px solid var(--line);border-radius:10px;overflow:hidden;margin-bottom:10px;background:#fff}
.inbound-page .ib-sup-ord-h{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:10px 12px;background:#f7fbff;border-bottom:1px solid var(--line)}
.inbound-page .ib-sup-ord-h b{font-size:13px}
.inbound-page .ib-sup-ord-f{display:flex;justify-content:flex-end;padding:8px 12px;border-top:1px solid var(--line)}
.inbound-page .chev{width:24px;height:24px;border-radius:6px;border:1px solid var(--line);display:grid;place-items:center;color:var(--muted);font-size:11px}
.inbound-page .name{font-weight:750;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.inbound-page .name .meta{margin:0;color:var(--muted);font-size:12px;font-weight:500}
.inbound-page .empty{padding:36px;text-align:center;color:var(--muted);border:1px dashed var(--line2);border-radius:12px;background:#fff}
.inbound-page .drawer-mask{position:fixed;inset:0;background:rgba(23,64,128,.42);display:none;z-index:25;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}
.inbound-page .drawer-mask.on{display:block}
.inbound-page .drawer{position:fixed;top:12px;right:12px;bottom:12px;width:min(72vw,1280px);min-width:min(760px,calc(100vw - 24px));max-width:calc(100vw - 24px);background:#fff;border:1px solid var(--line2);border-radius:16px;box-shadow:var(--shadow);transform:translateX(110%);transition:transform .22s ease;z-index:26;display:flex;flex-direction:column;overflow:hidden}
.inbound-page .drawer.on{transform:translateX(0)}
.inbound-page .drawer.ib-hist{width:min(62vw,880px);min-width:min(520px,calc(100vw - 24px))}
.inbound-page #ib-hist-list{padding:12px 16px 20px;overflow:auto;flex:1;min-width:0}
.inbound-page .ib-hist-head,
.inbound-page .ib-hist-row{
display:grid;grid-template-columns:16px 88px minmax(0,1fr) 56px 88px;
gap:8px;align-items:center;min-width:0
}
.inbound-page .ib-hist-head{padding-left:34px;grid-template-columns:88px minmax(0,1fr) 56px 88px}
.inbound-page .ib-hist-head.is-inv,
.inbound-page .ib-hist-row.is-inv{grid-template-columns:16px 44px minmax(0,1fr) 136px 52px 116px;padding-left:10px}
.inbound-page .ib-hist-ph{width:36px;height:36px;border-radius:8px;object-fit:cover;background:#eef3f9;display:block}
.inbound-page .ib-hist-ph-empty{display:grid;place-items:center;color:#8a9bb2;font:800 12px Manrope,sans-serif}
.inbound-page .ib-hist-ghead.is-inv,
.inbound-page .ib-hist-grow.is-inv{grid-template-columns:minmax(0,1fr) 56px 88px}
.inbound-page .ib-hist-arr{
width:16px;height:16px;border:0;background:transparent;
background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Cpath d='M4.2 6.2l3.8 3.8 3.8-3.8' fill='none' stroke='%238a9bb2' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
background-repeat:no-repeat;background-position:center;transition:transform .16s ease
}
.inbound-page .ib-hist-ord.on .ib-hist-arr{transform:rotate(180deg)}
.inbound-page .ib-hist-head{
height:30px;padding:0 10px;margin:0 0 6px;border-radius:8px;background:#f7fbff;
color:#8a9bb2;font:750 12px Manrope,sans-serif
}
.inbound-page .ib-hist-row{
width:100%;height:40px;padding:0 10px;margin:0;border:0;border-radius:8px;background:transparent;text-align:left;cursor:pointer
}
.inbound-page .ib-hist-ord{
margin:0 0 6px;border:1px solid #e3ebf5;border-radius:10px;background:#fff;overflow:hidden
}
.inbound-page .ib-hist-ord.on{border-color:#c9dbff;background:#f7faff}
.inbound-page .ib-hist-goods{padding:0 10px 10px;border-top:1px solid #eef3f8}
.inbound-page .ib-hist-ghead,
.inbound-page .ib-hist-grow{
display:grid;grid-template-columns:88px minmax(0,1fr) 64px 80px;
gap:8px;align-items:center;min-width:0
}
.inbound-page .ib-hist-ghead{height:28px;color:#8a9bb2;font:750 11px Manrope,sans-serif}
.inbound-page .ib-hist-grow{min-height:30px}
.inbound-page .ib-hist-gname{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:750 12px Manrope,sans-serif;color:#1f2d3d}
.inbound-page .ib-hist-name,
.inbound-page .ib-hist-time,
.inbound-page .ib-hist-qty,
.inbound-page .ib-hist-amt{
min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:34px
}
.inbound-page .ib-hist-amt{white-space:normal;overflow:visible;text-overflow:clip;overflow-wrap:anywhere;line-height:1.35;padding:3px 0}
.inbound-page .ib-hist-row.is-inv{height:auto;min-height:44px;align-items:center}
@media(max-width:720px){.inbound-page .drawer.ib-hist{width:calc(100vw - 16px);min-width:0}.inbound-page .ib-hist-head.is-inv,.inbound-page .ib-hist-row.is-inv{grid-template-columns:16px 40px minmax(0,1fr) 104px 44px}.inbound-page .ib-hist-row.is-inv .ib-hist-amt{grid-column:1/-1;padding:0 0 6px 56px;line-height:1.4}}
.inbound-page .ib-hist-plat{
justify-self:start;max-width:100%;height:22px;line-height:22px;padding:0 7px;
overflow:hidden;text-overflow:ellipsis
}
.inbound-page .ib-hist-name{font:750 13px Manrope,sans-serif;color:#1f2d3d}
.inbound-page .ib-hist-time,.inbound-page .ib-hist-qty{font:12px 'IBM Plex Mono';color:#5b6b80}
.inbound-page .ib-hist-amt{font:700 12px 'IBM Plex Mono';color:#1f2d3d}
.inbound-page .drawer.ib-drawer-sm{
top:8vh;right:auto;left:50%;bottom:auto;transform:translate(-50%,8px);
width:min(520px,94vw);min-width:0;max-height:84vh
}
.inbound-page .drawer.ib-drawer-sm.on{transform:translate(-50%,0)}
.inbound-page .ib-info{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:0 0 12px;margin-bottom:8px;border-bottom:1px solid var(--line)}
.inbound-page .ib-info small{display:block;color:var(--muted);font-size:11px}
.inbound-page .ib-info b{display:block;margin-top:2px;font-size:13px;word-break:break-all}
.inbound-page .ib-rail-sec h4{margin:0 0 12px;font-size:13px}
.inbound-page .ib-node{position:relative;padding:0 0 14px 18px}
.inbound-page .ib-node:before{content:'';position:absolute;left:0;top:6px;width:8px;height:8px;border-radius:50%;background:var(--line)}
.inbound-page .ib-node:after{content:'';position:absolute;left:3px;top:16px;bottom:0;width:2px;background:var(--line)}
.inbound-page .ib-node:last-child:after{display:none}
.inbound-page .ib-node.done:before{background:var(--green)}
.inbound-page .ib-node.now:before{background:var(--yellow)}
.inbound-page .ib-node h5{margin:0 0 8px;font-size:13px;cursor:pointer}
.inbound-page .ib-node.idle h5{color:var(--muted);margin-bottom:0}
.inbound-page .ib-node.idle .ib-node-b{display:none}
.inbound-page .ib-mock{font:12px 'IBM Plex Mono';color:#5b6b80;background:#f4f7fb;border-radius:8px;padding:8px 10px;line-height:1.65}
.inbound-page .ib-node-b .primary{margin-top:8px}
.inbound-page .drawer-h{display:flex;justify-content:space-between;gap:12px;padding:18px 20px 14px;border-bottom:1px solid var(--line);background:#f7fbff}
.inbound-page .drawer-h h2{margin:0;font-size:18px}
.inbound-page .drawer-h p{margin:4px 0 0;color:var(--muted);font-size:12px}
.inbound-page .drawer-b{padding:16px 20px;overflow:auto;flex:1}
.inbound-page .drawer-f{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:12px 20px;border-top:1px solid var(--line)}
.inbound-page .ib-d-acts{display:flex;align-items:center;gap:8px}
.inbound-page .drawer-f .ghost,.inbound-page .drawer-f .primary{
height:32px;padding:0 14px;border-radius:8px;font-size:13px;font-weight:750
}
.inbound-page .ib-text-act{
appearance:none;border:0;background:transparent;color:#1769ff;font-size:13px;font-weight:750;padding:0;height:auto
}
.inbound-page .ib-track{display:flex;gap:0;margin:0 0 16px}
.inbound-page .ib-fstep{
flex:1;appearance:none;border:0;border-bottom:3px solid var(--line);background:transparent;
color:var(--muted);padding:8px 4px;font-size:12px;font-weight:750
}
.inbound-page .ib-fstep.done{border-color:var(--green);color:var(--green)}
.inbound-page .ib-fstep.now{border-color:var(--yellow);color:var(--yellow)}
.inbound-page .ib-field{display:grid;gap:5px;margin:0 0 12px;color:var(--muted);font-size:12px}
.inbound-page .ib-field input{border:1px solid var(--line2);border-radius:8px;padding:8px 10px;background:#f7fbff;color:var(--text);width:100%}
.inbound-page .ib-field em{font-style:normal;color:var(--muted);font-size:12px}
.inbound-page .ib-tip{margin:0;color:var(--muted);font-size:12px;line-height:1.5}
.inbound-page .ib-text-act:hover{text-decoration:underline}
.inbound-page .kv{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:14px}
.inbound-page .kv div{border:1px solid var(--line);border-radius:10px;padding:10px 12px;background:#f7fbff}
.inbound-page .kv small{display:block;color:var(--muted);font-size:11px}
.inbound-page .kv b{display:block;margin-top:4px;font-size:16px}
.inbound-page .ledger{width:100%;border-collapse:collapse}
.inbound-page .ledger th{text-align:left;color:var(--muted);font:11px 'IBM Plex Mono';font-weight:500;padding:8px 12px;background:#f1f6ff;border-bottom:1px solid var(--line)}
.inbound-page .ledger td{padding:10px 12px;border-bottom:1px solid #eef2f7;font-size:13px;vertical-align:middle;background:#fff}
.inbound-page .ledger tr:last-child td{border-bottom:0}
.inbound-page .icode{font:11px 'IBM Plex Mono';color:var(--muted)}
.inbound-page .actions{display:flex;gap:8px;flex-wrap:wrap}
.inbound-page .ib-mask{position:fixed;inset:0;background:rgba(23,64,128,.28);display:none;place-items:center;padding:20px;z-index:28;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}
.inbound-page .ib-mask.on{display:grid}
.inbound-page .modal{width:min(920px,100%);max-height:90vh;overflow:hidden;background:#fff;border:1px solid var(--line2);box-shadow:var(--shadow);border-radius:14px;display:flex;flex-direction:column}
.inbound-page .modal.shot-modal{width:min(880px,96vw)}
.inbound-page .modal-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;padding:18px 22px 14px;border-bottom:1px solid var(--line);background:#f7fbff}
.inbound-page .modal-head h2{margin:0;font-size:20px;letter-spacing:-.03em}
.inbound-page .modal-head p{margin:5px 0 0;color:var(--muted);font-size:12.5px}
.inbound-page .close{width:34px;height:34px;border:1px solid var(--line2);border-radius:10px;background:#fff;color:var(--muted);font-size:18px;display:grid;place-items:center}
.inbound-page .modal-body{padding:14px 22px;overflow:auto;flex:1;min-height:0}
.inbound-page .modal-foot{display:flex;justify-content:space-between;gap:10px;align-items:center;flex-wrap:wrap;padding:12px 22px 16px;border-top:1px solid var(--line)}
.inbound-page .form-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:10px}
.inbound-page .form-grid label{display:grid;gap:5px;color:var(--muted);font-size:12px}
.inbound-page .field{background:#fff;border:1px solid var(--line2);color:var(--text);padding:9px 11px;border-radius:8px;width:100%}
.inbound-page .finder{display:grid;grid-template-columns:180px minmax(0,1fr);gap:12px;margin-top:12px;min-height:360px}
.inbound-page .side-filters{border:1px solid var(--line);border-radius:10px;background:#f7fbff;padding:10px;overflow:auto}
.inbound-page .side-filters h4{margin:0 0 8px;font-size:12px;color:var(--muted);font-weight:700}
.inbound-page .fbtn{width:100%;text-align:left;border:0;background:transparent;color:var(--muted);padding:7px 8px;border-radius:7px;font-size:12px;font-weight:700;display:flex;justify-content:space-between}
.inbound-page .fbtn.on,.inbound-page .fbtn:hover{background:#eef3ff;color:var(--yellow)}
.inbound-page .fbtn em{font-style:normal;font:11px 'IBM Plex Mono';opacity:.7}
.inbound-page .pick-top{display:flex;gap:8px;margin-bottom:8px}
.inbound-page .pick-top .search{flex:1;min-width:0}
.inbound-page .pick-meta{color:var(--muted);font-size:12px;margin-bottom:8px}
.inbound-page .pick{display:grid;gap:6px;max-height:320px;overflow:auto;border:1px solid var(--line);border-radius:10px;padding:8px;background:#f7fbff}
.inbound-page .pi{display:grid;grid-template-columns:18px minmax(0,1fr) 72px 72px;gap:10px;align-items:center;padding:9px 10px;border:1px solid var(--line);border-radius:9px;background:#fff;cursor:pointer}
.inbound-page .pi.on{border-color:#c9dbff;background:#eef3ff}
.inbound-page .pi input[type=checkbox]{accent-color:var(--yellow)}
.inbound-page .pi input[type=number]{width:100%;border:1px solid var(--line2);border-radius:7px;padding:6px 7px}
.inbound-page .pi b{font-size:13px}
.inbound-page .pi small{display:block;margin-top:2px;color:var(--muted);font-size:11px}
.inbound-page .pi .w{color:var(--red);font-weight:750}
.inbound-page .pi-price{font:700 12px 'IBM Plex Mono';color:var(--yellow);text-align:right}
.inbound-page .shot-wrap{display:flex;justify-content:center;padding:10px;background:#eef5fb}
.inbound-page .shot{width:min(820px,100%);background:#fff;border:1px solid var(--line);border-radius:12px;padding:18px 16px;box-shadow:var(--shadow)}
.inbound-page .shot .logo{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:12px}
.inbound-page .shot .logo small{display:block;color:var(--yellow);font:10px 'IBM Plex Mono';letter-spacing:.1em;margin-top:3px}
.inbound-page .shot .badge{border:1px solid #c9dbff;background:#eef3ff;color:#1769ff;padding:4px 8px;font:11px 'IBM Plex Mono';border-radius:6px}
.inbound-page .shot .title{font-size:17px;font-weight:800;margin:0 0 12px;padding-bottom:12px;border-bottom:1px solid var(--line)}
.inbound-page .shot .sub{color:var(--muted);font-size:12px;line-height:1.5;margin:0 0 12px;padding-bottom:12px;border-bottom:1px solid var(--line)}
.inbound-page .shot table{width:100%;border-collapse:collapse}
.inbound-page .shot th{text-align:left;color:var(--muted);font:11px 'IBM Plex Mono';font-weight:500;padding:6px 4px;border-bottom:1px solid var(--line)}
.inbound-page .shot td{padding:8px 4px;border-bottom:1px solid #eef2f7;font-size:13px;vertical-align:top}
.inbound-page .shot .tot{margin-top:12px;display:flex;justify-content:space-between;padding-top:10px;border-top:1px solid var(--line)}
.inbound-page .shot .tot b{color:var(--yellow);font:700 14px 'IBM Plex Mono'}
.inbound-page .shot .foot{margin-top:10px;color:var(--muted);font:11px 'IBM Plex Mono';text-align:center}
.config-store-table{min-width:960px}
.config-store-table .store-addr{white-space:normal;max-width:280px}
.config-store-st{display:inline-block;padding:3px 8px;border-radius:999px;font-size:12px;font-weight:750}
.config-store-st.on{background:#e8f8f1;color:#2f9b72}
.config-store-st.off{background:#f3f5f8;color:#8a9bb2}
.config-store-hint{margin:8px 2px 0;color:var(--muted);font-size:12px;flex:0 0 auto}
.inbound-page .ib-alert-mask{align-items:center;justify-content:center;z-index:80}
.inbound-page .ib-alert-modal{width:min(420px,92vw);text-align:center}
.inbound-page .ib-alert-text{margin:8px 0 0;font-size:16px;font-weight:700;line-height:1.6;color:#1f2d3d}
html body .app > .main > .main-body:has(.inv-page){display:flex!important;flex-direction:column!important;min-height:0!important;overflow:hidden!important}
.inv-page{display:flex;flex-direction:column;flex:1;min-height:0;height:100%}
.inv-page .po-v2-top{flex:0 0 auto}
.inv-page .ob-split{flex:1 1 auto;min-height:0;height:0;margin-top:12px}
.inv-split .inv-th-store{grid-template-columns:28px minmax(0,1fr) auto}
.inv-th-ph,.inv-th-ph-lg{display:grid;place-items:center;overflow:hidden;background:#eef3ff;color:#1769ff;object-fit:cover}
.inv-th-ph{width:28px;height:36px;border-radius:5px;font:800 12px Manrope,sans-serif}
.inv-th-ph-lg{width:48px;height:64px;border-radius:8px;font:800 16px Manrope,sans-serif}
img.inv-th-ph,img.inv-th-ph-lg{width:28px;height:36px;object-fit:cover;display:block;padding:0}
img.inv-th-ph-lg{width:48px;height:64px}
.inv-th-mh{display:flex;align-items:center;gap:12px;min-width:0}
.inv-th-mh>div{min-width:0}
.inv-th-line.is-gone{opacity:.7}
.inv-th-line.is-gone .th-inst-more.is-dest{white-space:normal;line-height:1.3;color:#1769ff;font-weight:700}
.inv-th-ship{height:28px;padding:0 10px;border:1px solid #e3ebf5;border-radius:8px;background:#fff;color:#8a9bb2;font:700 12px Manrope,sans-serif}
.inv-th-ship:hover{color:#1f2d3d;border-color:#d7d3c8}
.inv-th-ship.on{border-color:#e8c35b;background:#fff8e8;color:#c98621}
.inv-split .ob-split-mb{padding:0 14px 12px}
.inv-mat-h,.inv-mat-line{
display:grid;grid-template-columns:minmax(160px,1.5fr) 92px 96px minmax(160px,1fr) 72px;
gap:10px;align-items:center;justify-items:start;text-align:left;
box-sizing:border-box;width:100%;margin:0 0 8px;padding:8px 12px
}
.inv-mat-h{height:34px;padding:0 12px;border-radius:8px;background:#f7fbff;color:#8a9bb2;font:750 12px Manrope,sans-serif}
.inv-mat-h>span,.inv-mat-line>span{justify-self:stretch;text-align:left;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.inv-mat-line{cursor:pointer;min-height:56px;border:1px solid #e3ebf5;border-radius:10px;background:#fff;padding:10px 14px}
.inv-mat-line.is-low{border-color:#f5d2cf;background:#fff8f7}
.inv-mat-line .rec-th-name{flex-direction:row;align-items:center;gap:10px;overflow:visible}
.inv-mat-ph{width:36px;height:36px;flex:none;border-radius:8px;background:#eef3ff;color:#1769ff;overflow:hidden;display:grid;place-items:center;font:800 13px Manrope,sans-serif}
img.inv-mat-ph{width:36px;height:36px;object-fit:cover;padding:0;cursor:zoom-in}
.inv-mat-txt{min-width:0;display:flex;flex-direction:column;gap:2px;overflow:hidden}
.inv-mat-line .rec-th-name em{color:#8a9bb2;font:600 11px 'IBM Plex Mono'}
.inv-mat-line .inv-left-n{display:flex;flex-direction:column;align-items:flex-start;gap:1px;overflow:visible}
.inv-mat-line .inv-left-n b{font:800 16px 'IBM Plex Mono',sans-serif;letter-spacing:-.04em;color:#1769ff;line-height:1.05}
.inv-mat-line .inv-left-n b.due-hot{color:#d4533b}
.inv-mat-line .inv-left-n small{color:#8a9bb2;font:700 11px Manrope,sans-serif}
.inv-mat-line .inv-mat-subn{color:#7b8da5;font:12px Manrope,sans-serif}
.inv-mat-line .inv-mat-loc{font:650 13px 'IBM Plex Mono',sans-serif;color:#1769ff}
.inv-d-modal{width:min(640px,94vw)!important;height:auto!important;max-height:86vh;overflow:auto}
.inv-d-body{padding:16px 18px 18px}
.inv-d-hero{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 16px;margin:0 0 12px;border:1px solid #e3ebf5;border-radius:10px;background:#f7fbff}
.inv-d-hero .inv-d-ph{width:48px;height:48px;border-radius:10px;flex:none}
img.inv-mat-ph.inv-d-ph{width:48px;height:48px}
.inv-d-loc{display:block;font:650 16px 'IBM Plex Mono',sans-serif;color:#1769ff}
.inv-d-ref{display:block;margin-top:6px;color:#8a9bb2;font:12.5px Manrope,sans-serif}
.inv-d-ref em{font-style:normal}
.inv-d-ref em.due-hot{color:#d4533b;font-weight:800}
.inv-d-left{display:flex;flex-direction:column;align-items:flex-end;gap:2px}
.inv-d-left b{font:800 28px 'IBM Plex Mono',sans-serif;color:#1769ff;line-height:1;letter-spacing:-.04em}
.inv-d-left b.due-hot{color:#d4533b}
.inv-d-left small{color:#8a9bb2;font:700 11px Manrope,sans-serif}
.inv-d-facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:0 0 12px}
.inv-d-facts>span{display:flex;flex-direction:column;gap:2px;padding:10px 12px;border:1px solid #e3ebf5;border-radius:8px;background:#fff}
.inv-d-facts small{color:#8a9bb2;font:700 11px Manrope,sans-serif}
.inv-d-facts b{font:750 16px 'IBM Plex Mono',sans-serif;color:#1f2d3d}
.inv-d-money{display:flex;gap:16px;flex-wrap:wrap;margin:0;padding:0 2px;color:#8a9bb2;font:12.5px Manrope,sans-serif}
.inv-d-money b{font:700 13px 'IBM Plex Mono',sans-serif;color:var(--yellow)}
.inv-d-body .detail-box{margin-top:14px}
.ob-split-store.is-low b{color:#d4533b}
.ob-split-store.is-low .n{color:#d4533b;border-color:#f5d2cf}
.ob-split-store.is-low.on .n{background:#d4533b;color:#fff;border-color:#d4533b}
.ob-split-mh .rec-btn{height:30px;padding:0 12px}
.inv-mh-title{display:flex;align-items:baseline;gap:10px;min-width:0;flex-wrap:wrap}
.ob-split-mh .inv-mh-title span{display:inline;margin-top:0}
.inv-mh-acts{display:flex;align-items:center;gap:8px;flex:none}
.inv-kit-panel{margin:0 0 10px}
.inv-kit-fold{width:100%;display:flex;align-items:center;gap:8px;height:34px;padding:0 12px;border:0;border-radius:8px;background:#f7fbff;cursor:pointer;text-align:left}
.inv-kit-fold b{font:800 13px Manrope,sans-serif;color:#1f2d3d}
.inv-kit-fold span{color:#1769ff;font:700 12px 'IBM Plex Mono',sans-serif}
.inv-kit-fold i{margin-left:auto;font:700 12px Manrope,sans-serif;font-style:normal;color:#8a9bb2}
.inv-kit-panel.is-fold .inv-kit-block{display:none}
.inv-kit-block{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;flex:none;max-height:none;overflow:visible;padding:8px 0 2px}
.inv-kit-block>.inv-kit-clear,.inv-kit-block>.inv-v2-empty{grid-column:1/-1}
.inv-kit-clear{display:block;margin:6px 0 0;border:0;background:none;color:#1769ff;font:700 12px Manrope,sans-serif;cursor:pointer;padding:0}
.inv-kit-card{border:1px solid #e3ebf5;border-radius:10px;background:#fff;padding:10px 12px;margin:0 0 8px}
.inv-kit-card.is-gone{opacity:.7}
.inv-kit-card{cursor:pointer;padding:10px 12px;transition:border-color .15s,box-shadow .15s,transform .15s}
.inv-kit-card:hover{border-color:#b8d0ff;box-shadow:0 8px 18px rgba(23,105,255,.08);transform:translateY(-1px)}
.inv-kit-card-top{display:flex;align-items:center;justify-content:space-between;gap:8px}
.inv-kit-card-top .id{font:850 16px 'IBM Plex Mono',ui-monospace,Menlo,monospace;color:#1769ff;letter-spacing:-.04em}
.inv-kit-status{font-style:normal;font:700 11px Manrope,sans-serif;color:#1769ff;background:#eef4ff;border:1px solid #c9dbff;border-radius:999px;padding:3px 8px}
.inv-kit-mainline{display:flex;align-items:center;gap:8px;margin-top:8px;min-width:0}
.inv-kit-theme{margin:0;min-width:0;color:#1f2d3d;font-size:14px;font-weight:800;letter-spacing:-.03em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.inv-kit-stage{margin-top:4px;color:#7b8da5;font-size:12px}
.inv-kit-count{flex:none;color:#1769ff;font:700 12px 'IBM Plex Mono',sans-serif;white-space:nowrap}
.inv-kit-progress{flex:0 1 96px;min-width:56px;height:5px;border-radius:999px;background:#edf2f8;overflow:hidden}
.inv-kit-progress i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#6da4ff,#1769ff)}
.inv-kit-card-foot{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-top:8px;color:#9aaabe;font:11px 'IBM Plex Mono',sans-serif}
.inv-kit-card .kit-box-acts{margin-left:auto}
.kit-mini{height:24px!important;padding:0 8px!important;font:650 12px Manrope,sans-serif!important;border-radius:6px!important}
.inv-kit-mats{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}
.inv-kit-mat{width:72px;display:flex;flex-direction:column;align-items:center;gap:4px;min-width:0}
.inv-kit-mat .inv-mat-ph,img.inv-mat-ph.inv-kit-mat{width:48px;height:48px;border-radius:8px}
.inv-kit-mat b{font:650 11px Manrope,sans-serif;color:#1f2d3d;max-width:72px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:center}
.inv-kit-mat em{font:600 11px 'IBM Plex Mono',sans-serif;font-style:normal;color:#1769ff}
.inv-kit-more{align-self:center;color:#1769ff;font:750 12px Manrope,sans-serif;white-space:nowrap}
.inv-boxed-btn{border:0;background:none;padding:0;color:#1769ff;font:700 12px Manrope,sans-serif;cursor:pointer}
.inv-boxed-btn.on{color:#c98621}
.kit-box-h.is-embed,.kit-box-line.is-embed{grid-template-columns:88px 88px 72px 72px auto}
.ob-split-mh .inv-need{font-style:normal;font-weight:800;color:#d4533b}
.ob-split-store small .inv-left,.ob-split-mh .inv-left{font-style:normal;font-weight:800;color:inherit}
.ob-split-store small .inv-left.is-zero,.ob-split-mh .inv-left.is-zero{color:#d4533b}
.inv-split .ob-split-side-h{display:flex;flex-direction:column;align-items:stretch;gap:8px}
.inv-th-h,.inv-th-line{grid-template-columns:110px minmax(110px,.9fr) 80px minmax(100px,.9fr) 88px minmax(120px,.9fr)!important}
.inv-th-h{margin:0 14px 10px}
.inv-th-line{margin:0 0 10px;padding:14px 14px}
html body .app > .main:has(.ob-split){overflow:hidden!important}
html body .app > .main > .main-body:has(.ob-split){
display:flex!important;flex-direction:column!important;min-height:0!important;overflow:hidden!important;padding-bottom:16px!important
}
html body .app > .main > .main-body:has(.ob-split)>.po-v2-top,
html body .app > .main > .main-body:has(.ob-split)>.po-v2-ctrl{flex:0 0 auto}
html body .app > .main > .main-body:has(.ob-split)>.ob-split{flex:1 1 auto!important;min-height:0!important;height:0}
html body .main-body:has(.inbound-page.is-split){display:flex!important;flex-direction:column;min-height:0;overflow:hidden}
.inbound-page.is-split{display:flex;flex-direction:column;flex:1;min-height:0;height:100%}
.inbound-page .ib-split{flex:1;min-height:0;display:flex;align-items:stretch;gap:0}
.inbound-page .ib-split > .ib-pane{min-width:180px}
.inbound-page .ib-gutter{
flex:0 0 8px;cursor:col-resize;position:relative;z-index:3;background:transparent
}
.inbound-page .ib-gutter:before{
content:'';position:absolute;top:10px;bottom:10px;left:3px;width:2px;border-radius:2px;background:var(--line)
}
.inbound-page .ib-gutter:hover:before,.inbound-page .ib-gutter.on:before{background:#1769ff}
body.ib-col-drag{cursor:col-resize;user-select:none}
.inbound-page .ib-pane-r,.inbound-page .ib-pane-d{min-width:0;min-height:0}
.inbound-page .ib-detail-b{flex:1;min-height:0;overflow:auto;padding:12px 14px}
.inbound-page .ib-detail-f{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:10px 14px;border-top:1px solid var(--line)}
.inbound-page #ib-detail .kv{gap:6px;margin-bottom:10px}
.inbound-page #ib-detail .kv div{padding:8px 10px}
.inbound-page #ib-detail .kv b{font-size:14px}
.inbound-page #ib-detail .ledger th,.inbound-page #ib-detail .ledger td{padding:7px 8px}
.inbound-page #ib-detail .ib-info{grid-template-columns:1fr 1fr}
.inbound-page .ib-title-row{display:flex;align-items:center;gap:14px;min-width:0;flex:1}
.inbound-page .ib-sum{display:flex;align-items:baseline;gap:6px;color:#8a9bb2;font:650 12px Manrope,sans-serif;white-space:nowrap}
.inbound-page .ib-sum b{color:#1769ff;font:800 16px/1 'IBM Plex Mono',Manrope,sans-serif}
.inbound-page .ib-head-acts{display:flex;align-items:center;gap:8px;flex:0 0 auto}
.inbound-page .ib-hist-btn{
flex:0 0 auto;height:30px;padding:0 12px;border:1px solid #e3ebf5;border-radius:8px;
background:#fff;color:#1769ff;font:750 12px Manrope,sans-serif;white-space:nowrap
}
.inbound-page .ib-hist-btn:hover{border-color:#c9dbff;background:#eef3ff}
.inbound-page .ib-proc-modal{width:min(520px,94vw)}
.inbound-page .ib-proc-acts{display:flex;gap:8px;flex-wrap:wrap}
.inbound-page .ib-hist-why{display:block;color:#8a9bb2;font:12px Manrope,sans-serif;font-weight:500;margin-top:2px}
.inbound-page .ib-manual-modal{width:min(1240px,96vw);max-height:88vh;display:flex;flex-direction:column}
.inbound-page .ib-manual-body{padding:0!important;flex:1;min-height:0;display:flex;flex-direction:column}
.inbound-page #ib-m-manual .ib-manual-body{padding:8px 12px 10px}
.inbound-page #ib-m-manual #ib-left{display:flex;flex-direction:column;flex:1;min-height:560px;height:min(82vh,780px)}
.inbound-page.is-split #ib-left{display:flex;flex-direction:column;flex:1;min-height:0;height:auto;overflow:visible;z-index:8;position:relative}
.inbound-page #ib-left .ib-left-tools{display:flex;align-items:center;gap:6px;margin-left:auto;position:relative;z-index:9}
.inbound-page #ib-left .ib-filt-pop{left:auto;right:0}
.inbound-page .ib-item-wrap{flex:0 0 auto}
.inbound-page .ib-item-wrap.is-open .ib-item-row{margin-bottom:0;border-radius:10px 10px 0 0}
.inbound-page .ib-item-more{
margin:0 10px 8px;padding:8px 16px 10px;border:1px solid #e3ebf5;border-top:0;
border-radius:0 0 10px 10px;background:#f4f8ff;color:#5b6b80;font:12px Manrope,sans-serif;
display:flex;flex-wrap:wrap;gap:8px 18px
}
.inbound-page .ib-item-more b{color:#1769ff;font-weight:750;white-space:normal;word-break:break-word}
.inbound-page #ib-goods .ib-gsec-h{gap:8px}
.inbound-page .ib-gsec-h .ib-shot-btn{flex:none;height:24px;padding:0 8px;font-size:11px;border-radius:6px}
.inbound-page .ib-pane-l{min-width:280px;overflow:visible;z-index:8}
.inbound-page #ib-m-manual .ib-pane-h .close{margin-left:4px}
.inbound-page #ib-panel-items .ib-item-row{cursor:pointer}
.inbound-page .ib-stats{display:flex;gap:14px;color:var(--muted);font-size:12px;white-space:nowrap}
.inbound-page .ib-stats b{color:var(--text);font-weight:800;font-variant-numeric:tabular-nums}
.inbound-page .ib-pane{min-width:0;min-height:0;background:#fff;border:1px solid var(--line);border-radius:10px;box-shadow:0 8px 24px rgba(69,93,128,.045);display:flex;flex-direction:column;overflow:hidden}
.inbound-page .ib-pane.ib-pane-l{overflow:visible}
.inbound-page .ib-pane-h{padding:10px 12px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:10px}
.inbound-page #ib-left .ib-pane-h{justify-content:space-between}
.inbound-page #ib-left .ib-pane-h .search{flex:0 0 140px;width:140px;min-width:140px;max-width:140px;height:32px;padding:0 10px;margin-left:auto}
.inbound-page .ib-pane-h h2{margin:0;font-size:15px;letter-spacing:-.03em}
.inbound-page .ib-pane-h p{margin:3px 0 0;color:var(--muted);font-size:12px}
.inbound-page .ib-title-search{width:120px;flex:0 0 120px;height:32px;padding:0 10px}
.inbound-page .ib-sup-wrap{display:inline-flex;align-items:center;gap:8px;height:34px;padding:0 4px 0 10px;border-radius:8px;background:#f4f7fb}
.inbound-page .ib-sup-wrap span{color:#8a9bb2;font-size:12px;font-weight:750;white-space:nowrap}
.inbound-page .ib-sup-sel{
appearance:none;-webkit-appearance:none;height:28px;min-width:128px;max-width:180px;
padding:0 26px 0 8px;border:0;border-radius:6px;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1.5l5 5 5-5' fill='none' stroke='%238a9bb2' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat right 8px center;
color:#1f2d3d;font:750 12px Manrope,sans-serif;box-shadow:0 1px 4px rgba(69,93,128,.1);cursor:pointer
}
.inbound-page .ib-sup-sel:focus{outline:0;box-shadow:0 0 0 2px rgba(23,105,255,.18)}
.fac-img-zoom{display:none;position:fixed;inset:0;z-index:5000;background:rgba(15,23,42,.72);place-items:center;padding:24px;cursor:zoom-out}
.fac-img-zoom.on{display:grid}
.fac-img-zoom img{max-width:min(960px,94vw);max-height:90vh;object-fit:contain;border-radius:12px;background:#fff;box-shadow:0 18px 50px rgba(0,0,0,.35)}
.inbound-page .ib-photo img,.inbound-page .ib-shot-cover,.inbound-page .ib-shot-ph,.cfg-photo img,.ops-card-ph img,.st-photo img{cursor:zoom-in}
.inbound-page .ib-filt{position:relative;display:flex;flex-wrap:wrap;align-items:center;gap:8px}
.inbound-page .ib-st-line .ib-filt-pop{left:auto;right:0}
.inbound-page .ib-filt-pop{
position:absolute;top:calc(100% + 6px);left:0;z-index:30;min-width:220px;
padding:12px;border:1px solid #e3ebf5;border-radius:12px;background:#fff;
box-shadow:0 10px 28px rgba(31,45,61,.12);display:grid;gap:10px
}
.inbound-page .ib-filt-pop label{display:grid;gap:4px;color:#8a9bb2;font:650 11px Manrope,sans-serif}
.inbound-page .ib-filt-pop select,.inbound-page .ib-filt-pop input[type=date]{
height:32px;border:1px solid #e3ebf5;border-radius:8px;padding:0 8px;background:#fff;color:#1f2d3d;font:650 13px Manrope,sans-serif
}
.inbound-page .ib-ftags{display:flex;flex-wrap:wrap;gap:6px}
.inbound-page .ib-ftag{
display:inline-flex;align-items:center;gap:4px;height:26px;padding:0 6px 0 10px;
border:1px solid #d7e4ff;border-radius:999px;background:#eef3ff;color:#1769ff;font:750 12px Manrope,sans-serif
}
.inbound-page .ib-ftag button{border:0;background:transparent;color:#1769ff;font:800 14px/1 sans-serif;cursor:pointer;padding:0 2px}
.inbound-page .ib-dim-line{display:flex;flex-wrap:wrap;align-items:center;gap:6px;padding:6px 12px;border-bottom:1px solid #eef2f7;background:#fff}
.inbound-page .ib-dim-lab{color:#8a9bb2;font:750 11px Manrope,sans-serif;margin-right:4px}
.inbound-page .ib-gsec{margin:8px 12px 10px;padding-bottom:8px;border:1px solid #e3ebf5;border-radius:12px;background:#fff;overflow:hidden}
.inbound-page #ib-panel-items .ib-gsec .ib-item-row{margin:8px 10px 0}
.inbound-page .ib-gsec-h{
display:flex;align-items:center;gap:8px;flex-wrap:nowrap;
padding:12px 14px;width:100%;border:0;background:#f4f8ff;text-align:left
}
.inbound-page .ib-gsec-h .ib-gck{flex:none}
.inbound-page .ib-gsec-fold{
display:flex;align-items:center;gap:12px;flex-wrap:nowrap;flex:1;min-width:0;
padding:0;border:0;background:transparent;cursor:pointer;text-align:left
}
.inbound-page .ib-gsec-h>span,.inbound-page .ib-gsec-fold>span{display:flex;align-items:baseline;gap:8px;min-width:0;flex:1;overflow:hidden}
.inbound-page .ib-gsec-h b{font:800 14px Manrope,sans-serif;color:#1f2d3d;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.inbound-page .ib-gsec-h small{color:#8a9bb2;font:650 12px Manrope,sans-serif;flex:none}
.inbound-page .ib-gsec-h em{flex:none;color:#1769ff;font:800 15px 'IBM Plex Mono',Manrope,sans-serif;white-space:nowrap}
.inbound-page .ib-gsec-fold:after{content:"";width:7px;height:7px;flex:none;border-right:2px solid #8a9bb2;border-bottom:2px solid #8a9bb2;transform:rotate(45deg);transition:transform .15s}
.inbound-page .ib-gsec.is-off .ib-gsec-h{background:#fff}
.inbound-page .ib-gsec.is-off .ib-gsec-fold:after{transform:rotate(-45deg)}
.inbound-page .ib-line{
display:grid!important;
grid-template-columns:44px minmax(220px,1.5fr) 96px minmax(110px,.7fr) 80px 150px auto;
align-items:center;column-gap:22px;row-gap:6px;
padding:14px 16px;min-height:76px;border-top:1px solid #eef2f7;background:#fff
}
.inbound-page .ib-line.is-pick{
grid-template-columns:24px 44px minmax(200px,1.5fr) 96px minmax(110px,.7fr) 80px 150px auto
}
.inbound-page .ib-line.on{background:#eef3ff}
.inbound-page .ib-line-m{min-width:0}
.inbound-page .ib-line-m b{display:block;font:750 15px Manrope,sans-serif;color:#1f2d3d;line-height:1.35;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.inbound-page .ib-line-m small{display:block;margin-top:4px;color:#8a9bb2;font:12px Manrope,sans-serif}
.inbound-page .ib-line .ib-photo{width:40px;height:40px;grid-column:auto;grid-row:auto}
.inbound-page .ib-line .ib-contact{min-width:0;max-width:none;overflow:hidden;text-overflow:ellipsis}
.inbound-page .ib-line .ib-act{display:flex;align-items:center;gap:8px;justify-self:end}
.inbound-page .ib-line-q,.inbound-page .ib-line-a{display:flex;flex-direction:column;gap:4px;min-width:0}
.inbound-page .ib-line-q i,.inbound-page .ib-line-a i{font:650 11px Manrope,sans-serif;font-style:normal;color:#8a9bb2}
.inbound-page .ib-line-a{flex-direction:column;align-items:flex-start}
.inbound-page .ib-line-a .ib-amt-wrap{width:108px;max-width:108px}
.inbound-page .ib-line .ib-unit-hint{margin-top:2px}
.inbound-page .ib-shot-block{margin:8px 10px 14px;padding:10px 10px 8px;border:1px solid #e3ebf5;border-radius:12px;background:#fff}
.inbound-page .ib-shot-block.is-off{padding-bottom:10px;background:#f7fbff}
.inbound-page .ib-shot-meta span{display:flex;flex-direction:column;gap:2px;min-width:0}
.inbound-page .ib-shot-meta em{margin-left:auto;margin-right:8px;color:#1769ff;font:800 15px 'IBM Plex Mono',Manrope,sans-serif}
.inbound-page .ib-shot-meta:after{content:"";width:7px;height:7px;flex:none;border-right:2px solid #8a9bb2;border-bottom:2px solid #8a9bb2;transform:rotate(45deg)}
.inbound-page .ib-shot-block.is-off .ib-shot-meta:after{transform:rotate(-45deg)}
.inbound-page .ib-shot-meta{width:100%;border:0;background:transparent;cursor:pointer;text-align:left}
.inbound-page .ib-shot-block.is-off .ib-shot-meta{padding-bottom:0}
.inbound-page .ib-gsec-h em{color:#8a9bb2;font:650 12px Manrope,sans-serif}
.inbound-page .ib-shot-block{margin:8px 10px 14px;padding:10px 10px 8px;border:1px solid #e3ebf5;border-radius:12px;background:#fff}
.inbound-page .ib-shot-h{display:flex;align-items:center;gap:10px;padding:8px 12px 8px 10px}
.inbound-page .ib-shot-h .ib-shot-btn{flex:none;margin-left:auto;height:24px;padding:0 8px;font-size:11px;border-radius:6px}
.inbound-page .ib-shot-cover{width:40px;height:40px;object-fit:cover;flex:none;border-radius:8px;background:#f4f8ff;display:block}
.inbound-page .ib-shot-ico{
width:32px;height:32px;padding:0;flex:none;border:1px solid #e3ebf5;border-radius:8px;
background:#f4f8ff;color:#1769ff;display:grid;place-items:center;cursor:pointer
}
.inbound-page .ib-shot-ico svg{width:18px;height:18px;display:block}
.inbound-page .ib-shot-ico:hover{border-color:#c9dbff;background:#eef3ff}
.inbound-page .ib-shot-meta{display:flex;align-items:center;gap:12px;flex-wrap:nowrap;padding:4px 0;width:auto;flex:1;min-width:0;border:0;background:transparent;cursor:pointer;text-align:left}
.inbound-page .ib-shot-meta b{font:800 14px Manrope,sans-serif}
.inbound-page .ib-shot-meta small{color:#8a9bb2;font:12px Manrope,sans-serif}
.inbound-page .ib-shot-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:12px}
.inbound-page .ib-shot-card{display:grid;grid-template-columns:112px minmax(0,1fr);gap:10px;align-items:center;padding:10px;border:1px solid #e3ebf5;border-radius:12px;background:#fafcff;min-width:0}
.inbound-page .ib-shot-info{min-width:0}
.inbound-page .ib-shot-info b{display:block;font:750 14px Manrope,sans-serif;line-height:1.35;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.inbound-page .ib-shot-theme{margin-top:4px;color:#1769ff;font:750 13px Manrope,sans-serif;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.inbound-page .ib-shot-spec{margin-top:3px;color:#5f728a;font:12px Manrope,sans-serif;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.inbound-page .ib-shot-kv{display:flex;flex-direction:column;align-items:flex-start;gap:2px;margin-top:8px}
.inbound-page .ib-shot-kv strong{font:750 14px Manrope,sans-serif;white-space:nowrap}
.inbound-page .ib-shot-kv span{color:#1769ff;font:700 13px 'IBM Plex Mono',Manrope,sans-serif;white-space:nowrap}
.inbound-page .ib-shot-ph{width:112px;height:112px;border-radius:10px;object-fit:cover;background:#eef3f9;display:block}
.inbound-page .ib-shot-ph-empty{display:grid;place-items:center;color:#8a9bb2;font:800 36px Manrope,sans-serif}
.inbound-page .ib-shop.is-flat{grid-template-columns:1fr}
.inbound-page .ib-qr{height:30px;width:180px;min-width:180px;max-width:180px;flex:none;padding:0 10px;border:1px solid #e3ebf5;border-radius:8px}
.inbound-page .ib-date{display:flex;align-items:center;gap:4px;color:#8a9bb2;font:650 12px Manrope,sans-serif}
.inbound-page .ib-date input{height:30px;border:1px solid #e3ebf5;border-radius:8px;padding:0 8px}
.inbound-page .ib-filter-row{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;padding:8px 12px;border-bottom:1px solid var(--line);background:#fafcff}
.inbound-page .ib-all-btn{margin-left:auto;height:28px;padding:0 12px;border:1px solid #d7e4ff;border-radius:8px;background:#fff;color:#1769ff;font:750 12px Manrope,sans-serif;cursor:pointer}
.inbound-page .ib-all-btn:disabled{opacity:.4;cursor:not-allowed}
.inbound-page .ib-filter-row:has(.ib-sup-line),
.inbound-page .ib-filter-row:has(.ib-st-line){flex-direction:column;align-items:stretch;gap:8px;padding:8px 10px 10px}
.inbound-page .ib-sup-line{display:flex;flex-wrap:wrap;gap:6px}
.inbound-page .ib-sup-chip{
height:28px;padding:0 10px;border:1px solid #e3ebf5;border-radius:7px;background:#fff;
color:#5b6b80;font:750 12px Manrope,sans-serif;white-space:nowrap
}
.inbound-page .ib-sup-chip:hover{border-color:#c9dbff;color:#1769ff}
.inbound-page .ib-sup-chip.on{border-color:#c9dbff;background:#eef3ff;color:#1769ff}
.inbound-page .ib-sup-chip.is-off,.inbound-page .ib-sup-chip:disabled{opacity:.4;pointer-events:none;cursor:not-allowed}
.inbound-page .ib-st-line{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.inbound-page .ib-shot-btn{
height:30px;padding:0 12px;border:1px solid #e3ebf5;border-radius:8px;background:#fff;
color:#1769ff;font:750 12px Manrope,sans-serif;white-space:nowrap
}
.inbound-page .ib-shot-btn:hover{border-color:#c9dbff;background:#eef3ff}
.inbound-page .ib-shot-btn.on{border-color:#e8d4a0;background:#fff9ef;color:#c98621}
.inbound-page .ib-shot-btn.pri{background:#1769ff;border-color:#1769ff;color:#fff}
.inbound-page .ib-ck{display:grid;place-items:center}
.inbound-page .ib-ck input{width:14px;height:14px;accent-color:#1769ff}
.inbound-page #ib-panel-items .ib-cols-item.is-pick,
.inbound-page #ib-panel-items:has(.is-pick) .ib-item-row{
grid-template-columns:24px minmax(160px,1.4fr) 88px 140px 110px 72px 168px 48px 48px
}
.inbound-page #ib-panel-items .ib-cols-item.is-pick.is-buy,
.inbound-page #ib-panel-items .ib-item-row.is-pick.is-buy{
grid-template-columns:24px minmax(180px,1.4fr) 140px 110px 72px 168px
}
.inbound-page #ib-panel-items .ib-cols-item.is-pick.is-inv,
.inbound-page #ib-panel-items .ib-item-row.is-pick.is-inv{
grid-template-columns:24px minmax(180px,1.4fr) 140px 72px 168px
}
.inbound-page #ib-panel-items .ib-cols-item.is-pick.is-in,
.inbound-page #ib-panel-items .ib-item-row.is-pick.is-in{
grid-template-columns:24px minmax(0,1.4fr) minmax(0,88px) 88px 56px minmax(96px,128px) 52px
}
.inbound-page .ib-chips{display:flex;flex-wrap:wrap;gap:6px;align-items:center}
.inbound-page .ib-shop{flex:1;min-height:0;display:grid;grid-template-columns:176px minmax(0,1fr)}
.inbound-page .ib-shop.is-flat{grid-template-columns:1fr}
.inbound-page .ib-cats{overflow:auto;border-right:1px solid var(--line);background:#f7fbff;padding:8px}
.inbound-page .ib-cats button{width:100%;display:flex;justify-content:space-between;align-items:center;gap:8px;border:0;background:transparent;color:#7b8da5;padding:8px 10px;border-radius:7px;font-size:13px;font-weight:700;text-align:left}
.inbound-page .ib-cats button:hover{background:#eef3ff;color:#2b3b56}
.inbound-page .ib-cats button.on{background:#eef3ff;color:#1769ff}
.inbound-page .ib-cats em{font:11px 'IBM Plex Mono';font-style:normal;opacity:.7}
.inbound-page .ib-src-chips{border-bottom:1px solid var(--line)}
.inbound-page .ib-cols{display:grid;gap:8px;align-items:center;padding:6px 12px;color:var(--muted);font-size:11px;font-weight:700;background:#f7fbff;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:1}
.inbound-page .ib-cols,.inbound-page .mini-ord{min-width:0}
.inbound-page.is-split #ib-panel-order{padding:0;flex-direction:column;justify-content:flex-start;align-items:stretch}
.inbound-page.is-split #ib-panel-order .ib-cols-ord,.inbound-page.is-split #ib-panel-order .mini-ord,.inbound-page.is-split #ib-panel-order .ib-empty{flex:0 0 auto}
.inbound-page .ib-empty{margin:8px;padding:14px 12px;color:var(--muted);font-size:13px}
.inbound-page.is-split #ib-panel-order .ib-cols-ord,
.inbound-page.is-split #ib-panel-order .mini-ord{
display:grid;grid-template-columns:minmax(0,1fr) 72px 56px 72px 64px;
gap:8px;align-items:center;min-width:0;padding:6px 12px
}
.inbound-page.is-split #ib-panel-order.is-off .ib-cols-ord,
.inbound-page.is-split #ib-panel-order.is-off .mini-ord{
grid-template-columns:72px minmax(0,1fr) 58px 48px 76px
}
.inbound-page.is-split #ib-panel-order .ib-cols-ord{margin:0 8px;padding:0 12px;height:32px}
.inbound-page.is-split #ib-panel-order .mini-ord{margin:6px 8px 0;border-radius:8px;min-height:34px}
.inbound-page.is-split #ib-panel-order .ib-cols-ord span,
.inbound-page.is-split #ib-panel-order .mini-ord > *{text-align:left}
.inbound-page.is-split #ib-panel-order .ib-supn{
min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
color:#5b7ab8;font-size:12px;font-weight:750
}
.inbound-page.is-split #ib-panel-order .name{min-width:0;overflow:hidden;text-overflow:ellipsis}
.inbound-page.is-split #ib-panel-order .time,
.inbound-page.is-split #ib-panel-order .tag,
.inbound-page.is-split #ib-panel-order .ord-money{white-space:nowrap}
.inbound-page.is-split #ib-panel-order .ord-money{font:700 12px 'IBM Plex Mono';text-align:left}
.inbound-page:not(.is-split){width:100%;max-width:none}
.inbound-page:not(.is-split) .metrics{margin:0 0 14px}
.inbound-page #ib-panel-recycle{
display:flex;flex-direction:column;gap:0;width:100%
}
.inbound-page .ib-rec-head,
.inbound-page .ib-rec-row{
display:grid;grid-template-columns:minmax(220px,1.6fr) minmax(90px,.9fr) 130px 100px 72px 88px;
gap:10px;align-items:center;min-width:0
}
.inbound-page .ib-rec-head{
height:34px;padding:0 14px;margin:0 0 8px;border-radius:8px;background:#f7fbff;
color:#8a9bb2;font:750 12px Manrope,sans-serif
}
.inbound-page .ib-rec-row{
min-height:44px;padding:8px 14px;margin:0 0 6px;border:1px solid #e3ebf5;border-radius:10px;background:#fff
}
.inbound-page .ib-rec-row span,
.inbound-page .ib-rec-row b{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.inbound-page .ib-rec-name{font:750 13px Manrope,sans-serif;color:#1f2d3d}
.inbound-page .ib-rec-store{color:#5b7ab8;font-weight:750;white-space:normal;line-height:1.35}
.inbound-page .ib-rec-qty,.inbound-page .ib-rec-time{color:#5b6b80;font:12px 'IBM Plex Mono'}
.inbound-page #ib-panel-items{
display:flex!important;flex-direction:column;justify-content:flex-start;align-items:stretch;
padding:0!important;overflow:auto;isolation:isolate;gap:0
}
.inbound-page #ib-panel-items .ib-cols-item,
.inbound-page #ib-panel-items .ib-item-row{
display:grid;grid-template-columns:minmax(160px,1.4fr) 88px 140px 110px 72px 168px 48px 48px 108px;
gap:16px;align-items:center;min-width:0;padding:8px 16px;box-sizing:border-box
}
.inbound-page #ib-panel-items .ib-cols-item.is-off,
.inbound-page #ib-panel-items:has(.ib-otime) .ib-item-row{
grid-template-columns:minmax(160px,1.4fr) 88px 140px 110px 72px 168px 48px 48px 108px
}
.inbound-page #ib-panel-items .ib-cols-item.is-on,
.inbound-page #ib-panel-items:has(.ib-cols-item.is-on) .ib-item-row{
grid-template-columns:minmax(160px,1.4fr) 88px 140px 110px 72px 168px 48px 48px 108px
}
.inbound-page #ib-panel-items .ib-cols-item.is-buy,
.inbound-page #ib-panel-items .ib-item-row.is-buy{
grid-template-columns:minmax(180px,1.4fr) 140px 110px 72px 168px
}
.inbound-page #ib-panel-items .ib-cols-item.is-inv,
.inbound-page #ib-panel-items .ib-item-row.is-inv{
grid-template-columns:minmax(180px,1.4fr) 140px 72px 168px
}
.inbound-page #ib-panel-items .ib-cols-item.is-in,
.inbound-page #ib-panel-items .ib-item-row.is-in{
grid-template-columns:minmax(0,1.4fr) minmax(0,88px) 88px 56px minmax(96px,128px) 52px
}
.inbound-page #ib-panel-items .ib-cols-item.is-pick,
.inbound-page #ib-panel-items .ib-item-row.is-pick{
grid-template-columns:24px minmax(160px,1.4fr) 88px 140px 110px 72px 168px 48px 48px
}
.inbound-page #ib-panel-items .ib-cols-item.is-pick.is-buy,
.inbound-page #ib-panel-items .ib-item-row.is-pick.is-buy{
grid-template-columns:24px minmax(180px,1.4fr) 140px 110px 72px 168px
}
.inbound-page #ib-panel-items .ib-cols-item.is-pick.is-inv,
.inbound-page #ib-panel-items .ib-item-row.is-pick.is-inv{
grid-template-columns:24px minmax(180px,1.4fr) 140px 72px 168px
}
.inbound-page #ib-panel-items .ib-cols-item.is-pick.is-in,
.inbound-page #ib-panel-items .ib-item-row.is-pick.is-in{
grid-template-columns:24px minmax(0,1.4fr) minmax(0,88px) 88px 56px minmax(96px,128px) 52px
}
.inbound-page #ib-panel-items .ib-otime{color:#8a9bb2;font-size:12px;white-space:nowrap}
.inbound-page #ib-panel-items .ib-spec,.inbound-page #ib-panel-items .c-spec{color:#5f728a;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.inbound-page #ib-panel-items .ib-cols-item{
position:sticky;top:0;z-index:5;flex:0 0 36px;height:36px;margin:0 10px;padding:0 16px;
background:#f7fbff;box-shadow:0 1px 0 var(--line)
}
.inbound-page #ib-panel-items .ib-item-row{
flex:0 0 auto;margin:8px 10px 0;border-radius:10px;padding:10px 16px;min-height:56px;height:auto
}
.inbound-page #ib-panel-items .src-marks{min-width:0}
.inbound-page #ib-panel-items .src-mark{max-width:100%;overflow:hidden;text-overflow:ellipsis}
.inbound-page #ib-panel-items .c-qty,
.inbound-page #ib-panel-items .c-amt,
.inbound-page #ib-panel-items .c-act,
.inbound-page #ib-panel-items .c-time,
.inbound-page #ib-panel-items .ib-item-row .time,
.inbound-page #ib-panel-items .ib-item-row .ord-money,
.inbound-page #ib-panel-items .ib-item-row .ib-act,
.inbound-page #ib-panel-items .ib-otime{white-space:nowrap;text-align:left;justify-self:start}
.inbound-page #ib-panel-items .ib-item-row .ord-money{text-align:left;font:700 12px 'IBM Plex Mono'}
.inbound-page .ord-money{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:8px;min-width:0;width:100%;flex-wrap:nowrap}
.inbound-page .ib-unit-hint{flex:0 0 auto;color:#8a9bb2;font:600 11px 'IBM Plex Mono';font-style:normal;white-space:nowrap}
.inbound-page .ib-amt-wrap{display:flex;align-items:center;gap:4px;flex:0 0 auto;width:96px;max-width:96px}
.inbound-page .ib-amt-wait,.inbound-page .ib-amt-wait em{color:#c2410c!important}
.inbound-page .ib-amt[placeholder="请填写价格"]::placeholder{color:#c2410c;opacity:1}
.inbound-page .ib-qty-spec{display:flex;align-items:baseline;gap:4px;min-width:0}
.inbound-page .ib-qty{
width:44px;height:28px;border:1px solid #d7e4ff!important;border-radius:6px;background:#fff!important;
padding:0 6px;font:700 12px 'IBM Plex Mono';color:var(--text);outline:0!important
}
.inbound-page .ib-qty:focus{border-color:var(--yellow)!important}
.inbound-page .ib-qty:disabled,.inbound-page .ib-amt:disabled{
border:0!important;background:transparent!important;box-shadow:none!important;padding-left:0!important;color:inherit
}
.inbound-page .ib-qty-spec span{color:#8a9bb2;font-size:12px;white-space:nowrap}
.inbound-page .ib-yen{color:#8a9bb2;font:700 12px 'IBM Plex Mono'}
.inbound-page .ib-amt{
flex:1;width:auto;max-width:none;min-width:0;height:32px;border:1px solid #d7e4ff!important;border-radius:8px;
background:#fff!important;padding:0 8px;font:700 13px 'IBM Plex Mono';color:var(--yellow);
outline:0!important;box-shadow:none!important;appearance:none;-webkit-appearance:none
}
.inbound-page .ib-amt:focus{border-color:var(--yellow)!important}
.inbound-page .ib-link{color:#1769ff;font-weight:750;text-decoration:none;white-space:nowrap}
.inbound-page .ib-link:hover{text-decoration:underline}
.inbound-page .ib-phone,.inbound-page .ib-contact{color:#5b6b80;font:12px 'IBM Plex Mono';white-space:nowrap;overflow:visible;text-overflow:clip;max-width:none}
.inbound-page #ib-panel-items .ib-item-row{overflow:visible}
.inbound-page #ib-panel-items .ib-item-row.is-in .ib-thumb{justify-self:end;min-width:48px;flex:none;overflow:visible}
.inbound-page .ib-thumb{position:relative;display:flex;flex-direction:column;align-items:center;gap:4px;width:48px;flex:none;cursor:pointer}
.inbound-page .ib-thumb input{position:absolute;inset:0;opacity:0;cursor:pointer;z-index:1}
.inbound-page .ib-thumb-box{width:36px;height:36px;border:1px dashed #c5d3e6;border-radius:8px;background:#f4f8ff;display:grid;place-items:center;overflow:hidden}
.inbound-page .ib-thumb-box i{font:700 16px/1 Manrope,sans-serif;color:#9aabc0}
.inbound-page .ib-thumb em{font:700 11px Manrope,sans-serif;color:#8a9bb2;line-height:1}
.inbound-page .ib-thumb.on .ib-thumb-box{border-style:solid;border-color:#1769ff;background:#eef3ff}
.inbound-page .ib-thumb.on .ib-thumb-box i{display:none}
.inbound-page .ib-thumb.on em{color:#1769ff}
.inbound-page .ib-thumb.is-demo .ib-thumb-box{background:linear-gradient(135deg,#c9dbff,#f7fbff)}
.inbound-page .ib-thumb img{width:100%;height:100%;object-fit:cover;display:block}
.inbound-page .ib-adv{height:32px;padding:0 12px;border-radius:8px;white-space:nowrap}
.inbound-page .ib-adv.is-off{opacity:.38;cursor:not-allowed}
.inbound-page #ib-panel-items .name{min-width:0;overflow:hidden;display:flex;flex-direction:row;gap:10px;align-items:center;line-height:1.25;white-space:normal}
.inbound-page #ib-panel-items .name .ib-nm{min-width:0;display:flex;flex-direction:column;gap:2px;align-items:flex-start}
.inbound-page #ib-panel-items .name b{font:750 13px Manrope,sans-serif;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.inbound-page #ib-panel-items .name .cfg-spec{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.inbound-page #ib-panel-items .name .meta{color:#8a9bb2;font-weight:500}
.inbound-page #ib-panel-items .ib-item-row .ib-photo{grid-column:auto;grid-row:auto;flex:none}
.inbound-page .ib-st-g{border-bottom:0;margin:0;flex:0 0 auto}
.inbound-page .ib-st-h{
display:flex;align-items:center;gap:8px;height:36px;padding:0 12px;margin:4px 8px;
border-radius:8px;font-size:14px;font-weight:800;cursor:pointer;
position:relative;z-index:1;box-shadow:none;border-left:4px solid #8a9bb2;background:#eef2f6
}
.inbound-page .ib-st-g.st-待购买 .ib-st-h{background:#eef3ff;border-left-color:#1769ff;color:#1769ff}
.inbound-page .ib-st-g.st-待发货 .ib-st-h{background:#fff6e8;border-left-color:#c98621;color:#c98621}
.inbound-page .ib-st-g.st-运输中 .ib-st-h{background:#fff1e8;border-left-color:#d46b08;color:#d46b08}
.inbound-page .ib-st-g.st-已入库 .ib-st-h{background:#e8f6ef;border-left-color:#2f9b72;color:#2f9b72}
.inbound-page .ib-st-h em{font:700 12px 'IBM Plex Mono';font-style:normal;opacity:.75}
.inbound-page .ib-chev{margin-left:auto;width:8px;height:8px;border-right:2px solid #8a9bb2;border-bottom:2px solid #8a9bb2;transform:rotate(45deg);transition:transform .15s}
.inbound-page .ib-st-g.fold .ib-chev{transform:rotate(-45deg)}
.inbound-page .ib-st-g.fold .ib-st-b{display:none}
.inbound-page .ib-logs{margin-top:12px;border-top:1px dashed var(--line);padding-top:10px}
.inbound-page .ib-logs div{display:flex;gap:10px;padding:4px 0;font-size:12px}
.inbound-page .ib-logs b{flex:0 0 88px;color:var(--muted);font:700 12px 'IBM Plex Mono'}
.inbound-page .ib-shop-h{display:flex;align-items:center;gap:10px;padding:6px 12px;background:#fafcff;border-top:1px solid #eef3f8}
.inbound-page .ib-shop-g .ib-item-row{border-radius:0;border-left:0;border-right:0;margin:0}
.inbound-page .ib-item-row{cursor:pointer}
.inbound-page .ib-item-row:hover{border-color:var(--line);background:#fff}
.inbound-page .ib-item-row.on:hover{border-color:#c9dbff!important;background:#eef3ff!important}
.inbound-page .ib-ops{display:flex;justify-content:flex-end}
.inbound-page .ib-link-btn{
appearance:none;height:24px;padding:0 8px;border-radius:6px;font-size:12px;font-weight:750;
border:1px solid #d7e4ff;background:#eef3ff;color:#1769ff
}
.inbound-page .ib-link-btn:hover{background:#e0eaff;border-color:#c3d4ff}
.inbound-page .ib-seg{display:flex;background:#f4f7fb;border-radius:8px;padding:3px}
.inbound-page .ib-seg button{appearance:none;border:0;background:transparent;color:#8a9bb2;height:28px;padding:0 10px;border-radius:6px;font-size:12px;font-weight:750}
.inbound-page .ib-seg button.on{background:#fff;color:#1769ff;box-shadow:0 1px 4px rgba(69,93,128,.12)}
.inbound-page .ib-tools{padding:8px 10px;display:flex;gap:8px;align-items:center;border-bottom:1px solid var(--line);flex-wrap:wrap}
.inbound-page .ib-tools .search{flex:1;min-width:0;height:32px;padding:0 10px}
.inbound-page .ib-chip{border:1px solid var(--line2);background:#fff;color:var(--muted);border-radius:999px;height:26px;padding:0 9px;font-size:11px;font-weight:750}
.inbound-page .ib-chip.on{border-color:#c9dbff;background:#eef3ff;color:#1769ff}
.inbound-page .ib-goods,.inbound-page .ib-right-list{flex:1;min-height:0;overflow:auto}
.inbound-page .ib-all{display:flex;align-items:center;gap:6px;margin:8px 12px 2px;color:var(--muted);font-size:12px;font-weight:700;cursor:pointer;user-select:none}
.inbound-page .ib-all input{accent-color:#1769ff;width:14px;height:14px}
.inbound-page .ib-good{
display:grid;grid-template-columns:36px minmax(0,1fr) auto auto auto;grid-template-rows:auto auto;
column-gap:8px;row-gap:1px;align-items:center;cursor:pointer;
margin:6px 8px 0;padding:6px 8px;border-radius:8px;background:#fff8ee;box-shadow:inset 3px 0 0 var(--orange)
}
.inbound-page .ib-good.pick{grid-template-columns:36px minmax(0,1fr) auto auto;background:#fff;border:1px solid var(--line);box-shadow:none}
.inbound-page .ib-good.on{background:#eef3ff;box-shadow:inset 3px 0 0 #1769ff}
.inbound-page .ib-good.is-busy{
grid-template-columns:36px minmax(0,1fr) auto auto;cursor:default;background:#f6f8fb;box-shadow:none;opacity:1
}
.inbound-page .ib-good.is-busy .ib-busy{
grid-column:4;grid-row:1/span 2;color:#c98621;font:750 11px Manrope,sans-serif;white-space:nowrap
}
.inbound-page .ib-good.pick.on{border-color:#c9dbff}
.inbound-page #ib-panel-items .ib-photo{grid-column:auto;grid-row:auto;width:36px;height:36px;flex:none}
.inbound-page .ib-photo{grid-column:1;grid-row:1/span 2;width:36px;height:36px;border-radius:6px;overflow:hidden;background:#eef3f9;display:grid;place-items:center;flex:0 0 36px}
.inbound-page .ib-photo img{width:100%;height:100%;object-fit:cover;display:block}
.inbound-page .ib-photo i{font:750 13px Manrope,sans-serif;font-style:normal;color:#8a9bb2}
.inbound-page .ib-good .nm{grid-column:2;grid-row:1;min-width:0;font-weight:750;font-size:13px;display:flex;align-items:baseline;gap:6px}
.inbound-page .ib-good .nm span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.inbound-page .ib-unit{flex:0 0 auto;color:#8a9bb2;font:700 11px 'IBM Plex Mono';font-style:normal}
.inbound-page .ib-act{display:flex;align-items:center;justify-content:flex-start;gap:6px;min-width:0}
.inbound-page #ib-panel-items .ib-act{width:100%}
.inbound-page .ib-undo{
width:28px;height:28px;padding:0;border:0;border-radius:8px;background:transparent;
color:#8a9bb2;display:grid;place-items:center;cursor:pointer;flex:0 0 28px
}
.inbound-page .ib-undo svg{width:15px;height:15px;display:block}
.inbound-page .ib-undo:hover{background:#eef3ff;color:#1769ff}
.inbound-page .ib-adv{
height:20px;line-height:20px;padding:0 7px;border:0;border-radius:5px;background:#1769ff;color:#fff;
font:750 11px Manrope,sans-serif;white-space:nowrap
}
.inbound-page .ib-adv:hover{filter:brightness(1.06)}
.inbound-page .ib-good .sub{grid-column:2;grid-row:2;display:flex;align-items:baseline;gap:8px;min-width:0;color:var(--muted);font-size:11px}
.inbound-page .ib-good .sub>span{min-width:0;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.inbound-page .ib-good .sub em{flex:none;white-space:nowrap;font:700 11px 'IBM Plex Mono';font-style:normal;color:var(--yellow)}
.inbound-page .ib-left{grid-column:3;grid-row:1/span 2;color:var(--orange);font:700 12px 'IBM Plex Mono';white-space:nowrap}
.inbound-page .ib-good .ib-step{grid-column:4;grid-row:1/span 2}
.inbound-page .ib-good.pick .ib-step{grid-column:3}
.inbound-page .ib-tick{
grid-column:5;grid-row:1/span 2;width:18px;height:18px;border:1.5px solid #c5d0de;
border-radius:5px;background:#fff;position:relative
}
.inbound-page .ib-good.pick .ib-tick{grid-column:4}
.inbound-page .ib-good.on .ib-tick{background:#1769ff;border-color:#1769ff}
.inbound-page .ib-good.on .ib-tick:after{
content:'';position:absolute;left:5px;top:1px;width:5px;height:9px;
border:solid #fff;border-width:0 2px 2px 0;transform:rotate(45deg)
}
.inbound-page .ib-step{display:inline-flex;align-items:center;border:1px solid var(--line2);border-radius:7px;overflow:hidden;height:26px;flex:0 0 auto}
.inbound-page .ib-step button{width:22px;border:0;background:#f7fbff;color:#5b6b80}
.inbound-page .ib-step input{width:32px;border:0;text-align:center;font:12px 'IBM Plex Mono';padding:0}
.inbound-page .ib-price{font:700 12px 'IBM Plex Mono';color:var(--yellow);flex:0 0 auto}
.inbound-page .ib-cart{border-top:1px solid var(--line);background:#f8fbff}
.inbound-page .ib-cart-detail{max-height:220px;overflow:auto;border-top:2px solid #1769ff;padding:8px 12px 4px;background:#fff}
.inbound-page .ib-cart-detail h3{margin:0 0 4px;font-size:12px;color:#1769ff}
.inbound-page .ib-cart-bar{padding:10px 12px;display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.inbound-page .ib-cart-bar .sum{min-width:160px}
.inbound-page .ib-cart-bar .ib-shot-btn,.inbound-page .ib-cart-bar .ob-create-btn{flex:0 0 auto;white-space:nowrap}
.inbound-page .ib-cart-bar #state-save-error{flex:1 0 100%;order:99;margin:0}
.inbound-page .ib-cart-bar .sum{flex:1;min-width:0}
.inbound-page .ib-cart-bar .sum b{display:block;font-size:13px}
.inbound-page .ib-cart-bar .sum small{color:var(--muted);font-size:12px}
.inbound-page .ib-crow{display:grid;grid-template-columns:minmax(0,1fr) auto auto 22px;gap:8px;align-items:center;padding:6px 0;border-bottom:1px solid #f0f4f8;font-size:12px}
.inbound-page .ib-crow:last-child{border-bottom:0}
.inbound-page .ib-crow em{font:700 12px 'IBM Plex Mono';font-style:normal;color:#1769ff}
.inbound-page .ib-x{width:22px;height:22px;border:0;background:transparent;color:#8a9bb2;font-size:18px;line-height:1;border-radius:6px}
.inbound-page .ib-x:hover{background:#fdecee;color:#c45}
.inbound-page .ib-pane-r .ib-right-list{padding:8px}
.inbound-page #ib-panel-items{padding:0;overflow:auto}
@media(max-width:1100px){
.inbound-page .finder,.inbound-page .form-grid,.inbound-page .metrics,.inbound-page .stat-cols{grid-template-columns:1fr}
.inbound-page .side-filters{max-height:140px}
.inbound-page .ib-split{flex-direction:column}
.inbound-page .ib-gutter{display:none}
}
@media(max-width:900px){
.inbound-page .ib-head{align-items:stretch}
.inbound-page .search{min-width:0;width:100%}
.inbound-page .ctrl-row{align-items:flex-start}
}
html body .app > .main > .main-body:has(.po-page){display:flex!important;flex-direction:column!important;min-height:0!important;overflow:hidden!important}
html body .app > .main > .main-body:has(.po-page)>.po-page{display:flex;flex-direction:column;min-height:0;flex:1;overflow:hidden}
.po-page .po-v2-top,.po-page .po-v2-ctrl{flex:0 0 auto}
.po-page .po-v2-list{flex:1 1 auto;min-height:0;overflow-x:hidden;overflow-y:scroll;scrollbar-gutter:stable;display:grid;align-content:start;align-items:start}
.po-v2-theme-row.is-head{
position:sticky;top:0;z-index:12;height:36px;padding:0 16px;box-sizing:border-box;
background:#fff!important;opacity:1!important;box-shadow:0 1px 0 var(--line)
}
.po-v2-theme-row.is-head .po-v2-sub{background:#fff}
.drawer-mode .evidence-modal-head-top>div:first-child{min-width:0;overflow:hidden;flex:1}
.drawer-mode .evidence-head-actions{flex:0 0 auto;position:relative;z-index:8;gap:8px;align-items:center}
.drawer-mode .ev-close{
position:relative!important;top:auto!important;right:auto!important;z-index:9!important;pointer-events:auto!important;
width:34px;height:34px;flex:0 0 34px
}
.drawer-mode .evidence-modal-head{position:relative}
.pom-close{position:relative;z-index:8;pointer-events:auto}
.pom-head{padding:12px 18px 10px!important}
.pom-head .sub,.pom-kicker{display:none!important}
.pom-grid-4{grid-template-columns:1.2fr .9fr .9fr 1.3fr!important;gap:8px!important;margin-bottom:10px!important}
.pom-field>span{font-size:11px}
.pom-field input,.pom-field select,.pom-field textarea{height:32px;padding:0 10px;min-height:0}
.pom-row{align-items:center!important;padding:6px 10px!important;gap:8px!important}
.pom-row .tname{display:flex;align-items:baseline;gap:8px;font-size:13px;font-weight:700;min-width:0;overflow:hidden;white-space:nowrap}
.pom-row .tname>span{min-width:0;overflow:hidden;text-overflow:ellipsis}
.pom-row .tname .tno{flex:0 0 auto;font:600 12px 'IBM Plex Mono',monospace;font-style:normal;color:#1769ff}
.pom-row .tsub{display:none!important}
.pom-row label.pom-inline,.pom-row label{display:flex!important;flex-direction:row!important;align-items:center!important;gap:6px!important}
.pom-row label span{flex:none;white-space:nowrap;font-size:11px}
.pom-row input,.pom-row select{height:28px!important;box-sizing:border-box;padding:0 8px!important}
.pom-rm,.pom-row .rm{height:28px!important;min-width:52px;border-radius:8px;align-self:center;margin-top:0!important;padding:0 10px;line-height:28px}
.ib-phone{white-space:nowrap;overflow:visible;max-width:none;font:12px 'IBM Plex Mono',monospace}
.ib-batch-gap{flex:1}
.ib-st-line{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.inbound-page #ib-m-cart{z-index:36}
.inbound-page .ib-cart-modal{width:min(560px,94vw)}
.inbound-page .ib-cart-modal-sum{margin-top:10px;padding-top:10px;border-top:1px solid var(--line);font:750 13px Manrope,sans-serif;color:#1769ff}
.cfg-combo{position:relative}
.cfg-combo-box{display:flex;flex-wrap:wrap;align-items:center;gap:6px;min-height:36px;padding:6px 8px;border:1px solid #e3ebf5;border-radius:8px;background:#fff}
.cfg-combo-box:focus-within{border-color:#93c5fd;box-shadow:0 0 0 3px rgba(23,105,255,.12)}
.cfg-combo-chips{display:contents}
.cfg-combo-chip{display:inline-flex;align-items:center;gap:2px;height:24px;padding:0 4px 0 8px;border-radius:999px;background:#eef4ff;color:#1769ff;font:650 12px Manrope,sans-serif;white-space:nowrap}
.cfg-combo-chip button{border:0;background:transparent;color:#1769ff;font-size:14px;line-height:1;padding:0 4px;cursor:pointer}
.cfg-combo-input{flex:1;min-width:140px;border:0;outline:0;height:24px;font:13px Manrope,sans-serif;background:transparent}
.cfg-combo-drop{position:absolute;left:0;right:0;top:calc(100% + 4px);z-index:30;max-height:220px;overflow:auto;border:1px solid #e3ebf5;border-radius:8px;background:#fff;box-shadow:0 12px 28px rgba(69,93,128,.14)}
.cfg-combo-opt{display:flex;align-items:center;gap:8px;width:100%;border:0;background:#fff;padding:8px 10px;text-align:left;font:13px Manrope,sans-serif;color:#1f2d3d;cursor:pointer}
.cfg-combo-opt i{width:16px;color:#1769ff;font:700 12px Manrope,sans-serif;font-style:normal}
.cfg-combo-opt:hover{background:#f8fbff}
.cfg-combo-opt.on{background:#eef4ff;color:#1769ff}
.cfg-combo-empty{padding:12px;color:#8a9bb2;font-size:12px;text-align:center}
.cfg-combo-values{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}
.cfg-std-type{display:inline-flex;align-items:center;flex:0 0 auto;padding:2px 8px;border-radius:999px;background:#eef4ff;color:#1769ff;font-size:11px;font-weight:700;margin:0}
.config-accept-block.is-rec .cfg-std-type{background:#fff4e0;color:#c98621}
.config-job-admin{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}
.config-job-chip{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--line);border-radius:999px;padding:4px 10px;background:#fff}
.config-people-page{display:flex;flex-direction:column;flex:1;min-height:0;overflow:hidden;gap:10px}
.config-people-ctrl{flex-direction:row!important;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px}
.config-job-cards{display:flex;flex-wrap:wrap;gap:8px;align-items:stretch}
.config-job-card{
display:flex;align-items:center;gap:8px;min-width:120px;
padding:10px 12px;border:1px solid #e3ebf5;border-radius:10px;background:#fff;text-align:left
}
.config-job-card>button[data-action="config-job-filter"]{border:0;background:transparent;padding:0;text-align:left;flex:1;min-width:0}
.config-job-card b{display:block;font-size:14px;font-weight:750;color:#1f2d3d;letter-spacing:-.02em}
.config-job-card small{display:block;margin-top:3px;color:#8a9bb2;font:11px 'IBM Plex Mono',monospace}
.config-job-card.on{border-color:#1769ff;background:#f4f8ff;box-shadow:inset 0 0 0 1px #1769ff}
.config-job-card.on b{color:#1769ff}
.config-people-list{flex:1;min-height:0;overflow:hidden;display:flex;flex-direction:column;background:#fff;border:1px solid #e3ebf5;border-radius:12px}
.config-person-h,.config-person-row{
display:grid;grid-template-columns:minmax(160px,1.2fr) 140px 88px minmax(80px,1.1fr) 88px 72px 120px;
align-items:center;gap:12px;text-align:left;justify-items:start
}
.config-person-h{flex:0 0 auto;padding:12px 18px;color:#8a9bb2;font-size:12px;background:#f8fbff;border-bottom:1px solid rgba(227,235,245,.95)}
.config-person-h span{text-align:left;justify-self:start}
.config-people-body{flex:1;min-height:0;overflow:auto}
.config-person-row{padding:10px 18px;border-bottom:1px solid rgba(227,235,245,.85);border-radius:0;background:#fff}
.config-person-row:hover{background:#fbfdff;border-color:rgba(227,235,245,.85)}
.config-person-who{display:flex;align-items:center;gap:10px;min-width:0;justify-self:start}
.config-person-row .config-person-avatar{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:#eef4ff;color:#1769ff;font:750 14px Manrope,sans-serif;flex:0 0 auto}
.config-person-row .config-person-name{margin:0;font-size:14px;text-align:left}
.config-person-phone{font:600 13px 'IBM Plex Mono',monospace;color:#1f2d3d}
.config-person-note{color:#5f728a;font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.config-person-st{display:inline-flex;align-items:center;justify-content:center;height:22px;padding:0 8px;border-radius:999px;background:#e8f8ee;color:#2f9e62;font:700 11px Manrope,sans-serif}
.config-person-st.off{background:#f3f6fa;color:#8a9bb2}
.config-person-row .row-actions{display:flex;gap:6px;margin:0;padding:0;border:0}
@media(max-width:900px){
.config-person-h,.config-person-row{grid-template-columns:minmax(0,1fr) auto}
.config-person-h span:nth-child(n+2){display:none}
}
.bum-head{padding:10px 18px;align-items:center}
.bum-kicker,.bum-head p{display:none}
.bum-head h2{margin:0;font-size:18px}
.bum-modal{width:min(1200px,96vw)!important;max-height:92vh!important;height:min(92vh,920px)!important}
.modal.production-modal,.production-modal{width:min(1120px,96vw)!important;max-height:92vh!important;height:min(92vh,900px)!important}
.pom-theme-grid{max-height:280px!important}
.bum-tools{display:grid;grid-template-columns:160px minmax(0,1fr);gap:8px;padding:8px 12px 0;position:relative;z-index:3}
.bum-tools.is-flat{display:flex;flex-wrap:wrap;align-items:center;gap:6px;grid-template-columns:none}
.bum-chip{height:28px;padding:0 10px;border:1px solid #e3ebf5;border-radius:8px;background:#fff;color:#5f728a;font:650 12px Manrope,sans-serif;cursor:pointer}
.bum-chip.on{border-color:#1769ff;background:#eef3ff;color:#1769ff}
.bum-tools .bum-mat-q{margin:0;width:100%}
.bum-tools .bum-mat-q.is-mini{width:96px;flex:0 0 96px;height:28px;padding:0 8px;font-size:12px}
.bum-node-sel{height:32px;border:1px solid #e3ebf5;border-radius:8px;background:#fff;padding:0 8px;font:12px Manrope,sans-serif;color:#1f2d3d;position:relative;z-index:4;pointer-events:auto}
.bum-theme-list{grid-template-columns:repeat(2,minmax(0,1fr))!important;max-height:none;overflow:auto}
.bum-mat-pick,.bum-main.locked .bum-mat-pick{grid-template-columns:repeat(3,minmax(0,1fr))!important;max-height:none;overflow:auto}
.bum-theme{padding:8px 10px!important}
.bum-theme-body small{display:none}
.bum-body{display:flex;flex-direction:column;min-height:0}
.bum-main{flex:1 1 62%!important;min-height:340px;max-height:none!important}
.bum-main .bum-panel{height:100%;min-height:300px}
.bum-theme-list,.bum-mat-pick{min-height:240px;flex:1}
.bum-nodes{display:none!important}
.bum-node-txt{font:650 12px Manrope,sans-serif;color:#1769ff;white-space:nowrap}
.bum-panel-h>div{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap}
.bum-panel-h b{display:inline!important;font-size:14px}
.bum-panel-h span{display:inline!important;margin:0!important;font-size:12px;color:#8a9bb2}
.bum-detail-head,.bum-row,.batch-material-row.bum-row{
grid-template-columns:minmax(110px,1.2fr) 72px 72px minmax(110px,1fr)!important
}
.bum-row,.batch-material-row.bum-row{
flex:0 0 36px!important;height:36px!important;min-height:36px!important;max-height:36px!important;
padding:0 10px!important;gap:8px!important;border-radius:8px!important;overflow:hidden;align-items:center!important
}
.bum-row-mat{min-width:0;overflow:hidden}
.bum-row-mat b{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:36px;font-size:13px}
.bum-row-mat small{display:none}
.bum-row select,.bum-row input,.batch-material-row.bum-row select,.batch-material-row.bum-row input{
height:28px!important;padding:0 8px!important;min-height:0!important
}
.ob-modal-split{width:min(980px,96vw)!important}
.ob-split-pick{min-height:320px;height:min(60vh,540px);max-height:none;grid-template-columns:200px minmax(360px,1fr)!important}
.ob-split-pick.is-theme{grid-template-columns:1fr!important}
.ob-split-pick.is-theme .ob-sp-tabs{margin:0 0 10px;max-width:220px}
.ob-ship-modal{width:min(860px,96vw)!important}
.ob-ship-pick{min-height:280px;height:min(48vh,420px);margin-top:8px}
.ob-sp-main{min-width:360px;overflow:hidden;display:flex;flex-direction:column}
.ob-mat-h,.ob-mat-line{
display:grid!important;grid-template-columns:22px minmax(140px,1.6fr) 72px 72px 56px!important;
gap:8px!important;align-items:center;width:100%;box-sizing:border-box
}
.ob-tg-list{display:flex!important;flex-direction:column;flex:1 1 auto;min-height:200px;max-height:none!important;overflow:auto!important;gap:4px!important}
.ob-mat-line{
flex:0 0 36px;height:36px;min-height:36px;max-height:36px;padding:0 8px!important;margin:0 0 4px!important;
border-radius:8px;background:#fff;color:#1f2d3d!important;overflow:hidden
}
.ob-mat-line .ob-mat-name,.ob-mat-line b{color:#1f2d3d!important;font:700 13px Manrope,sans-serif;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ob-mat-line .ob-mat-avail,.ob-mat-line .ob-mat-shelf,.ob-mat-line span{color:#5b6b80!important;font-size:12px;white-space:nowrap}
.ob-mat-line .ob-mat-check,.ob-modal .ob-mat-check{
width:16px!important;height:16px!important;min-height:16px!important;padding:0!important;margin:0;accent-color:#1769ff
}
.ob-mat-line .ob-mat-qty,.ob-mat-qty,.ob-modal .ob-mat-qty{
height:26px!important;min-height:26px!important;width:52px;padding:0 6px!important;border-radius:6px;
-moz-appearance:textfield;appearance:textfield;color:#1f2d3d!important
}
.ob-mat-qty::-webkit-inner-spin-button,.ob-mat-qty::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}
.ob-tg-item{display:grid!important;padding:0 8px!important;height:36px;min-height:36px;gap:8px!important;border-radius:8px;grid-template-columns:22px minmax(100px,1.2fr) 72px 56px 72px!important;align-items:center;color:#1f2d3d!important}
.ob-ship-pick .ob-tg-item{grid-template-columns:22px minmax(0,1fr) 64px auto!important;height:40px;min-height:40px}
.ob-ship-pick .ob-tg-item .right{white-space:nowrap;min-width:84px;text-align:right;font:700 12px 'IBM Plex Mono'}
.ob-tg-item .id{color:#1769ff!important;font:700 12px 'IBM Plex Mono'}
.ob-tg-item .sh,.ob-tg-item .right{color:#1f2d3d!important;font-size:12px}
.ob-tg-item .meta,.ob-tg-item .tag-mini{margin-top:0!important}
.ob-sp-rh{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:0 0 8px;flex:0 0 auto}
.ob-sp-rh b{margin:0;font-size:14px;color:#1f2d3d!important;display:inline!important}
.ob-sp-rh > span{display:none}
.ob-sp-rh .ob-pick-search{width:220px;max-width:46%;height:28px!important;min-height:28px!important;margin:0;padding:0 10px!important;border-radius:8px}
.obm-head p,.obm-kicker{display:none!important}
.obm-head{padding:12px 18px 10px!important}
.st-line.is-lock .st-real,.st-real:disabled{opacity:.55;pointer-events:none;background:#f3f6fa}
.ob-modal input,.ob-modal select,.outbound-v2 input,.outbound-v2 select,#ob-store,#ob-planned,#ob-note{min-height:32px;border-radius:8px;padding:6px 10px}
.ob-modal .ob-mat-qty{min-height:26px!important;height:26px!important;padding:0 6px!important}
.cte-pay-row input[data-piece-rate]{margin:0}
.modal.urm-modal{
width:min(1180px,96vw)!important;height:min(94vh,960px)!important;max-height:min(94vh,960px)!important;
padding:0!important;border-radius:18px!important;overflow:hidden!important;
background:#f4f7fb!important;border:1px solid #e3ebf5!important;
display:flex!important;flex-direction:column!important;
}
.urm-head{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:12px 22px;background:#fff;border-bottom:1px solid #e8eef6;flex:0 0 auto}
.urm-kicker,.urm-head p{display:none}
.urm-head h2{margin:0;font-size:18px;color:#1f2d3d;letter-spacing:-.03em}
.urm-x{width:34px;height:34px;border:1px solid #e3ebf5;border-radius:10px;background:#fff;color:#8a9bb2;font-size:18px}
.urm-bar,.urm-top{display:flex;flex-direction:column;gap:10px;padding:12px 18px;background:#fff;border-bottom:1px solid #e8eef6;flex:0 0 auto}
.urm-modal:not(.kit-modal) .urm-top{flex-direction:row;align-items:center;gap:12px;padding:10px 16px}
.urm-modal:not(.kit-modal) .urm-top .urm-search-wrap,.urm-modal:not(.kit-modal) .urm-top .urm-theme{flex:0 0 260px;min-width:0}
.urm-modal:not(.kit-modal) .urm-top .urm-search-wrap .urm-picked{flex:1;min-width:0;min-height:40px;align-items:center}
.urm-modal:not(.kit-modal) .urm-top .urm-search-wrap .urm-chip{height:40px;max-width:100%;overflow:hidden}
.urm-modal:not(.kit-modal) .urm-top .urm-nodes{flex:1 1 auto;width:auto;min-width:0}
.urm-modal:not(.kit-modal) .urm-top .urm-node{height:36px;padding:0 8px;font-size:12px}
.urm-pick-row{display:grid;grid-template-columns:minmax(320px,.85fr) minmax(0,1.15fr);gap:12px;align-items:start}
.urm-search-wrap{position:relative;display:flex;align-items:center;gap:8px;min-width:0}
.urm-search-wrap>span{flex:0 0 auto;color:#8a9bb2;font-size:12px;font-weight:700}
.urm-search-wrap input{flex:1;min-width:0;height:40px;border:1px solid #dbe4f0;border-radius:12px;background:#fff;padding:0 12px;font:13px Manrope,sans-serif}
.urm-sug{position:absolute;left:36px;right:0;top:calc(100% + 4px);z-index:40;max-height:220px;overflow:auto;border:1px solid #e3ebf5;border-radius:12px;background:#fff;box-shadow:0 12px 28px rgba(69,93,128,.14)}
.urm-sug button{display:flex;flex-direction:column;align-items:flex-start;gap:2px;width:100%;border:0;background:#fff;padding:8px 12px;text-align:left;cursor:pointer}
.urm-sug button:hover{background:#f5f8ff}
.urm-sug b{font:700 12px 'IBM Plex Mono',monospace;color:#1769ff}
.urm-sug small{color:#8a9bb2;font-size:11px}
.urm-sug-empty{padding:12px;color:#8a9bb2;font-size:12px;text-align:center}
.urm-picked{display:flex;flex-wrap:wrap;gap:6px;align-content:flex-start;min-height:40px}
.urm-picked em{color:#8a9bb2;font:12px Manrope,sans-serif;align-self:center}
.urm-chip{display:inline-flex;align-items:center;gap:4px;height:28px;padding:0 6px 0 10px;border-radius:999px;background:#eef4ff;color:#1769ff;font:650 12px Manrope,sans-serif}
.urm-chip button{border:0;background:transparent;color:#1769ff;font-size:16px;line-height:1;padding:0 4px;cursor:pointer}
.urm-theme{display:flex;align-items:center;gap:8px;min-width:0}
.urm-theme span,.urm-nodes>span{color:#8a9bb2;font-size:12px;font-weight:700;flex:0 0 auto}
.urm-theme-box{position:relative;flex:1;min-width:0;height:40px}
.urm-theme-box b{position:absolute;left:12px;top:0;bottom:0;z-index:1;display:flex;align-items:center;font:700 13px ui-monospace,Menlo,monospace;color:#1769ff;pointer-events:none}
.urm-theme select{width:100%;height:40px;border:1px solid #dbe4f0;border-radius:12px;background:#fff;padding:0 28px 0 12px;font:650 13px Manrope,sans-serif;color:#1f2d3d;text-indent:86px}
.urm-nodes{display:flex;align-items:center;gap:8px;width:100%;min-width:0}
.urm-node{flex:1;height:40px;padding:0 10px;border:1px solid #e3ebf5;border-radius:12px;background:#fff;color:#5f728a;font:650 13px Manrope,sans-serif;white-space:nowrap}
.urm-node.on{background:#1769ff;border-color:#1769ff;color:#fff}
.urm-split{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:12px 16px 10px;flex:1;min-height:0}
.urm-pane{background:#fff;border:1px solid #e8eef6;border-radius:16px;display:flex;flex-direction:column;min-height:0;overflow:hidden}
.urm-pane-h{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;padding:14px 16px 10px}
.urm-pane-h b{display:block;font-size:15px;color:#1f2d3d}
.urm-pane-h span{display:block;margin-top:4px;color:#8a9bb2;font-size:12px}
.urm-tabs{display:flex;gap:4px;background:#f3f6fa;border-radius:12px;padding:3px}
.urm-tab{height:30px;padding:0 12px;border:0;border-radius:10px;background:transparent;color:#5f728a;font:650 12px Manrope,sans-serif}
.urm-tab.on{background:#fff;color:#1769ff;box-shadow:0 1px 4px rgba(31,45,61,.08)}
.urm-tab i{font-style:normal;margin-left:4px}
.urm-pick-list{padding:0 12px 14px;overflow:auto;flex:1;min-height:0;display:grid;grid-template-columns:1fr 1fr;gap:8px;align-content:start}
.urm-modal:not(.kit-modal) .urm-pick-list{grid-template-columns:1fr}
.urm-now{padding:0 12px 14px;overflow:auto;flex:1;min-height:0;display:flex;flex-direction:column;gap:8px}
.urm-pick{display:flex;align-items:center;gap:8px;padding:8px 10px;border:1px solid #e8eef6;border-radius:10px;background:#fff;cursor:pointer}
.urm-pick .urm-ph{width:40px;height:40px;border-radius:8px}
.urm-pick.on{border-color:#c9dbff;background:#f5f8ff}
.urm-pick.is-off{opacity:.42;cursor:not-allowed;background:#f6f8fb;pointer-events:none}
.urm-pick.is-off:hover{border-color:#e8eef6;background:#f6f8fb}
.urm-pick.is-claimed{opacity:.72;background:#f7f9fc;border-style:dashed}
.urm-pick.is-claimed small{color:#6b7f96}
.urm-badge{font:11px Manrope,sans-serif;color:#5f728a;background:#eef3fa;border-radius:999px;padding:1px 7px;margin-left:6px;white-space:nowrap}
.urm-badge.is-done{color:#1f7a4d;background:#e7f6ee}
.urm-badge.is-off{color:#a4482a;background:#fdeee8}
.urm-purpose{font:11px Manrope,sans-serif;color:#1f7a4d;background:#e7f6ee;border-radius:999px;padding:1px 7px;margin-left:6px;white-space:nowrap}
.urm-purpose.is-loss{color:#a4482a;background:#fdeee8}
.urm-pick.is-short{border-color:#f0c36d;background:#fff8e8}
.urm-pick.is-short small{color:#c48a12}
.urm-now-card.is-short{border-color:#f0c36d!important;background:#fffaf0!important}
.urm-now-card.is-short .urm-now-h small{color:#c48a12}
.urm-pick.is-disabled{border-color:#f0b6ad;background:#fff5f4;cursor:default}
.urm-pick.is-disabled b,.urm-pick.is-disabled small{color:#c0392b}
.urm-pick.is-disabled .urm-shelf{color:#c0392b}
.kit-now-card.is-disabled{border-color:#f0b6ad!important;background:#fff5f4!important}
.kit-now-card.is-disabled b,.kit-now-card.is-disabled small{color:#c0392b}
.kit-now-card.is-disabled .urm-shelf{color:#c0392b}
.urm-pick input{margin-top:0;accent-color:#1769ff;width:13px;height:13px}
.urm-pick b{display:block;font-size:12px;color:#1f2d3d}
.urm-pick-name{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap}
.urm-shelf{display:inline;margin:0;color:#1769ff;font:800 13px 'IBM Plex Mono',ui-monospace,Menlo,monospace;letter-spacing:.02em}
.urm-pick small{display:block;margin-top:3px;color:#8a9bb2;font-size:11px;line-height:1.4}
.urm-extra-search{padding:0 12px 8px}
.urm-extra-search input{width:100%;height:32px;border:1px solid #e3ebf5;border-radius:8px;padding:0 10px;font-size:12px}
#batch-material-rows.urm-now{display:flex!important;flex-direction:column!important;gap:6px!important;padding:0 12px 14px!important;flex:1 1 auto!important;min-height:0!important;overflow:auto!important;align-items:stretch!important}
.batch-material-row.urm-now-card{
display:flex!important;flex-direction:column!important;align-items:stretch!important;justify-content:flex-start!important;
flex:0 0 auto!important;grid-template-columns:none!important;gap:4px!important;text-align:left!important;
height:auto!important;min-height:0!important;max-height:none!important;
margin:0!important;padding:8px 10px!important;
border:1px solid var(--line)!important;border-radius:10px!important;background:#fff!important;
box-shadow:none!important
}
.urm-now-h{
display:flex!important;flex-direction:column!important;align-items:flex-start!important;gap:2px!important;
padding:0!important;margin:0!important;border:0!important;line-height:1.3
}
.urm-now-h b{display:inline!important;font:700 13px Manrope,sans-serif;color:var(--text);margin:0}
.urm-now-h small{display:block!important;color:var(--muted);font-size:11px;line-height:1.3}
.urm-now-line{display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%}
.urm-now-line .urm-ph{width:36px;height:36px;border-radius:8px;flex:none}
.urm-now-line .urm-pick-name{flex:1;min-width:0}
.urm-now-line .batch-material-qty{width:64px!important;flex:0 0 64px!important;text-align:right!important}
.urm-now-f{display:flex!important;align-items:center!important;justify-content:flex-start!important;gap:14px!important;margin:0!important;flex-wrap:wrap!important;grid-template-columns:none!important}
.urm-fld{display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:flex-start!important;gap:8px!important;min-width:0}
.urm-fld span{color:var(--muted);font:650 12px Manrope,sans-serif;white-space:nowrap}
.urm-now-card input.batch-material-qty,
.urm-now-card input.batch-material-note,
.urm-fld input{
width:auto!important;height:28px!important;min-height:28px!important;max-height:28px!important;
border:1px solid var(--line2)!important;border-radius:8px!important;
padding:0 10px!important;background:#fff!important;color:var(--text)!important;
font:14px Manrope,sans-serif!important;box-shadow:none!important;text-align:left!important
}
.urm-fld .batch-material-qty{width:96px!important;flex:0 0 96px}
.urm-fld.is-note{flex:1}
.urm-fld.is-note input{width:100%!important;min-width:0}
.urm-type{display:none!important}
.modal.pom-act{width:min(560px,94vw)!important;height:auto!important;max-height:86vh!important;background:#fff!important}
.modal.pom-act.pom-start{width:min(640px,94vw)!important}
.pom-sub{margin:6px 0 0;color:var(--muted);font-size:13px;font-weight:500}
.pom-opt{margin-left:8px;color:#b0bcc9;font-weight:500}
.pom-who{display:flex;flex-wrap:wrap;gap:8px}
.pom-who-chip{display:inline-flex;flex-direction:column;align-items:flex-start;gap:2px;min-width:88px;padding:8px 10px;border:1px solid var(--line);border-radius:10px;background:#f8fbff;color:var(--text);text-align:left;font-weight:700;font-size:13px}
.pom-who-chip small{color:var(--muted);font-size:11px;font-weight:600}
.pom-who-chip.on{border-color:#1769ff;background:#eef3ff;box-shadow:inset 0 0 0 1px #1769ff}
.pom-pay2{display:grid;grid-template-columns:1fr 1fr;gap:6px}
.pom-pay2 button{display:flex;flex-direction:column;align-items:flex-start;gap:2px;padding:8px 10px;border:1px solid var(--line);border-radius:10px;background:#f8fbff;text-align:left}
.pom-pay2 button b{font-size:13px}
.pom-pay2 button span{color:var(--muted);font-size:11px}
.pom-pay2 button.on{border-color:#1769ff;background:#eef3ff;box-shadow:inset 0 0 0 1px #1769ff}
.modal.pom-insp{width:min(680px,94vw)!important}
.pom-act-b{padding:14px 18px;overflow:auto}
.pom-act-meta{display:flex;flex-wrap:wrap;gap:10px 18px;margin:0 0 14px;color:var(--muted);font-size:13px}
.pom-act-meta b{color:var(--text);font-weight:700}
.pom-act .pom-field{display:flex;flex-direction:column;gap:6px}
.pom-act .pom-field>span{color:var(--muted);font-size:12px}
.pom-act .pom-field select{height:36px;border:1px solid var(--line2);border-radius:10px;background:#fff;padding:0 10px}
.pom-stds{display:flex;flex-direction:column;gap:8px;margin:0 0 14px}
.pom-std{display:grid;grid-template-columns:22px minmax(0,1fr) 64px 72px;gap:8px;align-items:center;padding:8px 10px;border:1px solid var(--line);border-radius:10px;background:#f8fbff}
.pom-std em{font:700 12px 'IBM Plex Mono',monospace;color:var(--yellow);font-style:normal}
.pom-std span{font-size:13px;color:var(--text)}
.pom-ok,.pom-ng{height:28px;border:1px solid var(--line2);border-radius:8px;background:#fff;font:650 12px Manrope,sans-serif}
.pom-ok.on{background:#e8f6ef;border-color:#2f9b72;color:#2f9b72}
.pom-ng.on{background:#fdecec;border-color:#e35b5b;color:#e35b5b}
.pom-insp-f{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:0 0 12px}
.pom-insp-f label{display:flex;flex-direction:column;gap:6px}
.pom-insp-f span{color:var(--muted);font-size:12px}
.pom-insp-f textarea{border:1px solid var(--line2);border-radius:10px;padding:8px 10px;font:13px Manrope,sans-serif;resize:vertical;min-height:64px}
.pom-insp-logs{display:flex;flex-direction:column;gap:3px;color:var(--muted);font-size:11px;line-height:1.5}
.evidence-modal .ev-now{color:#1769ff!important;font-weight:800}
.drawer-mode .flow5 .n-meta{display:flex;flex-direction:column;gap:2px;margin-top:6px;color:var(--muted);font-size:10px;line-height:1.35;text-align:left}
.drawer-mode .flow5 .n-meta span{display:block;margin:0;font:10px Manrope,sans-serif;color:#8a9bb2}
.pay-seg{display:flex;gap:4px;margin-top:4px;flex-wrap:wrap}
.pay-seg button{height:22px;padding:0 8px;border:1px solid var(--line);border-radius:6px;background:#fff;color:#8a9bb2;font-size:11px;font-weight:700}
.pay-seg button.on{border-color:#c9dbff;background:#eef3ff;color:#1769ff}
.pom-act .pay-seg{margin-top:0}
.pom-act .pay-seg button{height:32px;padding:0 12px;font-size:13px}
.pay-hint{display:block;margin-top:6px;color:var(--muted);font-size:12px;font-style:normal}
.drawer-mode .flow5 .n-top i{position:relative}
.drawer-mode .flow5 .n .n-paystar,.n-paystar{display:inline;margin-left:4px;border:0;background:none;width:auto;height:auto;padding:0;color:#e8b931!important;font:700 10px/1 sans-serif;vertical-align:1px}
.ev-split-log{margin-top:12px}
.ev-log-list{display:flex;flex-direction:column;gap:8px;padding:10px 12px}
.ev-log{border:1px solid var(--line);border-radius:10px;background:#fff;padding:10px 12px}
.ev-log b{display:block;font-size:13px;color:var(--text)}
.ev-log-top{display:flex;align-items:baseline;justify-content:space-between;gap:10px}
.ev-log-top b{margin:0;display:inline-flex;align-items:center;gap:6px}
.ev-rework-mark{display:inline-block;padding:1px 6px;border:0;border-radius:4px;background:#fdecec;color:#e35b5b;font:700 11px Manrope,sans-serif;font-style:normal;line-height:1.4}
.ev-log-top span{margin:0;color:var(--muted);font-size:12px;white-space:nowrap}
.ev-log span,.ev-log em{display:block;margin-top:3px;color:var(--muted);font-size:12px;font-style:normal}
.ev-log em{margin-top:6px;color:var(--text)}
.ev-log.ok{border-color:#cfe8dc}
.ev-log.ng{border-color:#f3cfcf}
.ev-log.warn{border-color:#f0e0b8}
.ev-issue-mask{z-index:80;display:flex;align-items:center;justify-content:center;background:rgba(31,45,61,.28)}
.modal-backdrop.pim-back{
z-index:1200!important;
background:rgba(31,45,61,.28)!important;
backdrop-filter:none!important;
-webkit-backdrop-filter:none!important;
padding:24px!important
}
.modal.pim{
width:min(720px,94vw)!important;
height:auto!important;
max-height:min(92vh,860px)!important;
display:flex!important;
flex-direction:column!important;
padding:0!important;
overflow:hidden!important;
border-radius:20px!important;
background:#fff!important;
box-shadow:0 28px 80px rgba(31,45,61,.22)!important
}
.pim-head{
display:flex;
justify-content:space-between;
align-items:flex-start;
gap:16px;
padding:22px 24px 8px!important;
background:#fff!important;
border-bottom:0!important
}
.pim-kicker{
display:block!important;
color:#1769ff!important;
font:700 11px 'IBM Plex Mono',ui-monospace,monospace!important;
letter-spacing:.12em;
margin:0 0 8px
}
.pim-head h2{
margin:0;
font-size:26px!important;
font-weight:800!important;
letter-spacing:-.04em;
color:#1f2d3d!important
}
.pim-head p{
margin:8px 0 0;
color:#8a9bb2!important;
font-size:13px;
line-height:1.5
}
.pim-x{
width:36px;height:36px;flex:0 0 36px;
border:1px solid #e3ebf5;
border-radius:12px;
background:#fff;
color:#8a9bb2;
font-size:20px;
line-height:1;
display:grid;place-items:center
}
.pim-x:hover{border-color:#cfdcea;color:#1f2d3d;background:#f8fbff}
.pim-body{padding:8px 24px 8px!important;overflow:auto;background:#fff!important}
.pim-theme{
display:flex;
justify-content:space-between;
align-items:center;
gap:16px;
padding:16px 18px;
border:1px solid #d7e6ff;
border-radius:14px;
background:#f3f8ff
}
.pim-theme-t{font-size:15px;color:#1f2d3d}
.pim-theme-t b{margin-right:8px;color:#1769ff;font:800 15px 'IBM Plex Mono',ui-monospace,monospace}
.pim-theme span{display:block;margin-top:4px;color:#8a9bb2;font-size:12px}
.pim-theme em{
flex:0 0 auto;
font-style:normal;
padding:6px 12px;
border-radius:999px;
background:#fff;
color:#1769ff;
font:700 12px Manrope,sans-serif;
box-shadow:0 0 0 1px #d7e6ff
}
.pim-sec{margin:16px 0 8px}
.pim-sec-h{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:0 0 14px}
.pim-sec-h b{font-size:15px;color:#1f2d3d}
.pim-sec-h span{color:#8a9bb2;font-size:12px}
.pim-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px 16px}
.pim-field{display:flex;flex-direction:column;gap:8px;min-width:0}
.pim-field.full{grid-column:1/-1}
.pim-field>span{color:#1f2d3d;font:650 13px Manrope,sans-serif}
.pim-field>span i{color:#e35b5b;font-style:normal;margin-left:2px}
.pim-field input,.pim-field select,.pim-field textarea{
width:100%;
border:1px solid #d7e0ea!important;
border-radius:12px!important;
background:#fff!important;
color:#1f2d3d!important;
box-shadow:none!important;
font:14px Manrope,sans-serif!important
}
.pim-field input,.pim-field select{height:44px!important;padding:0 14px!important}
.pim-field textarea{min-height:92px;padding:12px 14px!important;resize:vertical;line-height:1.5}
.pim-field input::placeholder,.pim-field textarea::placeholder{color:#b3c0d0}
.pim-field.is-err input,.pim-field.is-err select{border-color:#e35b5b!important;box-shadow:0 0 0 3px rgba(227,91,91,.12)!important}
.pim-field.is-err::after{content:attr(data-err);color:#e35b5b;font-size:12px;margin-top:-2px}
.pim-rework{
display:flex;
align-items:flex-start;
gap:12px;
margin-top:16px;
padding:14px 16px;
border:1px solid #e3ebf5;
border-radius:14px;
background:#f7faff;
cursor:pointer
}
.pim-rework input{width:18px;height:18px;margin-top:2px;flex:0 0 18px;accent-color:#1769ff}
.pim-rework b{display:block;font-size:14px;color:#1f2d3d}
.pim-rework em{display:block;margin-top:3px;color:#8a9bb2;font-size:12px;font-style:normal}
.pim-foot{
display:flex;
justify-content:flex-end;
gap:10px;
padding:16px 24px 20px!important;
background:#fff!important;
border-top:1px solid #eef3f8!important
}
.pim-foot .ghost{
height:40px;
padding:0 18px;
border:1px solid #d7e0ea!important;
border-radius:10px!important;
background:#fff!important;
color:#1f2d3d!important
}
.pim-foot .primary{
height:40px;
padding:0 18px;
border:0!important;
border-radius:10px!important;
background:#1769ff!important;
color:#fff!important;
box-shadow:none!important
}
@media(max-width:640px){
.pim-grid{grid-template-columns:1fr}
.pim-theme{align-items:flex-start;flex-direction:column}
}
.modal.production-modal{width:min(1080px,96vw)!important;height:min(88vh,820px)!important;max-height:min(88vh,820px)!important;background:#f4f7fb!important}
.production-modal .pom-body{display:flex;flex-direction:column;min-height:0;padding:12px 16px 10px!important;background:#f4f7fb!important}
.pom-top{display:grid;grid-template-columns:160px minmax(0,1fr);gap:10px;margin:0 0 12px}
.pom-top .pom-field{display:flex;flex-direction:column;gap:6px}
.pom-top .pom-field>span{color:var(--muted);font:650 12px Manrope,sans-serif}
.pom-top .pom-field input{
height:36px!important;min-height:36px!important;border:1px solid var(--line2)!important;
border-radius:10px!important;background:#fff!important;color:var(--text)!important;
padding:0 12px!important;font:13px Manrope,sans-serif!important;box-shadow:none!important
}
.pom-top .pom-field input[type=date]{color:var(--text)}
.pom-split{display:grid;grid-template-columns:minmax(200px,.72fr) minmax(320px,1.28fr);gap:12px;flex:1;min-height:0}
.pom-pane{background:#fff;border:1px solid var(--line);border-radius:12px;display:flex;flex-direction:column;min-height:0;overflow:hidden}
.pom-pane-h{display:flex;justify-content:space-between;align-items:center;padding:12px 14px 8px}
.pom-pane-h b{font-size:14px;color:var(--text)}
.pom-pane-h em{font-style:normal;color:var(--yellow);font:650 12px 'IBM Plex Mono',monospace}
.pom-theme-q{margin:0 12px 8px!important;width:calc(100% - 24px)!important;height:32px!important;border:1px solid var(--line)!important;border-radius:8px!important;background:#fff!important}
.pom-theme-list{padding:0 12px 12px;overflow:auto;flex:1;min-height:0;display:flex;flex-direction:column;gap:6px}
.production-modal .pom-theme{display:flex;align-items:center;gap:10px;min-height:44px;padding:8px 10px;border:1px solid var(--line);border-radius:8px;background:#fff}
.production-modal .pom-theme-ph{width:28px;height:36px;border-radius:5px}
.production-modal .pom-theme-txt{min-width:0;display:grid;gap:1px}
.production-modal .pom-theme-txt small{color:var(--muted);font-size:11px}
.production-modal .pom-theme:has(input:checked){border-color:#c9dbff;background:#f5f8ff}
.pom-rows{padding:0 12px 12px;overflow:auto;flex:1;min-height:0;display:flex;flex-direction:column;gap:6px}
.production-modal .pom-row{display:grid!important;grid-template-columns:minmax(0,1fr) 88px 132px 52px!important;gap:8px!important;align-items:center!important;padding:8px 10px!important;border:1px solid var(--line)!important;border-radius:8px!important;background:#fff!important}
.production-modal .pom-empty{margin:8px;padding:28px 12px}
.kit-modal .kit-top{display:flex;flex-direction:row;align-items:center;gap:12px;padding:10px 16px}
.kit-modal .kit-top .urm-search-wrap{flex:0 1 280px;min-width:200px}
.kit-modal .kit-top .urm-nodes{flex:1;width:auto;min-width:0}
.kit-modal .kit-top .urm-node{height:36px;padding:0 8px;font-size:12px}
.kit-modal .urm-pane-h{padding:10px 12px 8px}
.kit-modal .urm-pane-h span{display:none}
.kit-modal .kit-pick-h{align-items:center;flex-wrap:wrap;gap:8px}
.kit-modal .kit-mat-q{flex:1;min-width:120px;height:30px;border:1px solid #e3ebf5;border-radius:8px;padding:0 10px;font-size:12px}
.kit-modal #kit-material-rows{align-content:start;align-items:stretch}
.kit-modal .kit-now-card{align-items:center;cursor:default;min-width:0;flex-shrink:0}
.kit-modal .kit-pick .urm-ph,.kit-modal .kit-now-card .urm-ph{width:48px;height:48px;flex:none;border-radius:8px}
.kit-modal .kit-now-card>span{flex:1;min-width:0}
.kit-modal .kit-now-card .urm-pick-name{flex-wrap:nowrap;min-width:0}
.kit-modal .kit-now-card b{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.kit-modal .kit-now-card .urm-shelf{flex:0 0 auto}
.kit-modal .kit-now-card input.kit-qty{width:56px!important;flex:0 0 56px;height:28px!important;min-height:28px!important;margin:0!important;border:1px solid #dbe4f0;border-radius:8px;padding:0 6px;font:650 13px Manrope,sans-serif;box-sizing:border-box}
.kit-list{padding:12px 16px;overflow:auto;flex:1;min-height:0;display:flex;flex-direction:column;gap:14px}
.kit-stage{flex:0 0 auto;background:#fff;border:1px solid #e8eef6;border-radius:14px;overflow:visible}
.kit-stage-h{display:flex;justify-content:space-between;align-items:baseline;gap:10px;padding:10px 14px;border-bottom:1px solid #eef3f8}
.kit-stage-h b{font-size:14px;color:#1f2d3d}
.kit-stage-h span{color:#8a9bb2;font-size:12px}
.kit-stage-list{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:10px 12px 12px}
.kit-line{display:grid;grid-template-columns:minmax(0,1fr) 96px;grid-template-rows:auto auto;gap:2px 12px;align-items:center;padding:10px 12px;border:1px solid #e8eef6;border-radius:12px;background:#fff;margin:0}
.kit-line .urm-pick-name{grid-column:1;grid-row:1}
.kit-line small{grid-column:1;grid-row:2;color:#8a9bb2;font-size:11px}
.kit-line .kit-qty{grid-column:2;grid-row:1/span 2;width:96px;height:36px;border:1px solid #dbe4f0;border-radius:10px;padding:0 8px;font:650 14px Manrope,sans-serif}
.kit-line.is-short{border-color:#f0c36d;background:#fff8e8}
.kit-box-h,.kit-box-line{
display:grid;grid-template-columns:88px minmax(160px,1.4fr) 88px 72px 72px auto;
gap:10px;align-items:center;justify-items:start;text-align:left;
box-sizing:border-box;width:100%;margin:0 0 8px;padding:8px 12px
}
.kit-box-h{height:34px;margin:0 14px 10px;padding:0 12px;border-radius:8px;background:#f7fbff;color:#8a9bb2;font:750 12px Manrope,sans-serif}
.kit-box-line{cursor:default;min-height:56px;border:1px solid #e3ebf5;border-radius:10px;background:#fff;padding:10px 14px}
.kit-box-line.is-gone{opacity:.7}
.kit-box-line .id{font:800 13px 'IBM Plex Mono',ui-monospace,Menlo,monospace;color:#1769ff;cursor:pointer}
.kit-box-th{display:flex;align-items:center;gap:8px;min-width:0;cursor:pointer}
.kit-box-th b{font:700 14px Manrope,sans-serif;color:#1f2d3d;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.kit-box-acts{display:flex;gap:6px;flex:0 0 auto;justify-self:end}
.kit-issue-bar{display:flex;flex-direction:column;gap:8px;padding:10px 16px 0}
.kit-issue-chip{display:flex;align-items:center;gap:10px;padding:8px 12px;border:1px solid #c9dbff;border-radius:12px;background:#f5f8ff}
.kit-issue-chip b{font:800 13px 'IBM Plex Mono',ui-monospace,Menlo,monospace;color:#1769ff}
.kit-issue-chip span{flex:1;min-width:0;color:#5f728a;font-size:12px}
.urm-box-pick{align-items:center;background:#f5f8ff;border-color:#c9dbff}
.urm-box-pick>span{flex:1;min-width:0}
#batch-material-rows .urm-box-now{display:flex;flex-direction:column;flex:0 0 auto;padding:8px 10px;border:1px solid var(--line);border-radius:10px;background:#fff}
.urm-box-now{cursor:default}
.urm-box-now>summary{list-style:none;cursor:pointer}
.urm-box-now>summary::-webkit-details-marker{display:none}
.urm-box-lines{display:flex;flex-direction:column;gap:6px;margin-top:8px;padding-top:8px;border-top:1px solid #e8eef6}
.urm-box-line{display:flex;flex-direction:row;align-items:center;gap:8px;font-size:13px;color:#1f2d3d}
.urm-box-line .urm-ph{width:32px;height:32px;border-radius:6px;flex:none}
.urm-box-line b{font:700 13px Manrope,sans-serif;color:#1f2d3d}
.urm-box-line small{display:block;color:#8a9bb2;font-size:11px;line-height:1.3}
.urm-foot{display:flex;justify-content:flex-end;gap:10px;padding:12px 18px 16px;background:#fff;border-top:1px solid #e8eef6;flex:0 0 auto}
.urm-foot .primary{min-width:112px;height:40px;border-radius:10px}
.urm-foot .ghost{height:40px;border-radius:10px;padding:0 16px}
@media(max-width:900px){.urm-split{grid-template-columns:1fr}.urm-pick-list{grid-template-columns:1fr}.urm-now-f{flex-wrap:wrap}.kit-stage-list{grid-template-columns:1fr}}
.ob-th-pick{padding:18px 16px}
.ob-th-pick p{margin:0 0 14px;color:#8a9bb2;font-size:13px;line-height:1.5}
.ob-th-pick-meta{display:flex;gap:16px;margin:0 0 16px;color:#5f728a;font-size:13px}
.ob-th-pick-meta b{color:#1769ff}
.ob-th-list{display:flex;flex-direction:column;gap:8px}
.ob-th-row{display:grid;grid-template-columns:56px minmax(0,1fr) auto;gap:12px;align-items:center;padding:10px 12px;border:1px solid #e3ebf5;border-radius:12px;background:#fff;cursor:pointer;width:100%;text-align:left;font:inherit;color:inherit}
.ob-th-mark{font:700 12px Manrope,sans-serif;color:#8a9bb2;white-space:nowrap}
.ob-th-row.is-on .ob-th-mark{color:#1769ff}
.ob-cart-one{font:700 12px 'IBM Plex Mono';color:#1769ff;text-align:right}
.ob-th-row.on,.ob-th-row.is-on{border-color:#c9dbff;background:#f5f8ff}
.ob-th-cover{width:56px;height:40px;border-radius:8px;overflow:hidden;background:#eef3f9;display:grid;place-items:center}
.ob-th-cover img{width:100%;height:100%;object-fit:cover;display:block}
.ob-th-cover i{font:700 14px Manrope,sans-serif;font-style:normal;color:#8a9bb2}
.ob-modal-cart{width:min(1080px,96vw)!important;max-height:min(92vh,820px)!important}
.ob-modal-cart .obm-body{display:flex;flex-direction:column;gap:10px;overflow:hidden;padding:12px 16px 10px}
.ob-modal-cart .obm-grid-3{grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;margin:0}
/* 五项分两行：订单名称(3) + 出库性质(1) + 计划发货(2) / 门店(3) + 备注(3) */
.ob-modal-cart .obm-grid-3 .obm-f-name{grid-column:span 3}
.ob-modal-cart .obm-grid-3 .obm-f-kind{grid-column:span 1}
.ob-modal-cart .obm-grid-3 .obm-f-plan{grid-column:span 2}
.ob-modal-cart .obm-grid-3 .obm-f-store{grid-column:span 3}
.ob-modal-cart .obm-grid-3 .obm-f-note{grid-column:span 3}
/* 门店「在建中」却选了「门店售出」：只提示不阻断，不强制填原因 */
.ob-kind-warn{margin:8px 0 0;padding:8px 10px;border:1px solid #f5c6bd;border-radius:9px;background:#fff7f5;color:#8a3b28;font-size:12px;line-height:1.6}
.ob-cart-split{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(260px,.9fr);gap:10px;flex:1;min-height:0}
.ob-modal-cart.is-edit{width:min(560px,96vw)!important}
.ob-modal-cart.is-edit .ob-cart-split{grid-template-columns:1fr}
.ob-modal-cart.is-edit .ob-cart-now{min-height:280px;max-height:min(58vh,520px)}
.ob-cart-pick,.ob-cart-now{border:1px solid #e3ebf5;border-radius:12px;background:#fff;display:flex;flex-direction:column;min-height:0;overflow:hidden}
.ob-cart-pick .ob-sp-tabs{margin:8px 10px 0}
.ob-cart-pick .ob-sp-rh{padding:8px 10px 0}
.ob-cart-pick .ob-pick-search{width:100%;max-width:none;height:32px!important}
.ob-cat-chips{display:flex;flex-wrap:wrap;gap:6px;padding:8px 10px 0}
.ob-cat{height:26px;padding:0 10px;border:1px solid #e3ebf5;border-radius:999px;background:#f8fbff;color:#5b6b80;font:650 12px Manrope,sans-serif}
.ob-cat.on{border-color:#1769ff;background:#eef3ff;color:#1769ff}
.ob-cart-pick .ob-tg-list{padding:8px 10px 10px}
.ob-ph{width:44px;height:56px;border-radius:8px;overflow:hidden;background:#eef3f9;display:grid;place-items:center;flex:none}
.ob-ph img{width:100%;height:100%;object-fit:contain;display:block;background:#f4f7fb}
.ob-ph i{font:700 14px Manrope,sans-serif;font-style:normal;color:#8a9bb2}
.ob-modal-cart .ob-th-row{grid-template-columns:44px minmax(0,1fr) auto}
/* 同门店其它需求单已占用：只做信息提示，不置灰、不禁用——重复需求是允许的。 */
.ob-th-row.is-dup{border-color:#dbe4ef;background:#fbfcfe}
.ob-dmd{display:block;margin-top:3px;color:#1769ff;font-size:11px;font-weight:600}
.ob-cart-now-h{display:flex;align-items:baseline;justify-content:space-between;gap:8px;padding:10px 12px;border-bottom:1px solid #eef3f8;flex:0 0 auto}
.ob-cart-now-h b{font-size:14px}
.ob-cart-now-h small{color:#8a9bb2;font-size:12px}
.ob-cart-now-list{flex:1;min-height:0;overflow:auto;padding:8px}
.ob-modal-cart .ob-cart-line{grid-template-columns:44px minmax(0,1fr) 56px 28px;gap:8px;padding:8px;border:1px solid #eef3f8;border-radius:10px;margin:0 0 6px;border-top:1px solid #eef3f8}
.ob-cart-txt{min-width:0}
.ob-cart-txt b{display:block;font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ob-cart-txt small{display:block;margin-top:2px;color:#8a9bb2;font-size:11px}
.ob-cart-x{width:28px;height:28px;border:0;background:transparent;color:#8a9bb2;font:700 18px/1 Manrope,sans-serif}
.ob-cart-x:hover{color:#d4533b}
.ob-modal-cart .ob-cart-qty{width:56px;height:28px}
@media(max-width:780px){
.ob-modal-cart .obm-grid-3{grid-template-columns:1fr 1fr}
.ob-modal-cart .obm-grid-3 label:last-child{grid-column:1/-1}
.ob-cart-split{grid-template-columns:1fr;max-height:none}
.ob-cart-pick{min-height:240px;max-height:42vh}
.ob-cart-now{min-height:160px;max-height:28vh}
}
.ob-th-info{min-width:0}
.ob-th-info b{display:block;font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ob-th-info small{display:block;margin-top:3px;color:#8a9bb2;font-size:12px}
.ob-th-row .ob-th-qty{width:88px;height:36px;border:1px solid #d7e0ea;border-radius:8px;padding:0 8px;font:700 14px Manrope,sans-serif}
.ob-th-qty-lab{display:flex;flex-direction:column;gap:8px;max-width:220px}
.ob-th-qty-lab>span{color:#8a9bb2;font-size:12px}
.ob-th-qty{height:40px;border:1px solid #d7e0ea;border-radius:10px;padding:0 12px;font:700 16px Manrope,sans-serif}
.modal.ob-ship-modal{width:min(920px,96vw)!important;height:auto!important;max-height:90vh!important}
.ob-ship-back{z-index:1200!important}
.ob-ship-meta{margin:0 0 14px;color:#5f728a;font-size:13px}
/* 确认发货拆两板块：主题挑编号，物资看明细（b12-4） */
.ob-ship-sec{margin:0 0 14px}
.ob-ship-sec-h{display:flex;align-items:baseline;justify-content:space-between;gap:8px;margin:0 0 8px}
.ob-ship-sec-h b{font-size:14px;color:#1f2d3d}
.ob-ship-sec-h span{color:#8a9bb2;font-size:12px}
.ob-ship-mat-list{display:grid;gap:6px;max-height:min(34vh,300px);overflow:auto;border:1px solid #e3ebf5;border-radius:12px;background:#fff;padding:8px}
.ob-ship-mat-row{display:grid;grid-template-columns:40px minmax(0,1fr) auto auto;gap:10px;align-items:center;padding:6px 4px}
.ob-ship-mat-row+.ob-ship-mat-row{border-top:1px solid #f1f5f9}
.ob-ship-mat-img{width:40px;height:40px;border-radius:8px;object-fit:cover;border:1px solid #eef3f8}
.ob-ship-mat-ph{width:40px;height:40px;border-radius:8px;display:grid;place-items:center;background:#f1f6ff;border:1px solid #e3ebf5}
.ob-ship-mat-ph i{font:700 14px Manrope,sans-serif;font-style:normal;color:#8a9bb2}
.ob-ship-mat-txt{min-width:0}
.ob-ship-mat-txt b{display:block;font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ob-ship-mat-txt small{display:block;margin-top:2px;color:#8a9bb2;font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ob-ship-mat-qty{font:700 13px Manrope,sans-serif;color:#1f2d3d;white-space:nowrap}
.ob-ship-warn{color:#d4533b;font-style:normal;font-weight:600;font-size:12px}
.ob-ship-mat-amt{font:700 12px 'IBM Plex Mono';color:#5f728a;white-space:nowrap;min-width:72px;text-align:right}
.ob-ship-block{margin:0 0 14px;border:1px solid #e3ebf5;border-radius:12px;overflow:hidden}
.ob-ship-bh{display:flex;justify-content:space-between;gap:10px;padding:10px 12px;background:#f7fbff}
.ob-ship-bh span{color:#8a9bb2;font-size:12px}
.ob-ship-bh em{font-style:normal;color:#1769ff;font-weight:800}
.ob-ship-ids{display:flex;flex-direction:column;max-height:180px;overflow:auto}
.ob-ship-id{display:flex;align-items:center;gap:10px;padding:8px 12px;border-top:1px solid #eef3f8;cursor:pointer}
.ob-ship-id.on{background:#f5f8ff}
.ob-ship-id .id{font:700 13px 'IBM Plex Mono',monospace;color:#1769ff}
.ob-ship-id .sh{margin-left:auto;color:#8a9bb2;font-size:12px}
.ob-ship-voucher{display:flex;flex-direction:column;gap:8px;margin-top:8px}
.ob-ship-mat{padding:16px 12px;border:1px dashed #d7e4ff;border-radius:12px;background:#f7fbff}
.ob-ship-mat p{margin:0;font-size:14px;color:#1f2d3d}
.ob-ship-mat b{color:#1769ff}
.ob-ship-mat small{display:block;margin-top:8px;color:#8a9bb2;font-size:12px}
.ob-ship-voucher em{color:#8a9bb2;font-size:12px;font-style:normal}
.ob-ship-voucher.is-req>span{color:#d4533b}
.ob-ship-voucher.is-req em{color:#d4533b}
.ob-ship-prev{max-width:180px;max-height:120px;border-radius:10px;object-fit:cover;border:1px solid #e3ebf5}
.po-page #pw-month{height:32px;border:1px solid var(--line);border-radius:8px;padding:0 10px;background:#fff;color:var(--text);margin-left:4px}
.po-page .pw-split{flex:1;min-height:0}
.pw-kpis{display:flex;align-items:baseline;gap:22px;flex-wrap:wrap}
.pw-kpis span{color:var(--muted);font-size:12px}
.pw-kpis b{margin-left:6px;font:800 16px/1.2 'IBM Plex Mono';color:var(--text)}
.pw-kpis .y b{color:var(--yellow)}
.pw-split{display:grid;grid-template-columns:200px minmax(0,1fr);min-height:0;border:1px solid var(--line);border-radius:14px;background:#fff;overflow:hidden}
.pw-split.is-2{grid-template-columns:200px minmax(0,1fr)}
.pw-split.is-3{grid-template-columns:200px minmax(0,1.45fr) minmax(240px,.9fr)}
.pw-split .ob-split-side{border-right:1px solid var(--line);background:#f7fbff;min-height:0;overflow:auto}
.pw-split .ob-split-store{grid-template-columns:1fr}
.pw-split .ob-split-store b{font-size:13px;font-weight:650}
.pw-split .ob-split-store small{display:flex;flex-direction:column;gap:1px;margin-top:4px;font:11px/1.4 'IBM Plex Mono';color:var(--muted);white-space:normal}
.pw-split .ob-split-store small em{font-style:normal;color:var(--yellow);font-weight:700}
.pw-split .ob-split-store small i{font-style:normal;color:#9aa8b8}
.pw-split .ob-split-store.is-skip{opacity:.55}
.pw-col{display:flex;flex-direction:column;min-width:0;min-height:0;overflow:hidden}
.pw-col+.pw-col{border-left:1px solid var(--line)}
.pw-col-rec{background:#fafcfe}
.pw-col-rec .pw-col-h{background:#f4f7fb}
.pw-col-h{flex:0 0 auto;display:flex;justify-content:space-between;align-items:center;gap:12px;padding:10px 16px;background:#f7fbff;border-bottom:1px solid var(--line)}
.pw-col-t{display:flex;align-items:baseline;gap:10px;min-width:0}
.pw-col-t b{font-size:14px}
.pw-col-t span,.pw-col-h>span{color:var(--muted);font-size:12px}
.pw-col-acts{display:flex;align-items:center;gap:10px;flex-wrap:wrap;justify-content:flex-end}
.pw-col-b{flex:1;min-height:0;overflow:auto}
.pw-pay-btn{height:32px;padding:0 14px;border-radius:8px;font-size:13px;font-weight:700}
.pw-pay-btn.is-off{opacity:.42}
.pw-sel{color:var(--muted);font-size:12px}
.pw-sel b,.pw-sel em{font-style:normal;color:var(--yellow);font:700 12px 'IBM Plex Mono'}
.pw-col-h .pw-err{margin:0}
.pw-mini{height:22px;padding:0 6px;border:0;background:transparent;color:#9aa8b8;font-size:11px}
.pw-mini.on{color:var(--yellow);font-weight:700}
.pw-col-acts .pw-mini:hover{color:var(--text)}
.pw-line .pw-mini{justify-self:end;white-space:nowrap;opacity:0;transition:opacity .12s}
.pw-line:hover .pw-mini,.pw-line:focus-within .pw-mini,.pw-line.is-skip .pw-mini{opacity:1}
.pw-tag{display:inline-flex;align-items:center;height:20px;padding:0 7px;border:1px solid var(--line);border-radius:999px;color:#8a9bb2;font-size:11px;font-style:normal;background:#fff}
.pw-st{display:inline-flex;align-items:center;width:fit-content;height:22px;padding:0 8px;border-radius:999px;background:#f1f6ff;color:#5b7190;font-size:11px;font-weight:650}
.pw-line{display:grid;grid-template-columns:22px minmax(0,1.5fr) 64px 64px 84px 78px 36px;gap:8px 10px;align-items:center;padding:11px 16px;border-bottom:1px solid #eef3f8}
.pw-col.is-who .pw-line{grid-template-columns:22px minmax(0,1.7fr) 64px 84px 78px 36px}
.pw-col.is-who .pw-who{display:none}
.pw-line.is-head{position:sticky;top:0;z-index:2;color:#9aa8b8;font-size:11px;font-weight:600;background:#f7fbff;padding:8px 16px;border-bottom:1px solid var(--line)}
.pw-line.is-head:hover{background:#f7fbff}
.pw-line input[type=checkbox]{accent-color:var(--yellow);width:15px;height:15px;margin:0}
.pw-line .ti b{display:block;font:500 11px/1.3 'IBM Plex Mono';color:var(--yellow)}
.pw-line .ti strong{display:block;font-size:14px;font-weight:650;margin-top:2px;letter-spacing:-.02em}
.pw-line>span{font-size:12px;color:#7b8da5}
.pw-line .ob-v2-money{font:800 13px/1.2 'IBM Plex Mono';color:var(--yellow)}
.pw-line .sub{color:#9aa8b8;font-size:11px;font-variant-numeric:tabular-nums}
.pw-line:hover{background:#f8fbff}
.pw-line.is-on{background:#f3f7ff}
.pw-line.is-skip{opacity:.58}
.pw-line.is-skip .ob-v2-money{text-decoration:line-through;color:#9aa8b8}
.pw-line.is-paid{opacity:.72;background:#fafcfe}
.pw-est-h{padding:10px 16px 8px;color:#8a9bb2;font-size:11px;font-weight:650;letter-spacing:.02em;background:#f4f7fb;border-top:1px solid var(--line)}
.pw-est{display:grid;grid-template-columns:minmax(0,1.5fr) 64px 64px 84px auto;gap:8px 10px;align-items:center;padding:10px 16px;background:#fafcfe;border-bottom:1px solid #eef3f8}
.pw-col.is-who .pw-est{grid-template-columns:minmax(0,1.7fr) 64px 84px auto}
.pw-est .ti b{display:block;font:500 11px/1.3 'IBM Plex Mono';color:#7b8da5}
.pw-est .ti strong{display:block;font-size:13px;font-weight:650;margin-top:2px;color:#5f728a}
.pw-est>span{font-size:12px;color:#9aa8b8}
.pw-est .ob-v2-money{font:650 13px 'IBM Plex Mono';color:#9aa8b8}
.pw-empty{display:grid;place-items:center;min-height:160px;color:#9aa8b8;font-size:13px}
.pw-rec{padding:14px 16px;border-bottom:1px solid #eef3f8;background:#fafcfe}
.pw-rec .ti{display:flex;align-items:baseline;gap:8px}
.pw-rec .ti b{font:500 11px 'IBM Plex Mono';color:var(--yellow)}
.pw-rec .ti strong{font-size:13px;font-weight:650}
.pw-rec .ob-v2-money{display:block;margin-top:6px;font:800 15px 'IBM Plex Mono';color:var(--text)}
.pw-rec .sub{display:inline-block;margin-top:4px;color:#9aa8b8;font-size:11px}
.pw-voucher-btn{display:inline-flex;align-items:center;height:22px;margin-top:8px;padding:0 8px;border:1px solid #dbe6f4;border-radius:999px;background:#fff;color:var(--yellow);font-size:11px;font-weight:650}
.pw-voucher-btn:hover{background:#eef3ff;border-color:#c9dbff}
.pw-pay-row{display:flex;align-items:center;gap:10px;padding:8px 0;border-bottom:1px solid var(--line)}
.pw-pay-row em{margin-left:auto;font-style:normal;color:var(--yellow);font:600 13px 'IBM Plex Mono'}
.pw-way{display:flex;gap:8px;margin-top:14px}
.pw-way .pw-mini{height:30px;padding:0 12px;border:1px solid var(--line);border-radius:8px;background:#fff;opacity:1}
.pw-way .pw-mini.on{border-color:var(--yellow);color:var(--yellow);background:#eef3ff;font-weight:700}
.pw-zone{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;width:100%;min-height:88px;margin-top:12px;padding:14px;border:1.5px dashed var(--yellow);border-radius:10px;background:#f5f8ff;color:var(--text);cursor:pointer}
.pw-zone b{font-size:14px}
.pw-zone span{color:var(--muted);font-size:12px}
.pw-zone.has{padding:10px;border-style:solid}
.pw-voucher{display:block;max-width:100%;max-height:140px;border-radius:8px;object-fit:cover}
.pw-err{margin:8px 0 0;color:var(--red);font-size:12px}
.pw-img-big{max-width:min(90vw,720px);max-height:85vh;border-radius:10px;display:block;margin:8vh auto 0}
#pw-pay-note{margin-top:10px;width:100%;height:36px;border:1px solid var(--line);border-radius:8px;padding:0 10px;background:#fff}
.po-v2-filters #pw-year,.po-v2-filters #pw-mon{
height:32px;border:1px solid var(--line);border-radius:8px;background:#fff;color:var(--text);padding:0 8px
}
.pw-page{display:grid;gap:12px}
.pw-hint{margin:0;color:var(--muted);font-size:12px;line-height:1.6}
.pw-bar{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.pw-bar label{color:var(--muted);font-size:12px}
.pw-bar input,.pw-bar select{height:36px;border:1px solid var(--line);border-radius:8px;padding:0 10px;background:#fff}
.pw-note{color:var(--muted);font-size:12px}
@media(hover:none){
.pw-line .pw-mini{opacity:1}
}
@media(max-width:1100px){
.pw-split.is-3{grid-template-columns:180px minmax(0,1fr) minmax(200px,.8fr)}
}
@media(max-width:900px){
.pw-split,.pw-split.is-2,.pw-split.is-3{grid-template-columns:1fr}
.pw-split .ob-split-side{max-height:180px;border-right:0;border-bottom:1px solid var(--line)}
}
html body .app > .main:has(.inbound-page){overflow:hidden!important;min-height:0!important}
html body .app > .main > .main-body:has(.inbound-page){
display:flex!important;flex-direction:column!important;min-height:0!important;overflow:hidden!important;padding-bottom:16px!important
}
.inbound-page.is-split{flex:1 1 auto!important;min-height:0!important;height:auto!important;overflow:hidden!important}
.inbound-page .ib-split{flex:1 1 auto!important;min-height:0!important;height:0!important}
.inbound-page .ib-pane-r{flex:1 1 auto!important;min-width:0!important;min-height:0!important;overflow:hidden!important}
.inbound-page #ib-panel-items{
display:flex!important;flex-direction:column!important;
flex:1 1 auto!important;min-height:0!important;height:auto!important;
overflow:auto!important;-webkit-overflow-scrolling:touch;
scrollbar-gutter:stable
}
.inbound-page .ib-gsec,.inbound-page .ib-shot-block{flex:0 0 auto}
.inbound-page .ib-gsec-h em{color:#1769ff!important;font:800 15px 'IBM Plex Mono',Manrope,sans-serif!important}
.wb-console .wb-facts{display:flex;align-items:center;flex-wrap:wrap;gap:0;margin:0 0 16px;padding:0 2px 14px;border-bottom:1px solid #e3ebf5;color:#5a6b80;font-size:14px}
.wb-console .wb-facts>span{display:inline-flex;align-items:center;gap:6px;padding:0 22px;border-left:1px solid #e3ebf5}
.wb-console .wb-facts>span:first-child{padding-left:0;border-left:0}
.wb-console .wb-facts svg{width:15px;height:15px;stroke:#8a9bb2;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex:0 0 15px}
.wb-console .wb-facts b{margin:0 4px 0 0;color:#1769ff;font-size:18px;font-weight:800;font-variant-numeric:tabular-nums}
.wb-console .wb-facts i{margin-left:6px;font-style:normal;font-size:12px;font-weight:500;color:#8a9bb2}
.wb-console .wb-facts .is-quiet b{color:#5a6b80;font-size:15px;font-weight:700}
.wb-console .wb-fin{display:flex;align-items:baseline;flex-wrap:wrap;gap:8px 18px;margin:0 0 14px;padding:12px 14px;border:1px solid #e3ebf5;border-radius:12px;background:#fff}
.wb-console .wb-fin-h{display:flex;align-items:center;gap:6px;color:#5a6b80;font-size:13px;flex:0 0 auto}
.wb-console .wb-fin-h svg{width:15px;height:15px;stroke:#8a9bb2;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.wb-console .wb-fin-h b{margin:0 2px;color:#1769ff;font-size:22px;font-weight:800;font-variant-numeric:tabular-nums}
.wb-console .wb-fin-list{display:flex;flex-wrap:wrap;gap:6px 16px;min-width:0}
.wb-console .wb-fin-list span{font-size:13px;color:#1f2d3d}
.wb-console .wb-fin-list em{font-style:normal;font-weight:800;color:#1769ff;margin-left:4px;font-variant-numeric:tabular-nums}
.wb-console .wb-fin .empty{padding:0;font-size:13px}
.wb-console .workbench-section-head h2 b{color:#1769ff;font-size:20px;font-weight:800;margin:0 2px;font-variant-numeric:tabular-nums}
.wb-console .wb-delta{font-size:12px}
.wb-console .wb-delta.is-up{color:#2f9b72}
.wb-console .wb-delta.is-down{color:#e35b5b}
.wb-console .wb-ship-row{display:grid;grid-template-columns:72px minmax(0,1fr) auto;grid-template-rows:auto auto;gap:2px 10px;align-items:baseline;padding:12px 8px;border-top:1px solid #e3ebf5;position:relative}
.wb-console .wb-ship-row:first-child{border-top:0}
.wb-console .wb-ship-when{font-size:13px;font-weight:750;color:#1769ff}
.wb-console .wb-ship-store{font-size:14px;font-weight:650;color:#1f2d3d;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.wb-console .wb-ship-qty{font-size:13px;color:#1f2d3d;white-space:nowrap}
.wb-console .wb-ship-qty b{color:#1769ff;font-size:18px;font-weight:800;margin-right:2px;font-variant-numeric:tabular-nums}
.wb-console .wb-ship-th{grid-column:2 / -1;font-size:12px;color:#8a9bb2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.wb-console .wb-stock-pair{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:0 0 16px}
.wb-console .wb-stock{margin:0;padding:16px 16px 14px;border:1px solid #e3ebf5;border-radius:14px;background:#fff}
.wb-console .wb-stock-h{display:flex;align-items:center;gap:8px;margin:0 0 12px;color:#5a6b80;font-size:14px}
.wb-console .wb-stock-h svg{width:16px;height:16px;stroke:#8a9bb2;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex:0 0 16px}
.wb-console .wb-stock-h b{margin:0 4px 0 0;color:#1769ff;font-size:28px;font-weight:800;font-variant-numeric:tabular-nums;line-height:1}
.wb-console .wb-stock-h i{margin-left:6px;font-style:normal;font-size:12px;font-weight:500;color:#8a9bb2}
.wb-console .wb-stock-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(128px,1fr));gap:8px}
.wb-console .wb-stock-card{display:flex;flex-direction:column;gap:6px;min-width:0;padding:10px 12px;border:1px solid #e3ebf5;border-radius:10px;background:#f8fbff}
.wb-console .wb-stock-card .nm{font-size:12px;font-weight:650;color:#1f2d3d;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.wb-console .wb-stock-card b{font-size:20px;font-weight:800;color:#1769ff;font-variant-numeric:tabular-nums;line-height:1}
.wb-console .wb-stock .empty{padding:4px 0 2px}
.wb-console .alert-acts .primary{height:32px;padding:0 12px;border-radius:8px;font-weight:800;font-size:12px}
.wb-console .wb-go{display:inline-flex;align-items:center;gap:4px;height:30px;padding:0 11px;border-radius:8px;border:1px solid #d7e4ff;background:#eef3ff;color:#1769ff;font-size:12px;font-weight:700;white-space:nowrap;flex:0 0 auto}
.wb-console .wb-go:hover{background:#1769ff;color:#fff;border-color:#1769ff}
.wb-console .wb-go svg{width:12px;height:12px;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.wb-console .wb-hero{margin:0 0 14px}
.wb-console .wb-split{display:grid;grid-template-columns:1.15fr .85fr;gap:14px;margin:0 0 14px}
.wb-console .workbench-column{overflow:visible}
.wb-console .workbench-column:hover,.wb-console .workbench-column:focus-within{z-index:4}
.wb-console .stage-board{display:grid;gap:10px}
.wb-console .stage-col{position:relative;min-width:0;padding:14px;border:1px solid #e3ebf5;border-radius:12px;background:#f8fbff;cursor:default}
.wb-console .stage-col[data-st="雕刻"]{background:#f4f8ff;border-color:#d7e4ff}
.wb-console .stage-col[data-st="装订"],.wb-console .stage-col[data-st="木工装订"]{background:#f7fbff;border-color:#dce6f5}
.wb-console .stage-col[data-st="油漆"]{background:#f3faf6;border-color:#d7eee3}
.wb-console .stage-col[data-st="机关安装"]{background:#fff9ef;border-color:#f1e1b8}
.wb-console .stage-col[data-st="打包"]{background:#f5f7fb;border-color:#dde5f0}
.wb-console .stage-col[data-st="维修"]{background:#fff6f6;border-color:#f5d2cf}
.wb-console .stage-col.is-jam{box-shadow:inset 3px 0 0 #c98621}
.wb-console .stage-kicker{font-size:12px;font-weight:700;color:#8a9bb2}
.wb-console .stage-col[data-st="雕刻"] .stage-kicker{color:#1769ff}
.wb-console .stage-col[data-st="油漆"] .stage-kicker{color:#2f9b72}
.wb-console .stage-col[data-st="机关安装"] .stage-kicker{color:#c98621}
.wb-console .stage-col[data-st="打包"] .stage-kicker{color:#5b7aa3}
.wb-console .stage-col strong{display:block;margin-top:6px;font-size:15px;font-weight:750;color:#1f2d3d}
.wb-console .stage-col em{display:block;margin-top:4px;font-size:12px;font-style:normal;color:#8a9bb2}
.wb-console .dense-row{display:grid;grid-template-columns:minmax(96px,auto) minmax(0,1fr) auto;gap:10px;align-items:baseline;padding:11px 8px;border-top:1px solid #e3ebf5;position:relative}
.wb-console .dense-row:first-child{border-top:0}
.wb-console .dense-row:hover{background:#f7fbff}
.wb-console .dense-name{font-size:13px;font-weight:650;color:#1f2d3d}
.wb-console .dense-detail{font-size:12px;color:#8a9bb2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.wb-console .dense-value{font-size:12px;font-weight:700;color:#1f2d3d;white-space:nowrap}
.wb-console .warning-row{border-radius:8px;margin-top:4px;border-top:0;padding-left:10px;border-left:3px solid #c98621;background:#fffaf3}
.wb-console .warning-row.is-red{border-left-color:#e35b5b;background:#fff6f6}
.wb-console .warning-row.is-red .dense-value{color:#e35b5b}
.wb-console .warning-row.is-amber .dense-value{color:#c98621}
.wb-console .tag-red{color:#e35b5b;font-weight:700}
.wb-console .tag-amber{color:#c98621;font-weight:700}
.wb-console .fold{z-index:1}
.wb-console .fold:hover,.wb-console .fold:focus-within{z-index:12;outline:none}
.wb-console .fold__pop{position:absolute;top:calc(100% - 4px);left:8px;min-width:260px;max-width:360px;background:#fff;border:1px solid #e3ebf5;border-radius:12px;box-shadow:0 16px 38px rgba(69,93,128,.14);padding:12px 14px 14px;opacity:0;pointer-events:none;transform:translateY(8px);transition:.16s ease;z-index:12}
.wb-console .fold:hover .fold__pop,.wb-console .fold:focus-within .fold__pop{opacity:1;pointer-events:auto;transform:none}
.wb-console .fold__pop h3{margin:0 0 8px;font-size:13px;color:#1f2d3d}
.wb-console .fold__pop h3 span{color:#8a9bb2;font-weight:500;margin-left:6px;font-size:12px}
.wb-console .theme-chips{display:flex;flex-wrap:wrap;gap:6px}
.wb-console .theme-chip{font-size:12px;line-height:1;padding:6px 8px;border-radius:7px;background:#f7fbff;border:1px solid #e3ebf5;color:#1f2d3d}
.wb-console .stage-col.fold:last-child .fold__pop,.wb-console .stage-col.fold:nth-last-child(2) .fold__pop{left:auto;right:8px}
.wb-console .empty{padding:14px 8px;color:#8a9bb2;font-size:13px}
@media(max-width:1100px){.wb-console .wb-split,.wb-console .stage-board,.wb-console .wb-stock-pair{grid-template-columns:1fr}}
html body .app > .main:has(.wb-erp) .headline{display:none}
html body .app > .main:has(.wb-erp) .topbar{padding-bottom:12px}
html body .app > .main:has(.wb-erp){overflow:hidden!important;min-height:0!important;height:100%!important}
html body .app > .main > .main-body:has(.wb-erp){background:linear-gradient(180deg,#eaf1fb 0%,#f4f7fb 200px,#f5f7fb 100%);padding-top:10px!important;overflow:auto!important;scrollbar-gutter:stable;min-height:0!important;-webkit-overflow-scrolling:touch;overscroll-behavior-y:contain}
.wb-erp{max-width:1280px;margin:0 auto;padding:0 0 36px;position:relative;overflow:visible}
.wb-erp:before{content:"";position:absolute;right:-8px;top:-48px;width:380px;height:220px;background:radial-gradient(ellipse at 70% 40%,rgba(51,112,255,.14),transparent 70%);pointer-events:none;z-index:0}
.wb-erp .wb-hero{position:sticky;top:0;z-index:0;min-height:92px;margin:0 0 -12px;pointer-events:none}
.wb-erp .wb-hello{display:flex;align-items:center;min-height:78px;margin:0 0 6px;position:relative;z-index:1;padding-left:20px}
.wb-erp .wb-sheet{position:relative;z-index:3;background:rgba(255,255,255,.38);-webkit-backdrop-filter:blur(18px) saturate(1.35);backdrop-filter:blur(18px) saturate(1.35);border-radius:18px 18px 0 0;box-shadow:0 -16px 36px rgba(15,23,42,.06);padding:10px 0 8px}
.wb-erp .wb-hello h1{margin:0;font-size:24px;font-weight:650;letter-spacing:-.35px;color:#1e293b;line-height:1.25}
.wb-erp .wb-wave{font-size:20px;margin-left:2px}
.wb-erp .wb-hello p{margin:4px 0 0;font-size:13px;color:#64748b}
.wb-erp .wb-deco{position:absolute;right:-12px;top:-72px;width:440px;height:240px;pointer-events:none;z-index:0}
.wb-erp .wb-kpis{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin:0 0 12px;position:relative;z-index:1}
.wb-erp .wb-kpi{display:flex;align-items:center;justify-content:space-between;gap:8px;background:rgba(255,255,255,.78);-webkit-backdrop-filter:blur(18px) saturate(1.4);backdrop-filter:blur(18px) saturate(1.4);border:1px solid rgba(255,255,255,.9);border-radius:14px;padding:14px 12px 12px 16px;box-shadow:0 8px 28px rgba(51,112,255,.08);transition:transform .15s ease,box-shadow .15s ease;min-width:0}
.wb-erp .wb-kpi:hover{transform:translateY(-1px);box-shadow:0 12px 32px rgba(51,112,255,.12)}
.wb-erp .wb-kpi .kpi-txt{min-width:0;flex:1}
.wb-erp .wb-kpi .hd{margin-bottom:6px;color:#64748b;font-size:13px}
.wb-erp .wb-kpi .n{font-size:26px;font-weight:650;letter-spacing:-.55px;font-variant-numeric:tabular-nums;color:#0f172a;line-height:1.15}
.wb-erp .wb-kpi .kpi-art{width:72px;height:60px;flex:0 0 72px;pointer-events:none}
.wb-erp .wb-kpi .kpi-art svg{width:72px;height:60px;display:block}
.wb-erp .wb-kpi .n small{font-size:12px;font-weight:500;color:#94a3b8;margin-left:4px}
.wb-erp .wb-vs{margin-top:8px;font-size:12px;color:#16a34a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.wb-erp .wb-vs.down{color:#e11d48}
.wb-erp .wb-vs.mute{color:#94a3b8}
.wb-erp .wb-quick{background:#fff;border-radius:12px;padding:14px 12px 12px;margin:0 0 12px;box-shadow:0 1px 2px rgba(15,23,42,.04),0 8px 24px rgba(51,112,255,.06);position:relative;z-index:1}
.wb-erp .wb-quick .wb-h{margin:0 4px 10px}
.wb-erp .wb-h{font-size:14px;font-weight:600;margin:0 0 8px;color:#0f172a;display:flex;justify-content:space-between;align-items:center;gap:8px}
.wb-erp .wb-h span{font-size:12px;font-weight:500;color:#94a3b8}
.wb-erp .wb-h-r{display:flex;align-items:center;gap:8px;flex:0 0 auto}
.wb-erp .wb-filt{position:relative}
.wb-erp .wb-filt-btn{width:28px;height:28px;border:0;border-radius:8px;background:#f1f5f9;display:grid;place-items:center;padding:0;box-shadow:none}
.wb-erp .wb-filt-btn svg{width:14px;height:14px;fill:#64748b}
.wb-erp .wb-filt.on .wb-filt-btn{background:#eef3ff}
.wb-erp .wb-filt.on .wb-filt-btn svg{fill:#3370ff}
.wb-erp .wb-filt-pop{display:none;position:absolute;right:0;top:calc(100% + 6px);z-index:12;background:#fff;border:1px solid #e3ebf5;border-radius:12px;box-shadow:0 12px 32px rgba(69,93,128,.16);padding:10px;min-width:248px}
.wb-erp .wb-filt.on .wb-filt-pop{display:block}
.wb-erp .wb-seg{display:flex;gap:2px;background:#f1f5f9;border-radius:8px;padding:2px;margin:0 0 10px}
.wb-erp .wb-seg button{flex:1;border:0;background:transparent;height:26px;padding:0;border-radius:6px;font-size:12px;color:#64748b;box-shadow:none}
.wb-erp .wb-seg button.on{background:#fff;color:#3370ff;font-weight:650}
.wb-erp .wb-cal-h{display:flex;align-items:center;justify-content:space-between;margin:0 0 8px}
.wb-erp .wb-cal-h b{font-size:13px;color:#0f172a}
.wb-erp .wb-cal-h button{width:28px;height:28px;border:0;border-radius:8px;background:#f1f5f9;color:#334155;box-shadow:none}
.wb-erp .wb-cal-w,.wb-erp .wb-cal-g{display:grid;grid-template-columns:repeat(7,1fr);text-align:center}
.wb-erp .wb-cal-w{color:#94a3b8;font-size:11px;margin:0 0 4px}
.wb-erp .wb-cal-g button,.wb-erp .wb-cal-g i{height:30px;border:0;background:transparent;border-radius:8px;font-size:12px;color:#334155;box-shadow:none}
.wb-erp .wb-cal-g button.is-in{background:#eef3ff;color:#3370ff}
.wb-erp .wb-cal-g button.is-edge{background:#3370ff;color:#fff}
.wb-erp .wb-cal p{margin:8px 0 0;font-size:12px;color:#64748b;text-align:center}
.wb-erp .wb-in-card{margin:0;min-width:0}
.wb-erp .wb-line{width:100%;height:152px;display:block;overflow:visible}
.wb-erp .wb-line .wb-glow{opacity:0;transition:opacity .15s}
.wb-erp .wb-line .wb-pt:hover .wb-glow{opacity:1}
.wb-erp .wb-ob{margin:0;min-width:0}
.wb-erp .wb-ob-grid{display:grid;grid-template-columns:1fr 1.15fr 1.15fr;gap:8px 0;align-items:stretch;min-height:0;flex:1}
.wb-erp .wb-ob-chart{min-width:0;padding-right:16px;overflow:visible;position:relative;z-index:5}
.wb-erp .wb-ob-col{min-width:0;min-height:0;display:flex;flex-direction:column;padding:0 16px;border-left:1px solid #f1f5f9}
.wb-erp .wb-subh{font-size:12px;font-weight:600;color:#64748b;margin:0 0 6px;display:flex;justify-content:space-between;align-items:center;gap:8px}
.wb-erp .wb-subh span{font-weight:500;color:#94a3b8}
.wb-erp .wb-ob .wb-line{height:176px;flex:none}
.wb-erp .wb-ob-col .wb-scroll{flex:1;min-height:194px;max-height:214px;overflow-y:auto;overscroll-behavior:auto;-webkit-overflow-scrolling:touch}
.wb-erp .wb-qrow{display:grid;grid-template-columns:repeat(8,minmax(0,1fr))}
.wb-erp .wb-qitem{display:flex;flex-direction:column;align-items:center;gap:8px;width:auto;border:0;background:transparent;color:#64748b;font-size:12px;padding:4px 0 6px;box-shadow:none;border-radius:0}
.wb-erp .wb-qitem:hover{color:#0f172a}
.wb-erp .wb-qitem:hover .wb-qb{background:#dbe7ff;transform:translateY(-2px)}
.wb-erp .wb-qb{width:48px;height:48px;border-radius:14px;background:#eef3ff;display:grid;place-items:center;transition:transform .15s ease,background .15s ease}
.wb-erp .wb-qb svg{width:24px;height:24px;fill:#3370ff;stroke:none}
.wb-erp .wb-qb svg .cut{fill:#eef3ff}
.wb-erp .wb-mid,.wb-erp .wb-low{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:0 0 12px;position:relative;z-index:4;align-items:stretch}
.wb-erp .wb-mid .wb-card:hover,.wb-erp .wb-low .wb-card:hover{z-index:6}
/* An open calendar must lift its parent stacking contexts above adjacent cards. */
.wb-erp .wb-mid:has(.wb-filt.on),.wb-erp .wb-low:has(.wb-filt.on){z-index:7}
.wb-erp .wb-mid .wb-card:has(.wb-filt.on),.wb-erp .wb-low .wb-card:has(.wb-filt.on){position:relative;z-index:7}
.wb-erp .wb-card{background:#fff;border-radius:12px;padding:14px 16px 12px;box-shadow:0 1px 2px rgba(15,23,42,.04),0 8px 24px rgba(51,112,255,.06);min-width:0}
.wb-erp .wb-mid .wb-card{display:flex;flex-direction:column;min-height:222px;min-width:0}
.wb-erp .wb-low{grid-template-columns:1fr}
.wb-erp .wb-low .wb-card{display:flex;flex-direction:column;min-height:0;min-width:0}
.wb-erp .wb-ov{margin:0;position:relative;z-index:4;padding:0;background:transparent;border:0;box-shadow:none}
.wb-erp .wb-ov-cols{display:grid;grid-template-columns:repeat(var(--ov-n,4),minmax(0,1fr));gap:0 24px;align-items:start}
.wb-erp .wb-ov-col+.wb-ov-col{border:0;padding:0}
.wb-erp .wb-ov-row{display:grid;grid-template-columns:64px minmax(0,1fr) 32px;gap:10px;align-items:center;min-height:76px;padding:8px 0;border-top:1px solid #edf1f6}
.wb-erp .wb-ov-row:first-child{border-top:0}
.wb-erp .wb-ov-ph{width:64px;height:88px;border-radius:5px;background:#edf1f8;overflow:hidden;display:grid;place-items:center;color:#6980a7;font:600 14px sans-serif}
.wb-erp .wb-ov-ph.has{box-shadow:0 2px 4px #24364d12}
.wb-erp .wb-ov-ph img{width:100%;height:100%;object-fit:cover;display:block;cursor:zoom-in}
.wb-erp .wb-ov-row .txt{min-width:0}
.wb-erp .wb-ov-row .nm{display:block;white-space:normal;overflow-wrap:anywhere;color:#29394e;font-weight:600;font-size:13px;line-height:1.5}
.wb-erp .wb-ov-row .nm small{display:block;margin:2px 0 0;color:#3370ff;font:700 11px ui-monospace,Menlo,monospace;letter-spacing:.35px}
.wb-erp .wb-ov-row .sub{display:block;color:#738399;font-size:12px;line-height:1.5;margin-top:3px;white-space:normal}
.wb-erp .wb-ov-row .nums{display:flex;flex-direction:column;align-items:flex-end;gap:5px;white-space:nowrap}
.wb-erp .wb-ov-row .nums b{color:#3370ff;font-weight:600;font-size:21px;font-variant-numeric:tabular-nums;line-height:1.1}
.wb-erp .wb-ov-row .nums small{color:#8491a3;font-size:11px}
.wb-erp .wb-ov-row.dim .wb-ov-ph{opacity:.65}
.wb-erp .wb-ov-row.dim .nm,.wb-erp .wb-ov-row.dim .sub,.wb-erp .wb-ov-row.dim .nums b,.wb-erp .wb-ov-row.dim .nums small{color:#8995a6}
.wb-erp .wb-ov-summary{display:flex;justify-content:flex-end;align-items:center;gap:20px;flex-wrap:wrap;margin-top:16px;padding-top:16px;border-top:1px solid #e9edf3;font-size:12px;color:#7b889a}.wb-erp .wb-ov-summary>span:first-child{margin-right:auto}.wb-erp .wb-ov-summary b{font-weight:600;color:#365bb8;font-variant-numeric:tabular-nums}
.wb-erp .wb-ov-empty{text-align:center;color:#7c8b9e;padding:28px;font-size:13px}
@media(max-width:1200px){.wb-erp .wb-ov-cols{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 28px}}
@media(max-width:650px){.wb-erp .wb-ov-cols{grid-template-columns:1fr}}
.wb-erp .wb-donut{display:flex;align-items:center;gap:16px;min-height:0;flex:1}
.wb-erp .ring{position:relative;width:128px;height:128px;flex:0 0 128px}
.wb-erp .ring svg{width:128px;height:128px;transform:rotate(-90deg)}
.wb-erp .ring .c{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;pointer-events:none}
.wb-erp .ring b{font-size:22px;font-weight:650;color:#0f172a;letter-spacing:-.4px}
.wb-erp .ring small{font-size:11px;color:#94a3b8;margin-top:1px}
.wb-erp .lg{flex:1;min-width:0;overflow:visible}
.wb-erp .lg .wb-lg{display:grid;grid-template-columns:minmax(0,1fr) 36px;gap:8px;align-items:center;padding:7px 0;font-size:13px;color:#64748b;border-top:1px solid #f1f5f9;position:relative}
.wb-erp .lg .wb-lg:first-child{border-top:0}
.wb-erp .lg .wb-lg:hover{z-index:8;color:#0f172a}
.wb-erp .lg .wb-lg>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.wb-erp .lg i{width:8px;height:8px;border-radius:50%;display:inline-block;margin-right:8px;vertical-align:1px}
.wb-erp .lg em{font-style:normal;color:#0f172a;font-weight:650;text-align:right;font-variant-numeric:tabular-nums}
.wb-erp .wb-pop{display:none}
.wb-erp .wb-lg{position:relative}
#wb-tip{position:fixed;z-index:80;min-width:240px;max-width:360px;max-height:min(360px,70vh);overflow:auto;background:#fff;border:1px solid #e3ebf5;border-radius:10px;box-shadow:0 12px 32px rgba(69,93,128,.18);padding:10px 12px;pointer-events:none}
#wb-tip .wb-tip-st{margin:8px 0 0;padding:8px 0 0;border-top:1px solid #f1f5f9}
#wb-tip .wb-tip-st:first-of-type{margin-top:4px;padding-top:0;border-top:0}
#wb-tip .wb-tip-sh{display:flex;justify-content:space-between;align-items:baseline;gap:8px;margin:0 0 6px}
#wb-tip .wb-tip-sh b{margin:0;font-size:13px}
#wb-tip .wb-tip-sh em{font-style:normal;color:#3370ff;font-weight:650;font-size:12px;white-space:nowrap}
#wb-tip b{display:block;margin:0 0 8px;font-size:13px;color:#0f172a;font-weight:650}
#wb-tip .theme-chips{display:flex;flex-wrap:wrap;gap:6px}
#wb-tip .theme-chip{font-size:12px;line-height:1.2;padding:6px 8px;border-radius:7px;background:#f7fbff;border:1px solid #e3ebf5;color:#1f2d3d}
.wb-erp .wb-pop b{display:block;margin:0 0 8px;font-size:13px;color:#0f172a;text-align:left;font-weight:650}
.wb-erp .wb-card{overflow:visible}
.wb-erp .wb-scroll{flex:1;min-height:0;max-height:none;overflow:visible;overscroll-behavior:auto}
.wb-erp .wb-scroll::-webkit-scrollbar{width:6px}
.wb-erp .wb-scroll::-webkit-scrollbar-thumb{background:#d7e2ef;border-radius:8px}
.wb-erp .wb-scroll>.wb-al:first-of-type,.wb-erp .wb-scroll .wb-lg:first-child .wb-al{border-top:0}
.wb-erp .wb-scroll .wb-lg{position:relative}
.wb-erp .wb-scroll .wb-lg:hover{z-index:8}
.wb-erp .wb-scroll .wb-lg .wb-pop{left:8px;right:8px;min-width:0;max-width:none}
.wb-erp .wb-al{display:grid;grid-template-columns:18px minmax(0,1fr) auto auto;gap:8px;align-items:center;width:100%;padding:8px 0;border:0;border-top:1px solid #f1f5f9;background:transparent;box-shadow:none;border-radius:0;text-align:left;font:inherit;font-size:13px;color:inherit;cursor:default}
.wb-erp button.wb-al{cursor:pointer}
.wb-erp button.wb-al:hover{background:#f8fafc}
.wb-erp .wb-al:first-of-type{border-top:0}
.wb-erp .wb-al i.st{width:18px;height:18px;border-radius:50%;display:grid;place-items:center;font-size:11px;font-weight:800;font-style:normal;line-height:1;color:#fff;flex:0 0 18px}
.wb-erp .wb-al i.st:before{content:"!";background:none;width:auto;height:auto;border-radius:0;color:#fff}
.wb-erp .wb-al i.st.bad{background:#f43f5e}
.wb-erp .wb-al i.st.warn{background:#f59e0b}
.wb-erp .wb-al i.st.ok{background:#22c55e}
.wb-erp .wb-al i.st.ok:before{content:"";width:4px;height:7px;border:solid #fff;border-width:0 2px 2px 0;transform:rotate(45deg);margin-top:-1px}
.wb-erp .wb-al i.st.mid{background:#3370ff}
.wb-erp .wb-al .txt{min-width:0}
.wb-erp .wb-al .nm{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#0f172a;font-weight:600}
.wb-erp .wb-al .sub{display:block;color:#94a3b8;font-size:12px;margin-top:1px}
.wb-erp .wb-al .nums{display:flex;flex-direction:column;align-items:flex-end;gap:1px;color:#64748b;font-size:12px;white-space:nowrap}
.wb-erp .wb-al .nums b{color:#334155;font-weight:600;font-variant-numeric:tabular-nums}
.wb-erp .wb-al .nums small{color:#94a3b8;font-size:11px}
.wb-erp .wb-al .meta{color:#94a3b8;font-size:12px;text-align:right;white-space:nowrap}
.wb-erp .wb-pill{border:0;background:#fff1f2;font-size:11px;color:#e11d48;white-space:nowrap;padding:2px 7px;box-shadow:none;border-radius:4px;line-height:1.4;font-weight:600}
.wb-erp .wb-pill.ok{color:#16a34a;background:#ecfdf5}
.wb-erp .wb-pill.mid{color:#3370ff;background:#eef3ff}
.wb-erp .wb-pill.warn{color:#d97706;background:#fff7ed}
.wb-erp .wb-pill.bad{color:#e11d48;background:#fff1f2}
.wb-erp .wb-news{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 0;border-top:1px solid #f1f5f9;font-size:13px;color:#64748b}
.wb-erp .wb-news:first-child,.wb-erp .wb-news-grid .wb-news:nth-child(-n+2){border-top:0}
.wb-erp .wb-news i{width:6px;height:6px;border-radius:50%;background:#3370ff;flex:0 0 6px}
.wb-erp .wb-news span:nth-child(2){min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1;color:#334155}
.wb-erp .wb-news span:last-child{color:#94a3b8;flex:0 0 auto;font-size:12px}
.wb-erp .wb-empty{padding:16px 0;color:#94a3b8;font-size:13px;text-align:center}
@media(max-width:1100px){
.wb-erp .wb-hello{padding-left:8px}
.wb-erp .wb-deco{width:320px;height:180px;right:-12px;top:-8px}
.wb-erp .wb-kpis{grid-template-columns:1fr 1fr}
.wb-erp .wb-qrow{grid-template-columns:repeat(4,minmax(0,1fr))}
.wb-erp .wb-mid,.wb-erp .wb-low{grid-template-columns:1fr}
.wb-erp .wb-ob-grid{grid-template-columns:1fr}
.wb-erp .wb-ob-col{border-left:0;border-top:1px solid #f1f5f9;padding:12px 0 0;margin-top:8px}
.wb-erp .wb-ob-chart{padding-right:0}
}
.staff-page{max-width:none;flex:1;min-height:0;display:flex;flex-direction:column;overflow:hidden}
.staff-bar{display:flex;flex-wrap:nowrap;align-items:center;justify-content:space-between;gap:10px;margin:0 0 12px;flex:0 0 auto;min-height:34px;overflow:visible;position:relative;z-index:8}
.staff-body{flex:1;min-height:0;display:flex;flex-direction:column;overflow:hidden}
.staff-body.is-wage{overflow:hidden}
.staff-body.is-wage .po-page{display:flex;flex-direction:column;flex:1;min-height:0;padding:0;max-width:none;margin:0;overflow:hidden}
.staff-page .tabs{display:flex;flex-wrap:wrap;gap:6px}
.staff-page .tabs button{height:32px;padding:0 12px;border:1px solid var(--line);border-radius:8px;background:#fff;color:#5a6b80;font-weight:700;font-size:13px}
.staff-page .tabs button.on{border-color:#c9dbff;background:#eef3ff;color:#1769ff}
.staff-tools{display:flex;flex-wrap:nowrap;align-items:center;justify-content:flex-end;gap:8px;position:relative;z-index:6;flex:1;min-width:0}
.staff-tools input{height:32px;width:180px;padding:0 10px;border:1px solid var(--line);border-radius:8px;background:#fff}
.staff-kpis{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;margin:0 0 12px}
.staff-kpi{padding:12px 16px 14px;border:1px solid var(--line);border-radius:12px;background:#fff;text-align:left;cursor:pointer;border-top:3px solid #e6edf5}
.staff-kpi:hover{border-color:#c9dbff;background:#f7fbff}
.staff-kpi.on{border-color:#c9dbff;background:#eef3ff}
.staff-kpi span{display:block;color:#8a9bb2;font-size:12px;font-weight:650}
.staff-kpi b{display:block;margin-top:6px;font-size:26px;font-weight:800;letter-spacing:-.03em;font-variant-numeric:tabular-nums;color:#1f2d3d}
.staff-kpi.ok{border-top-color:#2f9b72}.staff-kpi.warn{border-top-color:#c98621}.staff-kpi.hot{border-top-color:#e35b5b}.staff-kpi.blue{border-top-color:#1769ff}
.staff-kpi.ok b{color:#2f9b72}.staff-kpi.warn b{color:#c98621}.staff-kpi.hot b{color:#e35b5b}.staff-kpi.blue b{color:#1769ff}
.staff-hint{margin:0 0 12px;color:var(--muted);font-size:12px}
.staff-empty{padding:28px 8px;color:var(--muted);border:1px dashed var(--line2);border-radius:12px;background:#f8fbff}
.staff-split{display:grid;grid-template-columns:168px minmax(0,1fr) 240px;gap:12px;align-items:start}
.staff-page.is-log .staff-split{grid-template-columns:168px minmax(0,1fr)}
.staff-jobs{border:1px solid var(--line);border-radius:12px;background:#fff;overflow:auto;padding:6px 0;max-height:calc(100dvh - 280px);position:sticky;top:8px}
.staff-jobs button{width:100%;display:flex;justify-content:space-between;align-items:center;height:38px;padding:0 14px;border:0;background:transparent;color:#1f2d3d;text-align:left;font-weight:650}
.staff-jobs button:hover{background:#f7fbff}
.staff-jobs button.on{background:#eef3ff;color:#1769ff}
.staff-jobs em{font-style:normal;color:#8a9bb2;font-size:12px;font-weight:600}
.staff-card{border:1px solid var(--line);border-radius:12px;background:#fff;overflow:hidden;min-width:0;box-shadow:0 1px 2px rgba(31,45,61,.04)}
.staff-card-h{display:flex;justify-content:space-between;align-items:baseline;gap:8px;padding:14px 16px 8px}
.staff-card-h b{font-size:15px}
.staff-card-h span{color:#8a9bb2;font-size:12px}
.staff-scroll{max-height:calc(100dvh - 320px);overflow:auto}
.staff-tb{width:100%;border-collapse:collapse}
.staff-tb th,.staff-tb td{padding:11px 14px;border-top:1px solid var(--line);text-align:left;font-size:13px;vertical-align:middle}
.staff-tb th{color:#8a9bb2;font-size:12px;font-weight:700;background:#f8fbff;border-top:0;position:sticky;top:0;z-index:1}
.staff-tb td.empty{color:var(--muted);text-align:center}
.staff-tb tr.is-miss{background:#fffafa}
.staff-who{display:flex;align-items:center;gap:8px}
.staff-av{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:#eef3ff;color:#1769ff;font-size:12px;font-weight:800;flex:0 0 30px}
.staff-who small{display:block;color:#8a9bb2;font-size:12px}
.staff-tag{display:inline-flex;height:22px;align-items:center;gap:5px;padding:0 8px;border-radius:6px;font-size:12px;font-weight:750;white-space:nowrap}
.staff-tag::before{content:'';width:6px;height:6px;border-radius:50%;background:currentColor;opacity:.85}
.staff-tag.is-ok{background:#eef8f3;color:#2f9b72}
.staff-tag.is-muted{background:#f5f8fc;color:#8a9bb2}
.staff-tag.is-warn{background:#fff6e8;color:#c98621}
.staff-tag.is-hot{background:#fff1f1;color:#e35b5b}
.staff-tag.is-ot,.staff-tag.is-blue{background:#eef3ff;color:#1769ff}
.staff-ex{display:grid;gap:8px;padding:0 12px 14px}
.staff-ex-item{width:100%;padding:10px 12px;border-radius:10px;background:#fff6f6;border:1px solid #f3c7c7;text-align:left;cursor:pointer}
.staff-ex-item:hover{border-color:#e7a3a3}
.staff-ex-item b{display:block;font-size:13px}
.staff-ex-item small{color:#8a9bb2}
@media(max-width:1100px){
.staff-split{grid-template-columns:1fr}
.staff-jobs{position:static;max-height:none;display:flex;overflow:auto}
.staff-jobs button{width:auto;flex:0 0 auto}
.staff-kpis{grid-template-columns:repeat(3,minmax(0,1fr))}
.staff-scroll{max-height:none}
}
html body .app > .main:has(.staff-page){overflow:hidden!important;min-height:0!important;display:flex!important;flex-direction:column!important}
html body .app > .main > .main-body:has(.staff-page){
display:flex!important;flex-direction:column!important;flex:1 1 auto!important;min-height:0!important;overflow:hidden!important
}
.staff-body.is-check>.split,.staff-body.is-att>.split,.staff-body.is-att>.staff-card.log-page{flex:1;min-height:0}
.staff-body.is-check .split{flex:1;min-height:0;display:grid;grid-template-columns:minmax(0,1fr) minmax(460px,46%);gap:12px}
.staff-body.is-check .staff-card{min-height:0;display:flex;flex-direction:column;overflow:hidden}
.staff-body.is-check .scroll{flex:1;min-height:0;overflow:auto}
.staff-body.is-check .att-hd,.staff-body.is-check .att-row{
display:grid;grid-template-columns:36px 76px 88px 56px 56px minmax(140px,1fr) 76px;gap:16px;align-items:center;padding:0 16px;width:100%;box-sizing:border-box
}
.staff-body.is-check .att-hd{height:44px;flex:0 0 44px;background:#f8fbff;color:#8a9bb2;font:750 13px Manrope,sans-serif;border-bottom:1px solid var(--line)}
.staff-body.is-check .att-row{min-height:56px;border-bottom:1px solid var(--line);background:#fff;cursor:pointer}
.staff-body.is-check .att-row:hover,.staff-body.is-check .att-row.on{background:#f4f8ff}
.staff-body.is-check .nm{font-weight:750}
.staff-body.is-check .dt{font-variant-numeric:tabular-nums}
.staff-body.is-check .loc{color:#1769ff;font-weight:650;font-size:12px}
.staff-body.is-check .ops{display:flex;justify-content:flex-end;gap:2px}
.ck-ico{width:32px;height:32px;border:0;border-radius:8px;background:transparent;color:#1769ff;display:grid;place-items:center;padding:0}
.ck-ico svg{width:16px;height:16px;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.ck-ico:hover{background:#eef3ff}
.ck-ico.is-done{color:#2f9b72;pointer-events:none}
.ck-mo-h{display:flex;align-items:center;gap:8px;height:34px;padding:0 18px;width:100%;border:0;border-bottom:1px solid var(--line);background:#f5f8fc;text-align:left;font:750 12px Manrope,sans-serif;color:#5a6b80}
.ck-mo-h:hover{background:#eef3ff}
.ck-mo-h .sub{margin-left:auto;padding:0;color:#8a9bb2;font-size:12px;font-weight:650}
.ck-side{display:flex;flex-direction:column;min-height:0;overflow:hidden}
.ck-side-h{flex:0 0 44px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 16px;border-bottom:1px solid var(--line);background:#f8fbff}
.ck-side-h b{font-size:14px;font-weight:750}
.ck-side-h span{color:#8a9bb2;font-size:12px;margin-left:8px}
.ck-dl{height:28px;padding:0 12px;border:0;border-radius:8px;background:#1769ff;color:#fff;font:750 12px Manrope,sans-serif}
.ck-sheet{flex:1;min-height:0;overflow:auto;padding:0}
.ck-shot{display:block;width:100%;height:auto;background:#fff}
.ck-sec-h{padding:12px 16px 6px;color:#8a9bb2;font:750 11px Manrope,sans-serif;letter-spacing:.06em}
.ck-tb{width:100%;border-collapse:collapse}
.ck-tb th,.ck-tb td{padding:7px 16px;text-align:left;font-size:13px;border-bottom:1px solid #eef2f6;background:transparent}
.ck-tb th{color:#8a9bb2;font-weight:650}
.ck-tb td.num{font-variant-numeric:tabular-nums}
.ck-tb .loc{color:#1769ff;font-weight:650}
.ck-pay-btn{height:32px;padding:0 12px;border:0;border-radius:8px;background:#1769ff;color:#fff;font:750 13px Manrope,sans-serif}
.ck-due{color:#8a9bb2;font-size:12px;white-space:nowrap}
.ck-due b{color:#1f2d3d;font-weight:700}
.ck-split{width:1px;height:18px;background:#e6edf5;flex:none}
.ck-tools{align-items:center;gap:10px}
.ck-tools .tabs{display:flex;gap:6px;margin:0}
.ck-tools .tabs button{height:32px;padding:0 12px;border:1px solid var(--line);border-radius:8px;background:#fff;color:#5a6b80;font-weight:700}
.ck-tools .tabs button.on{border-color:#c9dbff;background:#eef3ff;color:#1769ff}
.wg-mask{position:fixed;inset:0;z-index:80;background:rgba(31,45,61,.45);display:flex;align-items:center;justify-content:center;padding:24px}
.wg-dlg{width:min(420px,92vw);background:#fff;border-radius:12px;box-shadow:0 18px 50px rgba(31,45,61,.16)}
.wg-dlg h3{margin:0;padding:16px 18px 0;font-size:16px}
.wg-dlg-b{padding:12px 18px}
.wg-dlg-f{padding:12px 18px 16px;display:flex;justify-content:flex-end;gap:8px}
.wg-up{display:block;margin:10px 0;font-size:13px}
.wg-up select,.wg-up input{display:block;width:100%;margin-top:6px;height:34px;border:1px solid var(--line);border-radius:8px;padding:0 10px}
.ep-pay-sum{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:0 0 12px;padding:12px 14px;border:1px solid #e6edf5;border-radius:10px;background:#f7fbff}
.ep-pay-sum span{display:block;color:#8a9bb2;font-size:12px}
.ep-pay-sum b{display:block;margin-top:4px;font-size:20px;font-weight:750}
.ep-pay-tip{margin:0 0 12px;color:#8a9bb2;font-size:12px}
.staff-page .txt{border:0;background:transparent;color:#1769ff;font-weight:750;padding:0;height:auto}
.staff-body.is-att .staff-hint,.staff-body.is-att .staff-kpis{flex:0 0 auto}
.staff-body.is-att .staff-card h2{margin:0;padding:14px 16px 0;font-size:15px;font-weight:750}
.staff-body.is-att .staff-card>span.sub{display:block;padding:4px 16px 10px;color:#8a9bb2;font-size:12px}
.staff-page .ex .item.on{border-color:#1769ff;background:#f4f8ff}
.staff-body.is-att .split{flex:1;min-height:0;display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:12px;align-items:stretch}
.staff-body.is-att .staff-card{min-height:0;display:flex;flex-direction:column;overflow:hidden}
.staff-body.is-att .scroll{flex:1;min-height:0;overflow:auto}
.staff-body.is-att .log-page{flex:1;min-height:0;display:flex;flex-direction:column;overflow:hidden}
.staff-body.is-att .att-hd,.staff-body.is-att .att-row{
display:grid;grid-template-columns:36px 76px 122px 180px minmax(132px,max-content) minmax(132px,max-content) 150px 1fr;gap:20px;align-items:center;padding:0 16px;width:100%;box-sizing:border-box
}
.staff-body.is-att .att-hd{height:44px;flex:0 0 44px;background:#f8fbff;color:#5a6b80;font:750 13px Manrope,sans-serif;border-bottom:1px solid var(--line)}
.staff-body.is-att .att-row{min-height:64px;padding:10px 16px;border-bottom:1px solid var(--line);background:#fff}
.staff-body.is-att .att-row:hover{background:#f7fbff}
.staff-body.is-att .att-row.miss{background:#fffafa}
.staff-body.is-att .att-row.is-off{display:none!important}
.staff-body.is-att .nm{font-weight:750;color:#1f2d3d;font-size:14px}
.staff-body.is-att .dt{color:#5a6b80;font-size:13px;font-variant-numeric:tabular-nums}
.staff-body.is-att .loc{color:#1769ff;font-weight:650;font-size:12px;line-height:1.45}
.staff-page .fi{display:inline-flex;align-items:center;gap:5px}
.staff-page .fi svg{width:12px;height:12px;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex:0 0 12px;opacity:.85}
.staff-page .att-hd .fi svg{width:14px;height:14px;flex-basis:14px}
.staff-page .att-row .loc.fi svg{color:#1769ff;opacity:1}
.staff-page .track{position:relative;padding-top:2px}
.staff-page .axis{height:8px;border-radius:99px;background:transparent;position:relative}
.staff-page .miss-lab{height:32px;display:flex;align-items:center;color:#e35b5b;font:750 12px Manrope,sans-serif}
.staff-page .axis i{display:block;height:8px;border-radius:99px;background:#7dceb0}
.staff-page .axis i.warn{background:#e8b84a}
.staff-page .axis i.muted{background:#c5d0dc}
.staff-page .tms{display:flex;justify-content:space-between;margin-top:6px;color:#8a9bb2;font-size:11px;font-variant-numeric:tabular-nums}
.staff-page .tms b{color:#1f2d3d;font-weight:700}
.staff-page .cnt{display:inline-flex;min-width:18px;height:18px;margin-left:6px;padding:0 6px;border-radius:9px;background:#fff1f1;color:#e35b5b;font:750 11px Manrope,sans-serif;align-items:center;justify-content:center;vertical-align:2px}
.staff-page .ex{display:grid;gap:8px;padding:0 12px 14px;flex:1;overflow:auto;align-content:start}
.staff-page .ex .item{width:100%;padding:10px 12px;border-radius:10px;background:#fffaf3;border:1px solid #f1e1b8;text-align:left;cursor:pointer;display:flex;gap:10px;align-items:center}
.staff-page .ex .item.hot{background:#fff6f6;border-color:#f3c7c7}
.staff-page .ex .item:hover{border-color:#e7a3a3;background:#fff}
.staff-page .ex b{display:block;font-size:13px}
.staff-page .ex small{color:#8a9bb2}
.staff-page .log-sum{flex:0 0 auto;display:flex;justify-content:flex-end;flex-wrap:wrap;gap:2px 12px;padding:4px 12px;border-top:1px solid var(--line);background:#fff;color:#8a9bb2;font-size:11px;line-height:1.3}
.staff-page .log-sum b{color:#1f2d3d;font-weight:700;font-variant-numeric:tabular-nums}
.staff-page .empty{padding:28px 8px;color:#8a9bb2;text-align:center}
.staff-tools .ff-wrap{position:relative;display:none;z-index:30}
.staff-tools .ff-btn{width:34px;height:34px;border:1px solid #e6edf5;border-radius:10px;background:#fff;color:#5a6b80;display:grid;place-items:center;position:relative}
.staff-tools .ff-btn svg{width:16px;height:16px;stroke:currentColor;fill:none;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.staff-tools .ff-btn:hover,.staff-tools .ff-btn.on{border-color:#c9dbff;color:#1769ff}
.staff-tools .ff-btn i{display:none}
.staff-tools .ff-btn.has i{display:block;position:absolute;top:6px;right:6px;width:7px;height:7px;border-radius:50%;background:#1769ff}
.staff-page .ff{position:fixed;right:24px;top:120px;z-index:90;width:min(520px,92vw);margin:0;padding:14px 16px 12px;border:1px solid #e6edf5;border-radius:12px;background:#fff;box-shadow:0 18px 50px rgba(31,45,61,.16)}
.staff-page .ff-h{margin:0 0 10px;font-size:14px;font-weight:750}
.staff-page .ff-and{margin:0 0 10px;color:#5a6b80;font-size:13px}
.staff-page .ff-and select{height:30px;border:1px solid #e6edf5;border-radius:8px;background:#fff;padding:0 8px;margin:0 4px;font-weight:700}
.staff-page .ff-row{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:0 0 8px}
.staff-page .ff-row select,.staff-page .ff-row input{height:34px;border:1px solid #e6edf5;border-radius:8px;background:#fff;padding:0 10px;min-width:110px}
.staff-page .ff-row input{min-width:160px}
.staff-page .ff-x{width:32px;height:32px;border:0;border-radius:8px;background:transparent;color:#8a9bb2;font-size:16px}
.staff-page .ff-x:hover{background:#f5f8fc;color:#e35b5b}
.staff-page .ff-add{height:32px;border:0;background:transparent;color:#1769ff;font-weight:750}
.staff-tools input{height:34px;padding:0 28px 0 32px;width:196px;border:1px solid var(--line);border-radius:10px;background:#fff url("data:image/svg+xml;utf8,") 10px 50% no-repeat;outline:0}
.staff-tools input:focus{border-color:#c9dbff;box-shadow:0 0 0 3px rgba(23,105,255,.12)}
.staff-tools input[type="search"]::-webkit-search-decoration{display:none}
.staff-tools input[type="search"]::-webkit-search-cancel-button{
-webkit-appearance:none;appearance:none;display:block;width:16px;height:16px;margin:0;cursor:pointer;
background:url("data:image/svg+xml;utf8,") center/16px no-repeat
}
@media(max-width:1100px){
.staff-body.is-check .split,.staff-body.is-att .split{grid-template-columns:1fr}
.staff-body.is-att .att-hd{display:none}
.staff-body.is-att .att-row{grid-template-columns:36px 1fr auto}
.staff-body.is-att .track{display:none}
}
.drawer-mode .ev-split .ev-scroll.tall,
.drawer-mode .ev-use-list{
overflow-y:scroll!important;scrollbar-gutter:stable
}
.drawer-mode .ev-use-wrap{
flex:1 1 auto!important;min-height:0!important;margin:0!important;
display:flex!important;flex-direction:column!important;overflow:hidden!important
}
.drawer-mode .ev-use-wrap>.sh,
.drawer-mode .ev-log-wrap>.sh{
flex:0 0 auto;width:100%;height:42px;padding:0 14px;box-sizing:border-box;
border:0;border-bottom:1px solid var(--line);background:transparent;color:inherit;font:inherit;
text-align:left;cursor:pointer;display:flex;align-items:center;justify-content:flex-start;gap:10px
}
.drawer-mode .ev-use-wrap>.ev-use-bar{cursor:default;gap:12px}
.drawer-mode .ev-use-wrap .ev-fold-btn{
border:0;background:transparent;padding:0;color:inherit;font:inherit;cursor:pointer;
display:flex;align-items:center;gap:8px;flex:1 1 auto;min-width:0;height:100%;text-align:left
}
.drawer-mode .ev-use-wrap .ev-fold-btn::before{content:"▾";color:#8a9bb2;font-size:11px}
.drawer-mode .ev-use-wrap.is-fold .ev-fold-btn::before{content:"▸"}
.drawer-mode #ev-use-q{
height:28px;width:180px;flex:0 0 180px;margin-left:auto;padding:0 10px;border:1px solid var(--line);border-radius:8px;
background:#fff;font-size:13px;outline:0
}
.drawer-mode #ev-use-q:focus{border-color:#c9dbff;box-shadow:0 0 0 3px rgba(23,105,255,.12)}
.drawer-mode .ev-use-wrap>.sh .ev-fold-t,
.drawer-mode .ev-log-wrap>.sh .ev-fold-t{font-size:14px;font-weight:750;line-height:1}
.drawer-mode .ev-use-wrap>.sh .sub,
.drawer-mode .ev-log-wrap>.sh .sub{margin-left:auto;flex:0 0 auto}
.drawer-mode .ev-use-wrap.is-fold{flex:0 0 auto!important}
.drawer-mode .ev-use-wrap.is-fold>.ev-use-split{display:none!important}
.drawer-mode .ev-use-split{
display:grid!important;grid-template-columns:1fr 1fr!important;
flex:1 1 0!important;min-height:0!important;margin:0!important;gap:0!important;
border:0!important;background:transparent!important
}
.drawer-mode .ev-use-split>.ev-col{
min-height:0!important;height:auto!important;overflow:hidden!important;
display:flex!important;flex-direction:column!important;
border:0;border-radius:0;background:transparent
}
.drawer-mode .ev-use-split>.ev-col+.ev-col{border-left:1px solid var(--line)}
.drawer-mode .ev-use-lab{
flex:0 0 auto;padding:8px 12px 6px;display:flex;align-items:center;gap:10px
}
.drawer-mode .ev-use-lab .sub{color:#8a9bb2;font-size:12px}
.drawer-mode .ev-use-chip{
display:inline-flex;align-items:center;justify-content:center;white-space:nowrap;
height:26px;padding:0 10px;border-radius:8px;border:1px solid;
font:750 12px Manrope,sans-serif
}
.drawer-mode .ev-use-chip.ok{background:#eaf8f2;border-color:#c7ebdb;color:#2f9b72}
.drawer-mode .ev-use-chip.hot{background:#fff0f0;border-color:#f5d2cf;color:#e35b5b}
.drawer-mode .ev-use-chip.warn{background:#fff8ee;border-color:#f0e0b8;color:#c98621}
.drawer-mode .ev-use-g.is-pending>summary{align-items:center}
.drawer-mode .ev-use-split>.ev-col>.ev-use-list{
flex:1 1 0!important;min-height:0!important;overflow-y:auto!important
}
.drawer-mode .ev-use-list{padding:6px 8px 10px}
.drawer-mode .ev-use-empty{padding:20px 12px;color:#8a9bb2;font-size:12px;text-align:center}
.drawer-mode .ev-use-g{border-bottom:1px solid #eef3f8;background:#fff}
.drawer-mode .ev-use-g>summary{
list-style:none;cursor:pointer;display:grid;
grid-template-columns:12px auto minmax(0,1fr) 52px 92px;
align-items:center;column-gap:8px;padding:10px 10px;font-size:13px;width:100%;box-sizing:border-box
}
.drawer-mode .ev-use-g>summary::-webkit-details-marker{display:none}
.drawer-mode .ev-use-g>summary::before{content:"▸";color:#8a9bb2;font-size:11px;width:12px}
.drawer-mode .ev-use-g[open]>summary::before{content:"▾"}
.drawer-mode .ev-use-g>summary strong{font:600 13px 'IBM Plex Mono',monospace;color:var(--yellow);white-space:nowrap}
.drawer-mode .ev-use-g>summary .ev-use-st{color:#5f728a;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.drawer-mode .ev-use-g>summary .ev-use-n,
.drawer-mode .ev-use-g>summary .ev-use-y{color:#8a9bb2;font-size:12px;text-align:right;white-space:nowrap}
.drawer-mode .ev-use-g>summary .ev-use-y{font:600 12px 'IBM Plex Mono',monospace}
.drawer-mode .ev-use-g[open]>summary{border-bottom:1px dashed #e3ebf5;background:#fbfdff}
.drawer-mode .ev-use-g.is-pending>summary strong{color:#c98621}
.drawer-mode .ev-use-stage{
grid-column:1/-1;margin:6px 0 2px;padding:0;color:#1769ff;font:750 12px Manrope,sans-serif
}
.drawer-mode .ev-use-stage:first-child{margin-top:0}
.drawer-mode .ev-use-body{padding:4px 10px 8px 30px;display:flex;flex-direction:column;gap:4px}
.drawer-mode .ev-use-body.is-pend{
display:grid;grid-template-columns:1fr 1fr;gap:2px 16px;
margin:0 10px 10px 30px;padding:8px 10px;
border:1px solid var(--line);border-radius:8px;background:#fff
}
.drawer-mode .ev-use-line{
display:grid;grid-template-columns:132px 48px 64px 72px minmax(56px,1fr) auto;
align-items:center;column-gap:12px;padding:5px 8px 5px 0;width:100%;border-radius:8px
}
.drawer-mode .ev-use-line b{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px}
.drawer-mode .ev-use-line small{color:#8a9bb2;font:12px 'IBM Plex Mono',monospace;white-space:nowrap}
.drawer-mode .ev-use-qty,.drawer-mode .ev-use-price{text-align:right}
.drawer-mode .ev-use-line em{font:650 12px 'IBM Plex Mono',monospace;font-style:normal;color:var(--yellow);white-space:nowrap;text-align:right}
.drawer-mode .ev-use-line .ev-undo{
justify-self:end;height:26px;padding:0 10px;border-radius:8px;margin-left:8px;
border:1px solid #e3ebf5!important;background:#fff!important;color:#8a9bb2!important;font:650 12px Manrope,sans-serif
}
.drawer-mode .ev-use-line .ev-undo:hover{
background:#fff0f0!important;color:#e35b5b!important;border-color:#f5d2cf!important
}
.drawer-mode .ev-use-line.is-pending{grid-template-columns:132px 48px}
.drawer-mode .ev-box{color:#1769ff;font:700 12px 'IBM Plex Mono',monospace}
.drawer-mode .ev-log-wrap{
flex:0 1 auto!important;max-height:28%!important;min-height:0!important;margin:0!important;
display:flex!important;flex-direction:column!important;overflow:hidden!important
}
.drawer-mode .ev-log-wrap>.sh::before{content:"▾";color:#8a9bb2;font-size:11px}
.drawer-mode .ev-log-wrap.is-fold>.sh::before{content:"▸"}
.drawer-mode .ev-log-wrap.is-fold{flex:0 0 auto!important;max-height:none!important}
.drawer-mode .ev-log-wrap.is-fold>.ev-split-log{display:none!important}
.drawer-mode .ev-log-wrap>.ev-split-log{
flex:1 1 0!important;min-height:0!important;max-height:none!important;margin:0!important;
display:grid!important;grid-template-columns:1fr 1fr!important;gap:0!important
}
.drawer-mode .ev-log-wrap>.ev-split-log>.ev-col{
min-height:0!important;height:auto!important;overflow:hidden!important;
display:flex!important;flex-direction:column!important;
border:0;border-radius:0;background:transparent
}
.drawer-mode .ev-log-wrap>.ev-split-log>.ev-col+.ev-col{border-left:1px solid var(--line)}
.drawer-mode .ev-log-wrap>.ev-split-log .ev-log-list{flex:1 1 0;min-height:0;overflow:auto}
.drawer-mode .ev-use-wrap.is-fold~.ev-log-wrap:not(.is-fold){
flex:1 1 auto!important;max-height:none!important;min-height:0!important
}
/* Production workbench: scoped to the dashboard and its native dialog. */
.wp-workarea{background:#fff;border:1px solid #dfe6f2;border-radius:14px;box-shadow:0 7px 27px #4d668e0b;overflow:hidden;color:#273751}
.wp-workarea [hidden]{display:none!important}
.wp-tabs{display:flex;align-items:center;height:46px;padding:0 23px;border-bottom:1px solid #e6ebf4;gap:12px;background:linear-gradient(105deg,#eaf2ff 0%,#f3f7fd 50%,#fff 100%)}
.wp-tab-group{display:flex;align-items:center;gap:3px;padding:3px;border-radius:999px;background:#e6edf8}
.wp-tabs button{height:27px;border:0;border-radius:999px;background:transparent;color:#687e9b;font-size:12px;line-height:1;padding:0 14px;white-space:nowrap}
.wp-tabs button:hover{background:#f3f7ff;color:#3659c7}
.wp-tabs button:focus-visible{outline:2px solid #7396ed;outline-offset:2px}
.wp-tabs button[aria-selected=true]{color:#fff;background:#4264df;box-shadow:0 2px 5px #4264df24;font-weight:600}
.wp-tabs>span{margin-left:auto;color:#8c9bb0;font-size:11px}
.wp-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:17px 20px 13px}
.wp-heading h2,.wp-dialog h2{margin:0;font-size:18px;color:#243a5c}
.wp-heading p,.wp-dialog header p{margin:7px 0 0;color:#71829c;font-size:12px}
.wp-controls{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.wp-panel button,.wp-dialog button{font:inherit;cursor:pointer;border:1px solid #dfe6f2;background:#fff;color:#536b91;border-radius:7px;padding:8px 12px;font-size:12px}
.wp-panel button:hover,.wp-dialog button:hover{background:#f0f4ff;border-color:#bacaf0}
.wp-panel button:disabled,.wp-dialog button:disabled{opacity:.4;cursor:default}
.wp-panel .wp-primary,.wp-dialog .wp-primary{background:linear-gradient(135deg,#5275f2,#3659df);border-color:#4164df;color:#fff;box-shadow:0 3px 8px #3659e324,inset 0 1px 0 #ffffff25}
.wp-panel .wp-primary:hover,.wp-dialog .wp-primary:hover{background:#2949cc}
.wp-panel .wp-link,.wp-dialog .wp-link{border:0;background:transparent;color:#4d6ecc;padding:6px}
.wp-notice{padding:12px 18px;margin:0 26px 16px;border-radius:8px;background:#edf3ff;color:#4d6daa;font-size:12px;line-height:1.7}
.wp-error{background:#fff0dd;color:#956b27}
.wp-sync{color:#58759c;font-size:12px;margin:0 26px 12px}
.wp-sync:empty{display:none}
.wp-datebar{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:10px 23px}
.wp-toolbar-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;margin-left:auto;flex-wrap:wrap}
.wp-date-switch .wp-exception{color:#b34f50;background:#fff1f0;border-color:#f8d6d3}
.wp-exception-icon{display:inline-block;width:15px;height:15px;margin-right:5px;color:#ce6862;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;vertical-align:-3px}
.wp-pick.is-planned{background:#f4f6fa;cursor:default}
.wp-pick.is-planned .wp-pick-info b{color:#7b8da6}
.wp-pick-meta{display:flex;flex-direction:column;align-items:flex-end;gap:6px;margin-left:auto}
.wp-controls button{white-space:nowrap}
.wp-date-switch{display:flex;align-items:center;gap:6px;flex-wrap:wrap}
.wp-date-label{font-size:12px;color:#71829c;margin-right:4px}
.wp-date-switch button{border-color:transparent;background:transparent;padding:7px 10px}
.wp-panel .wp-selected,.wp-dialog .wp-selected{background:#e6edff;color:#3456ca;font-weight:600}
.wp-datebar input,.wp-dialog input[type=search],.wp-edit-fields input,.wp-edit-fields textarea{box-sizing:border-box;padding:9px 12px;border:1px solid #dfe6f2;border-radius:7px;background:#f9fbff;color:#354969;font-family:inherit;font-size:12px}
.wp-datebar input[type=search]{width:200px;max-width:100%;font-size:12px}
.wp-workarea:has(.wp-calendar-pop:not([hidden])){overflow:visible}
.wp-calendar{position:relative}
.wp-panel .wp-date-trigger,.wp-dialog .wp-date-trigger{display:flex;align-items:center;justify-content:space-between;gap:16px;min-width:140px;height:37px;background:#fff;border:1px solid #dfe6f2;color:#354969}
.wp-date-trigger>span{color:#8293ad;font-size:16px}
.wp-calendar-pop{position:absolute;left:0;top:calc(100% + 6px);z-index:20;width:248px;background:#fff;border:1px solid #e3ebf5;border-radius:12px;box-shadow:0 12px 32px #455d8029;padding:10px}
.wp-calendar .wb-cal-g button,.wp-calendar .wb-cal-h button{padding:0}
.wp-panel .wp-empty>b{display:block;margin-bottom:20px}
.wp-day>header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 24px;background:#edf3fc;border-top:1px solid #e3ebf7}
.wp-day>header h3{margin:0;color:#3456aa;font-size:14px;font-weight:650}
.wp-day>header>span{font-size:12px;color:#7487a3}
.wp-entry-note{font-size:12px;line-height:1.6;color:#73839c;margin:8px 0 0;white-space:pre-wrap;overflow-wrap:anywhere}
/* Keep one scrolling surface before, during and after editing. */
.wp-workarea:has(#wp-plan:not([hidden])){overflow:clip}
.wp-workarea:has(#wp-plan:not([hidden]) .wp-calendar-pop:not([hidden])){overflow:visible}
html body .app > .main > .main-body:has(#wp-plan:not([hidden])){overflow-anchor:none}
#wp-plan:not([hidden])>.wp-savebar{position:sticky;bottom:0;z-index:4}
.wp-schedule:focus-visible{outline:2px solid #7396ed;outline-offset:-2px}
.wp-savebar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:13px 24px;background:#f4f7ff;border-top:1px solid #e0e8f7;box-shadow:0 -3px 12px #536b9410}
.wp-savebar>div:first-child{display:flex;align-items:center;gap:14px;font-size:12px;color:#7b8ca8}
.wp-savebar b{color:#355bc9;font-size:13px;font-weight:600}
.wp-unsaved{display:block;margin:5px 8px 0;font-size:11px;font-weight:400;color:#b18336}
.wp-cancelled{background:#fafbfc}.wp-cancelled .wp-theme b{color:#8592a4}
.wp-edit-fields{display:grid;grid-template-columns:180px minmax(0,1fr);gap:20px;padding:4px 0 12px}
.wp-pick-dialog .wp-edit-fields{padding-top:20px}
.wp-edit-label{display:block;margin-bottom:8px;font-size:13px;color:#405675}
.wp-edit-calendar-pop{position:fixed;left:0;top:0;z-index:30}
.wp-edit-date .wp-date-trigger{width:100%;box-sizing:border-box}
.wp-edit-fields label{display:flex;flex-direction:column;gap:8px;font-size:13px;color:#405675}
.wp-edit-fields small{font-size:11px;font-weight:400;color:#8594a9}
.wp-edit-fields input,.wp-edit-fields textarea{width:100%;font-family:inherit;font-size:13px}
.wp-edit-fields textarea{resize:vertical;min-height:38px;height:38px;max-height:160px;line-height:18px}
.wp-edit-shortcuts{display:flex;gap:5px;margin-top:7px}
.wp-dialog .wp-edit-shortcuts button{border:0;background:transparent;padding:5px 10px;font-size:11px}
.wp-dialog .wp-edit-shortcuts .wp-selected{background:#e6edff}
.wp-revision-list>div{display:flex;flex-wrap:wrap;gap:8px;justify-content:space-between;padding:12px 0;border-bottom:1px solid #edf1f7;font-size:13px}
.wp-revision-list span{color:#5d77a0}.wp-revision-list small{width:100%;color:#7c8ca4;white-space:pre-wrap;overflow-wrap:anywhere}
@media(max-width:700px){.wp-edit-fields{grid-template-columns:1fr}.wp-day>header{align-items:flex-start;flex-direction:column}}
.wp-table-wrap{overflow:auto}
.wp-table{border-collapse:collapse;width:100%;min-width:860px;table-layout:auto}
.wp-table th{background:#f0f4fc;color:#667d9e;font-size:12px;font-weight:500;padding:13px 18px;white-space:nowrap;border-top:1px solid #e7edf7;text-align:left}
.wp-table th:first-child{width:26%;padding-left:26px}
.wp-table th:nth-child(2){width:20%}.wp-table th:nth-child(3){width:38%}.wp-table th:nth-child(4){width:16%}
.wp-table th small{color:#8b9eb9;font-size:10px;margin-left:5px}
.wp-table td{padding:14px 18px;border-bottom:1px solid #edf1f7;font-size:13px;vertical-align:middle;color:#344b6a}
.wp-table td:first-child{padding-left:26px}
.wp-panel .wp-theme{display:flex;align-items:center;gap:12px;width:100%;text-align:left;border:0;background:transparent;padding:0}
.wp-theme b{display:block;color:#344b6a;font-size:14px;font-weight:600}
.wp-theme small{display:block;margin-top:6px;color:#657fa9;font-size:12px}
.wp-install-table .wp-theme small{color:#3370ff;font:600 12px ui-monospace,monospace}
.wp-cover{display:grid;place-items:center;width:39px;height:43px;flex-shrink:0;background:linear-gradient(145deg,#e0e8fc,#f0f4fc);color:#5978b3;border:1px solid #d7e2f5;border-radius:8px;font-size:19px}
.wp-arrow{margin-left:auto;color:#8c9fc0;font-size:20px}
.wp-badge{display:inline-block;padding:4px 8px;border-radius:5px;font-size:11px;white-space:nowrap;font-weight:500;background:#edf1f8;color:#6a7c96}
.wp-badge.blue{background:#e8efff;color:#4d6db1}.wp-badge.orange{background:#ffdfa0;color:#965b12}.wp-badge.green{background:#dff1e6;color:#2c7757}
.wp-worker{display:block;margin-top:8px;color:#748aa9;font-size:11px}
.wp-panel .wp-stock{border:0;background:transparent;padding:0;text-align:left;line-height:1.8}
.wp-stock b{display:block;font-weight:400;color:#687f9e;font-size:12px}.wp-stock strong{color:#32567c}
.wp-stock small{display:block;color:#8295ae;font-size:11px;margin-top:4px}
.wp-row-actions{white-space:nowrap}.wp-row-actions button{margin:2px;padding:5px 8px}
.wp-foot{padding:14px 26px;background:#f9fbff;color:#8192aa;border-top:1px solid #e8edf5;font-size:11px;line-height:1.7}
.wp-empty{padding:28px 20px;text-align:center;color:#71829c}.wp-empty b{font-size:16px;color:#536b91}.wp-empty p{font-size:13px;margin:12px 0 20px}
#wp-overview{padding:20px;background:#f7f9fc}
#wp-overview .wb-card{--section-accent:#538ae0;border:1px solid #edf1f6;border-radius:12px;padding:18px 20px;box-shadow:none;background:#fff}
#wp-overview .wb-in-card{--section-accent:#36a58f}
#wp-overview .wb-ob{--section-accent:#9671cb}
#wp-overview .wb-card>.wb-h{position:relative;padding-left:11px}
#wp-overview .wb-card>.wb-h:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:3px;height:13px;border-radius:3px;background:var(--section-accent)}
#wp-overview .wb-card .wb-h{color:#2d4560;font-size:15px}
#wp-overview .wb-subh{color:#637b9a}
#wp-overview .wb-period{font-size:11px;line-height:16px;color:#8291a5;margin:0 0 3px}
#wp-overview .wb-line text:not(.wb-val text){font-size:12px;fill:#7b8ca2}
#wp-production-overview{padding:12px 24px 22px;background:#fff}
.wp-dialog{width:min(880px,calc(100vw - 48px));max-height:88vh;padding:0;border:1px solid #dce4f1;border-radius:16px;background:#fff;color:#344b6a;box-shadow:0 25px 100px #172a4b38}
.wp-dialog::backdrop{background:#152a4a66;backdrop-filter:blur(3px)}
.wp-dialog header{display:flex;justify-content:space-between;align-items:center;padding:22px 26px;border-bottom:1px solid #e7edf5}
.wp-dialog .wp-x{border:0;font-size:23px;background:transparent}
.wp-dialog-body{padding:22px 26px;overflow:auto;max-height:calc(88vh - 180px)}
.wp-dialog footer{display:flex;justify-content:flex-end;gap:10px;align-items:center;padding:16px 26px;border-top:1px solid #e7edf5;background:#fafcff}
.wp-dialog footer>span{margin-right:auto;font-size:13px;color:#71829c}
/* Expandable dialogs keep their frame stable; only the body scrolls. */
.wp-dialog:is(.wp-pick-dialog,.wp-history-dialog,.wp-detail-dialog)[open]{display:flex;flex-direction:column;box-sizing:border-box;overflow:hidden}
.wp-pick-dialog[open]{height:88vh}
.wp-history-dialog[open],.wp-detail-dialog[open]{height:min(620px,84vh)}
.wp-dialog:is(.wp-pick-dialog,.wp-history-dialog,.wp-detail-dialog)>header,.wp-dialog:is(.wp-pick-dialog,.wp-history-dialog,.wp-detail-dialog)>footer{flex-shrink:0}
.wp-dialog:is(.wp-pick-dialog,.wp-history-dialog,.wp-detail-dialog)>.wp-dialog-body{flex:1;min-height:0;max-height:none;scrollbar-gutter:stable}
.wp-pick-dialog .wp-dialog-body{padding-top:0;background:#fafcff}
.wp-pick-toolbar{flex-direction:column;align-items:stretch!important;position:sticky;top:0;z-index:1;display:flex;align-items:center;gap:16px;justify-content:space-between;padding:17px 0;background:#fafcff;border-bottom:1px solid #e5ebf5}
.wp-pick-search>span{font-size:12px;color:#8090a6;white-space:nowrap}.wp-pick-toolbar input{flex:1}
.wp-picklist{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding-top:16px}.wp-picklist>.wp-empty{grid-column:1/-1}
.wp-pick{display:flex;gap:11px;align-items:center;min-width:0;padding:16px 13px;border:1px solid #e0e7f1;border-radius:9px;background:#fff;cursor:pointer}
.wp-pick:hover{border-color:#b9c9eb;background:#f8faff}.wp-pick:has(input:checked){border-color:#91aceb;background:#eff4ff;box-shadow:inset 0 0 0 1px #91aceb30}.wp-pick:focus-within{outline:2px solid #b5c9f3;outline-offset:2px}
.wp-pick-info{flex:1;min-width:0}.wp-pick b{display:block;font-size:14px;color:#344b6a}.wp-pick small{display:block;margin-top:3px;color:#3370ff;font:600 12px ui-monospace,monospace}.wp-pick-owner{display:block;font-size:11px;color:#8795a9;margin-top:8px}
.wp-pick input{width:17px;height:17px;flex:none;accent-color:#3659e3}.wp-pick>.wp-badge{align-self:flex-start}
@media(max-width:650px){.wp-picklist{grid-template-columns:1fr}}
.wp-history{border:1px solid #e5ebf5;border-radius:9px;margin-bottom:12px;padding:15px 16px}
.wp-history-time{font-size:12px;line-height:1.6;color:#7186a4;padding-bottom:7px}
.wp-history .wp-changes{border:0;border-radius:0;padding:0;margin:0}
.wp-history-unit{display:flex;align-items:baseline;flex-wrap:wrap;gap:5px 10px}
.wp-history-unit b{font-size:13px;color:#344b6a;font-weight:600}
.wp-history-unit small{font:600 12px ui-monospace,monospace;color:#3370ff}
.wp-history-action{flex:1;max-width:65%;color:#536b91;text-align:right;line-height:1.7;white-space:pre-wrap;overflow-wrap:anywhere}
.wp-flow{display:flex;padding:15px 8px;background:#f7f9fe;border:1px solid #e5ecf7;border-radius:10px}.wp-flow>div{flex:1;text-align:center;min-width:0;border-right:1px solid #e2e9f5}.wp-flow>div:last-child{border:0}.wp-flow b{font-size:12px}.wp-flow small{display:block;font-size:11px;margin-top:7px;color:#8295ae}.wp-flow .current b{color:#3659d4}.wp-flow .current small:last-child{color:#3659d4}
.wp-detail-title{display:flex;justify-content:space-between;align-items:center;margin:25px 0 12px}.wp-detail-title h3{margin:0;font-size:14px;color:#354d70}.wp-detail-title>span{font-size:11px;color:#899bb3}
.wp-stage-tabs{display:flex;gap:8px;border-bottom:1px solid #e5ebf5;padding-bottom:12px}
.wp-detail-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:16px 0}.wp-detail-stats>div{padding:17px 20px;border:1px solid #e3eaf6;border-radius:9px;background:#fafcff}.wp-detail-stats small{display:block;color:#8295ae;font-size:11px}.wp-detail-stats b{display:block;font-size:26px;margin-top:8px;color:#3b5e9e}.wp-detail-stats em{font-size:11px;margin-left:8px;font-weight:400;font-style:normal;color:#8295ae}.wp-detail-stats .wp-small-value{font-size:17px;line-height:31px}
.wp-box-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.wp-dialog .wp-box{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:16px;text-align:left;border-radius:9px}.wp-box b{color:#354d70}.wp-box small{display:block;color:#8295ae;font-size:11px;margin-top:7px}
.wp-shortage-heading{font-size:12px;color:#a57430;margin-bottom:10px}
.wp-material-table-wrap{border:1px solid #e1e8f2;border-radius:9px;overflow:auto}
.wp-material-table{width:100%;min-width:520px;table-layout:fixed;border-collapse:collapse}
.wp-material-table th{padding:11px 14px;background:#f5f8fc;color:#7c8da5;font-size:12px;font-weight:500;border-bottom:1px solid #e1e8f2;text-align:right;width:17%}
.wp-material-table th:first-child{width:49%;text-align:left}.wp-material-table td{padding:13px 14px;font-size:13px;color:#49607d;border-bottom:1px solid #edf1f6;text-align:right;font-variant-numeric:tabular-nums}
.wp-material-table td:first-child{text-align:left}.wp-material-table tbody tr:last-child td{border:0}.wp-material-table td b{font-weight:550;color:#344b6a}.wp-material-table td small{display:block;color:#8a98ab;font-size:11px;margin-top:5px}
.wp-short-number{color:#ae681d;background:#fff2db;border-radius:5px;display:inline-block;min-width:32px;padding:3px 8px;font-weight:650}.wp-no-shortage{color:#438669;font-size:12px}
.wp-filter-label{align-self:center;color:#8a99ae;font-size:11px;margin-right:4px}.wp-visible-count{display:inline-block;margin-right:18px;color:#5d77a0;font-weight:600}
.wp-sort-actions{display:flex;align-items:center;gap:3px}.wp-panel .wp-sort-actions button{height:28px;min-width:28px;margin:0;padding:3px 7px}.wp-panel .wp-remove{font-size:11px;color:#929daf;margin:5px 0 0;padding:2px 0}.wp-panel .wp-remove:hover{color:#ac6858}
.wp-muted{color:#8295ae;font-size:11px;line-height:1.8;padding:3px 10px}
.wb-erp .wb-quick{box-shadow:none;border:0;border-radius:0;background:transparent;padding:7px 0;margin:0 0 10px}.wb-erp .wb-quick>.wb-h{display:none}.wb-erp .wb-sheet{background:transparent;backdrop-filter:none;box-shadow:none;padding:0}.wb-erp .wb-hi h1{color:#203351}.wb-erp .wb-kpi .n{color:#2d456c}
@media(max-width:1050px){.wp-heading,.wp-filters{flex-wrap:wrap}.wp-tabs{gap:20px;padding:0 18px}.wp-tabs>span{display:none}.wp-filters input{width:100%}.wp-box-grid{grid-template-columns:1fr}.wp-detail-title>span{max-width:50%;text-align:right}.wp-stage-tabs{flex-wrap:wrap}.wp-flow{overflow:auto}.wp-flow>div{min-width:85px}}
.wp-material-ready{margin-top:12px}.wp-material-ready>summary{padding:13px 16px;background:#f5f8fc;color:#6482a6;font-size:12px;cursor:pointer;border-radius:8px}
/* Accepted factory demo: one scoped visual treatment; no global navigation override. */
html body .app > .main > .main-body:has(.wb-erp){background:radial-gradient(ellipse at 90% 0,#e1edff 0,transparent 42%),radial-gradient(ellipse at 10% 18%,#edf8fa 0,transparent 38%),#f2f5fb}
.wb-erp{padding-bottom:24px}.wb-erp:before{display:none}
.wb-erp .wb-hero{position:relative;min-height:60px;margin:0;overflow:hidden}
.wb-erp .wb-hello{min-height:60px;margin:0;padding:7px 18px 9px}
.wb-erp .wb-hi{display:block}.wb-erp .wb-hello h1{font-size:23px;font-weight:650;letter-spacing:.2px;color:#3659ad}
.wb-erp .wb-greeting-wave{display:inline-block;margin-left:3px;font-size:21px;vertical-align:1px;font-weight:400}
.wb-erp .wb-hello p{margin:4px 0 0;font-size:12px;color:#65768f}
.wb-erp .wb-deco{display:block;position:absolute;top:-47px;right:110px;width:290px;height:165px;opacity:.63;pointer-events:none}
/* Original entry-card palette and compact proportions, now showing overview data. */
.wb-erp .wb-kpis{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin:0 0 18px;padding:0;background:transparent;border:0;border-radius:0;box-shadow:none}
.wb-erp .wb-kpi{--entry-ink:#258a80;--entry-soft:#d6f4ed;--entry-light:#70e4ce;--entry-deep:#21ac98;position:relative;isolation:isolate;overflow:hidden;display:flex;align-items:center;min-width:0;min-height:96px;padding:13px 17px;border:1px solid #ffffffd9;border-radius:12px;background:linear-gradient(115deg,#ffffffed 2%,var(--entry-soft) 100%);box-shadow:0 3px 12px #3e688507,inset 0 1px 0 #fff;gap:0;backdrop-filter:none;-webkit-backdrop-filter:none}
.wb-erp .wb-kpi:nth-child(2){--entry-ink:#4d78c5;--entry-soft:#e0ebff;--entry-light:#a2c9ff;--entry-deep:#538ae0}
.wb-erp .wb-kpi:nth-child(3){--entry-ink:#8360b9;--entry-soft:#eee3fc;--entry-light:#c5a7f9;--entry-deep:#9563d7}
.wb-erp .wb-kpi:nth-child(4){--entry-ink:#339666;--entry-soft:#d9f4e4;--entry-light:#8ae5b4;--entry-deep:#3cba80}
.wb-erp .wb-kpi:nth-child(5){--entry-ink:#b78230;--entry-soft:#fbefd8;--entry-light:#f5cf87;--entry-deep:#dfa541}
.wb-erp .wb-kpi:before{content:"";position:absolute;z-index:-1;width:145px;height:145px;right:-25px;top:-76px;border-radius:50%;background:linear-gradient(160deg,#ffffff0d,#ffffffa6);box-shadow:0 1px 0 #ffffff9e;pointer-events:none}
.wb-erp .wb-kpi:hover{transform:none;box-shadow:0 3px 12px #3e688507,inset 0 1px 0 #fff}
.wb-erp .wb-kpi .kpi-txt{min-width:0;width:100%;position:relative;z-index:1}
.wb-erp .wb-kpi .hd{font-size:12px;font-weight:600;letter-spacing:.2px;color:#314959;margin:0 0 4px}
.wb-erp .wb-kpi .n{font-size:24px;font-weight:600;line-height:1.15;letter-spacing:-.4px;color:#2d4560;font-variant-numeric:tabular-nums}
.wb-erp .wb-kpi .n small{font-size:10px;font-weight:400;margin-left:5px;color:#7d90a5;letter-spacing:0}
.wb-erp .wb-kpi.is-alert .n{color:#ac7630}
.wb-erp .wb-vs{font-size:10px;margin:6px 0 0;letter-spacing:0;color:#6b8390;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.wb-erp .wb-kpi .kpi-art{position:absolute;right:17px;top:22px;display:grid;place-items:center;width:38px;height:41px;border-radius:10px;background:linear-gradient(140deg,var(--entry-light),var(--entry-deep));color:#fff;transform:perspective(200px) rotateY(-17deg) rotateZ(9deg);box-shadow:2px 3px 0 var(--entry-soft),4px 6px 10px #49678224,inset 1px 2px 2px #ffffff95,inset -1px -1px 2px #27475617;pointer-events:none}
.wb-erp .wb-kpi .kpi-art:before{content:"";position:absolute;inset:3px;border-radius:8px;border-top:1px solid #ffffff6b;border-left:1px solid #ffffff33}
.wb-erp .wb-kpi .kpi-art svg{width:22px;height:22px;fill:currentColor;filter:drop-shadow(0 1px 1px #2c59642b)}.wb-erp .wb-kpi .kpi-art .cut{fill:var(--entry-deep)}
.wb-erp .wb-kpi:after{content:"";position:absolute;right:16px;top:70px;width:40px;height:6px;border-radius:50%;background:var(--entry-ink);opacity:.11;filter:blur(4px);transform:rotate(-8deg);pointer-events:none}
.wp-workarea{border:1px solid #e1e8f3;border-radius:14px;box-shadow:0 7px 25px #36598508}
.wp-heading{padding:19px 23px 17px}.wp-heading h2{font-size:17px;font-weight:650;color:#29394e}.wp-heading p{font-size:12px;color:#71829c}
.wp-table td{height:76px;padding-top:12px;padding-bottom:12px}.wp-table th{background:#f5f8fd;padding:12px 18px;color:#70839e;border-bottom:1px solid #e4ebf6}
.wp-panel .wp-theme{min-width:150px}.wp-cover{border-radius:10px}.wp-panel .wp-stock strong{font-size:18px;color:#32567c}.wp-empty{padding:36px 24px;text-align:center;background:radial-gradient(ellipse at 50% 60%,#f4f7ff,transparent 65%)}.wp-empty b{font-size:16px}.wp-empty p{font-size:13px;line-height:1.8}.wp-foot{padding:12px 23px}
.wp-detail-dialog .wp-dialog-body{padding:0}.wp-detail-dialog [hidden]{display:none!important}
.wp-detail-tabs{display:flex;gap:24px;padding:0 26px;border-bottom:1px solid #e3e9f3;background:#fff;position:sticky;top:0;z-index:1}
.wp-dialog .wp-detail-tabs button{padding:15px 0;border:0;border-bottom:3px solid transparent;border-radius:0;background:transparent;font-size:14px;color:#7e8ba1}
.wp-dialog .wp-detail-tabs .wp-selected{border-bottom-color:#3659e3;color:#3659d4;font-weight:650}
.wp-detail-section{padding:20px 26px}.wp-detail-section>.wp-detail-title:first-child{margin-top:0}
.wp-instance-head{display:flex;justify-content:space-between;align-items:center;padding:18px;border:1px solid #e0e7f1;border-radius:10px 10px 0 0}.wp-instance-head small{display:block;color:#8b99ad;font-size:11px}.wp-instance-head b{font-size:20px;color:#3370ff}.wp-instance-head+.wp-flow{border-radius:0 0 10px 10px;border-top:0;padding:25px 8px}
.wp-detail-stats{gap:0;background:#fff;border:1px solid #e0e7f1;border-radius:9px;padding:12px 0}.wp-detail-stats>div{padding:0 20px;border:0;border-right:1px solid #e8edf4;border-radius:0;background:transparent}.wp-detail-stats>div:last-child{border:0}.wp-detail-stats b{font-size:24px;margin-top:3px}
.wp-box-grid{display:block}.wp-box-card{border:1px solid #e0e7f1;border-radius:10px;overflow:hidden;margin-top:12px}.wp-box-card.attention{border-color:#ecdcc0}
.wp-box-head{display:flex;align-items:center;gap:18px;justify-content:space-between;padding:16px 18px}.wp-box-head>div:first-child{min-width:105px}.wp-box-head b{font-size:17px;color:#344867}.wp-box-head small{display:block;font-size:11px;color:#8f9db0;margin-top:4px}
.wp-box-progress{flex:1;max-width:240px}.wp-box-progress>span{display:flex;justify-content:space-between;font-size:11px;color:#8c9ab0;margin-bottom:6px}.wp-box-progress strong{font-size:12px;color:#506682;font-weight:500}.wp-box-track{height:5px;background:#edf1f7;border-radius:4px;overflow:hidden}.wp-box-track i{display:block;height:100%;background:#87a2ed}.ready .wp-box-track i{background:#69af98}
.wp-box-missing{border-top:1px solid #f0e5d4;padding:14px 18px;background:#fffcf6}.wp-box-missing>div{display:flex;justify-content:space-between;font-size:12px;color:#a67937}.wp-box-missing small{font-size:11px;color:#a78c62}.wp-box-missing p{display:flex;justify-content:space-between;gap:16px;margin:0;padding:9px 0;border-bottom:1px solid #f2eadf;font-size:13px}.wp-box-missing p:last-child{border:0}.wp-box-missing b{font-weight:600;color:#b47728}.wp-box-message{padding:10px 18px;border-top:1px solid #edf1f7;font-size:12px;color:#8192a9;background:#fcfdff}
@media(max-width:1100px){.wb-erp .wb-kpi{padding:13px 12px}.wb-erp .wb-kpi .kpi-art{width:32px;height:35px;top:24px;right:12px}.wb-erp .wb-kpi .kpi-art svg{width:20px;height:20px}.wb-erp .wb-kpi .n{font-size:24px}}
@media(max-width:850px){.wb-erp .wb-kpis{grid-template-columns:repeat(3,minmax(0,1fr))}.wb-erp .wb-deco{display:none}.wp-box-head{flex-wrap:wrap}.wp-box-progress{min-width:120px}.wp-box-missing>div{display:block}.wp-box-missing small{display:block;margin-top:5px}}
/* Unit flow: readable stage states, independent of plan or stock changes. */
.wp-detail-dialog .wp-instance-head+.wp-flow{gap:8px;padding:14px 12px;background:#f2f5fa;border-color:#d5dfec}
.wp-detail-dialog .wp-flow>div{display:flex;flex-direction:column;align-items:center;gap:8px;padding:13px 6px;border:1px solid #d5dfec;border-radius:8px;background:#fff}
.wp-detail-dialog .wp-flow b{font-size:13px;color:#354c69;font-weight:650}
.wp-detail-dialog .wp-flow .wp-flow-owner{margin:0;font-size:12px;color:#546880;line-height:1.5}
.wp-flow-status{display:inline-block;margin-top:auto;padding:4px 8px;border-radius:5px;background:#eaf0f6;color:#63748a;font-size:11px;font-weight:600;line-height:1.4}
.wp-detail-dialog .wp-flow .done{background:#edf8f2;border-color:#b8dcc9}
.wp-detail-dialog .wp-flow .done b{color:#286f51}
.wp-flow .done .wp-flow-status{background:#d6eee1;color:#23774d}
.wp-detail-dialog .wp-flow .current{background:#edf3ff;border-color:#9db9eb;box-shadow:inset 0 2px 0 #638ee2}
.wp-detail-dialog .wp-flow .current b{color:#2f5bc2}
.wp-flow .current .wp-flow-status{background:#dce7ff;color:#2f5bc2}
.wp-detail-dialog .wp-flow .rework{background:#fff6e8;border-color:#e8c891}
.wp-detail-dialog .wp-flow .rework b{color:#9b6920}
.wp-flow .rework .wp-flow-status{background:#ffebc9;color:#9b6920}
/* Preparation details: compact overview with optional long lists. */
.wp-theme-title{display:flex;align-items:center;gap:5px}
.wp-box-warning{flex:none;width:15px;height:15px;color:#c55c5c;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.wp-dialog-serial{color:#3370ff;font:600 12px ui-monospace,monospace}
.wp-prep-detail{padding:12px 26px 14px}
.wp-prep-detail .wp-detail-title{margin:0 0 10px;gap:8px}
.wp-prep-detail .wp-detail-title h3{font-size:13px}
.wp-prep-detail .wp-detail-title h3 small{margin-left:4px;font-size:11px;color:#899bb3;font-weight:400}
.wp-prep-detail .wp-detail-stats{margin:10px 0 12px;padding:8px 0}
.wp-prep-detail .wp-detail-stats>div{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:0 16px}
.wp-prep-detail .wp-detail-stats b{font-size:21px;line-height:26px;margin-top:0}
.wp-prep-detail .wp-detail-stats .wp-small-value{font-size:15px}
.wp-prep-detail .wp-detail-stats .wp-received-value{color:#358466}
.wp-prep-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2fr);gap:18px}
.wp-prep-layout>section{min-width:0}
.wp-prep-materials{border-left:1px solid #edf1f6;padding-left:18px}
.wp-prep-empty{margin:0;padding:14px 12px;border:1px dashed #e1e8f2;border-radius:8px;font-size:12px;color:#8295ae;background:#fafcff}
.wp-prep-detail .wp-box-card{margin:0 0 8px;border-radius:8px}
.wp-prep-detail .wp-box-head{gap:6px;flex-wrap:wrap;padding:9px 10px 5px}
.wp-prep-detail .wp-box-head b{font-size:13px;overflow-wrap:anywhere}
.wp-box-info{display:flex;justify-content:space-between;align-items:center;gap:5px;padding:0 10px 8px;font-size:11px;color:#8295ae}
.wp-prep-detail .wp-box-info button,.wp-prep-detail .wp-detail-title button{padding:2px 0;font-size:12px}
.wp-prep-detail .wp-box-missing{padding:8px 10px}
.wp-prep-detail .wp-box-missing summary{font-size:11px;color:#a67937;cursor:pointer}
.wp-prep-detail .wp-box-missing p{padding:6px 0;gap:8px;font-size:11px}
.wp-prep-gap-count{margin:0 0 8px;font-size:12px;color:#7186a4}
.wp-prep-gap-count .wp-shortage-heading{font-size:12px;margin:0;color:#ad7733}
.wp-prep-detail .wp-material-table{min-width:0}
.wp-prep-detail .wp-material-table th{padding:7px 8px;font-size:11px;width:18%;white-space:nowrap}
.wp-prep-detail .wp-material-table th:first-child{width:46%}
.wp-prep-detail .wp-material-table td{padding:8px;font-size:12px}
.wp-prep-detail .wp-material-table td small{margin-top:3px;font-size:10px}
.wp-prep-detail .wp-short-number{min-width:24px;padding:2px 5px}
.wp-prep-detail .wp-material-ready{margin-top:8px}
.wp-prep-detail .wp-material-ready>summary,.wp-prep-more>summary{padding:9px 10px;font-size:11px;color:#6482a6;background:#f5f8fc;border-radius:7px;cursor:pointer}
.wp-prep-more{margin-top:8px}
.wp-prep-more[open]>.wp-box-card{margin-top:8px}
@media(max-width:700px){.wp-prep-layout{grid-template-columns:1fr}.wp-prep-materials{border-left:0;border-top:1px solid #edf1f6;padding:14px 0 0}.wp-prep-detail{padding:14px 18px}.wp-prep-detail .wp-detail-stats>div{padding:0 10px}}
/* Installation cards: one production unit per card, shared stock remains theme based. */
.wp-install-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;gap:10px;padding:12px 18px 14px}
.wp-install-card{display:flex;flex-direction:column;min-width:0;padding:12px 14px 10px;border:1px solid #e1e8f3;border-radius:10px;background:#fff;box-shadow:0 2px 6px #3e5b810b}
.wp-install-card.is-overdue{border-color:#efcf9e}
.wp-card-head{display:flex;align-items:center;gap:10px}
.wp-card-head .wp-theme{flex:1;min-width:0}
.wp-card-head .wp-theme>span:nth-child(2){min-width:0}
.wp-install-card .wp-theme b{overflow-wrap:anywhere;font-size:14px;font-weight:650;color:#2d4565}
.wp-install-card .wp-theme small{color:#3370ff;font:600 13px ui-monospace,monospace;margin-top:4px}
.wp-install-card .wp-cover{width:35px;height:48px;border-radius:5px;overflow:hidden}
.wp-cover.has-poster{background:#f3f5f8;border-color:#e2e8ef;box-shadow:0 2px 5px #263e5920}
.wp-cover img{display:block;width:100%;height:100%;object-fit:cover}
.wp-card-progress{flex:none;text-align:right}.wp-card-progress .wp-worker{margin-top:5px}
.wp-card-stock{margin-top:8px}
.wp-panel .wp-card-stock .wp-stock{display:block;width:100%}
.wp-card-stock .wp-stock-status{display:flex;gap:6px;align-items:center;flex-wrap:wrap;margin:0}
.wp-card-stock .wp-stock-status>.wp-badge:first-child,.wp-card-stock .wp-stock>.wp-badge.green{font-size:12px;font-weight:600}
.wp-panel .wp-card-stock .wp-stock-counts{display:flex;align-items:baseline;gap:4px;flex-wrap:wrap;color:#8392a7;font-size:11px;margin-top:5px}
.wp-panel .wp-card-stock .wp-stock-counts strong{font-size:inherit;color:inherit;font-weight:500}
.wp-stock-counts>span{color:#c3cede;margin:0 3px}
.wp-card-foot{display:flex;align-items:center;justify-content:space-between;gap:10px;padding-top:5px;margin-top:6px;border-top:1px solid #eff3f8}
.wp-card-draft{font-size:11px;color:#b18336}
.wp-panel .wp-card-foot .wp-row-actions button{margin:0;padding:4px 6px}
.wp-panel .wp-card-foot .wp-remove{margin-left:4px;color:#98a3b4}
.wp-card-alert{margin-top:10px}
.wp-install-card.wp-cancelled{background:#fafbfc}
.wp-cancelled-group{margin:0 18px 14px;border:1px solid #e8edf4;border-radius:8px;background:#fafbfd}
.wp-day>header+.wp-cancelled-group{margin-top:12px}
.wp-cancelled-group>summary{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px;list-style:none;cursor:pointer;color:#677a94;font-size:12px}
.wp-cancelled-group>summary::-webkit-details-marker{display:none}
.wp-cancelled-group>summary:hover{background:#f3f6fb}
.wp-cancelled-group>summary:focus-visible{outline:2px solid #7396ed;outline-offset:2px;border-radius:7px}
.wp-cancelled-label{display:flex;align-items:center;gap:5px;flex-wrap:wrap}
.wp-cancelled-label svg{width:14px;height:14px;flex:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;margin-right:3px}
.wp-cancelled-group[open]>summary .wp-cancelled-label svg{transform:rotate(90deg)}
.wp-cancelled-label b{font-weight:600}
.wp-cancelled-label small{font-size:11px;color:#8b99ac;margin-left:6px}
.wp-cancelled-hint{color:#8998ad;font-size:11px;white-space:nowrap}
.wp-cancelled-group:not([open]) .wp-collapse-label,.wp-cancelled-group[open] .wp-expand-label{display:none}
.wp-cancelled-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:10px 12px 12px;border-top:1px solid #e8edf4}
.wp-install-card.wp-cancelled-item{padding:9px 10px;border-color:#e9eef5;border-radius:7px;background:#fff;box-shadow:none}
.wp-cancelled-row{display:flex;align-items:center;gap:10px}
.wp-cancelled-row .wp-theme{flex:1;min-width:0;gap:8px}
.wp-cancelled-row .wp-theme>span:nth-child(2){min-width:0}
.wp-cancelled-item .wp-theme b{font-size:13px;font-weight:500;color:#7e8da2}
.wp-cancelled-item .wp-theme small{font-size:12px;margin-top:3px}
.wp-cancelled-item .wp-cover{width:24px;height:34px;border-radius:3px}
.wp-cancelled-actions{display:flex;align-items:flex-end;flex-direction:column;gap:2px;flex:none}
.wp-panel .wp-cancelled-actions .wp-link{padding:5px 6px;font-size:12px}
.wp-cancelled-item .wp-entry-note{font-size:11px;margin:6px 0 0 34px}
@media(max-width:1399px){.wp-install-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:920px){.wp-install-grid,.wp-cancelled-list{grid-template-columns:1fr}.wp-install-card{padding:12px 14px 10px}}
.wp-position-label{display:flex;justify-content:center;align-items:center;gap:12px;padding:22px;font-size:16px}
.wp-position-label input{width:110px;padding:10px 12px;font-size:22px;border:1px solid #bdcbec;border-radius:8px;color:#3659d4;text-align:center}
.wp-position-error{min-height:20px;text-align:center;color:#aa6430;font-size:13px;margin:0}
.wp-changes{border:1px solid #e0e7f1;border-radius:9px;padding:14px 16px;margin-bottom:20px}.wp-changes h3,.wp-preview-heading{font-size:14px;color:#344b6a;margin:0 0 10px}.wp-changes .wp-muted{padding:0;margin:0 0 10px}
.wp-change{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:10px 0;border-bottom:1px solid #edf1f7;font-size:13px}.wp-change:last-child{border:0}.wp-change>span:first-child{min-width:0;overflow-wrap:anywhere}.wp-preview-heading{margin-top:15px}
/* Installation picker: filter by current production stage. */
.wp-pick-stages{display:flex;gap:5px;flex-wrap:wrap}
.wp-pick-stages button{border:0;background:transparent;padding:7px 10px}
.wp-pick-stages span{font-size:11px;margin-left:4px;opacity:.7}
.wp-pick-search{display:flex;align-items:center;gap:14px}
.wp-picked{display:flex;gap:6px;flex-wrap:wrap;max-height:74px;overflow:auto}
.wp-picked[hidden]{display:none}
.wp-dialog .wp-picked-chip{display:inline-flex;align-items:center;gap:6px;padding:5px 8px;background:#edf3ff;border-color:#dce6fa;font-size:11px;color:#5a739e}
.wp-picked-chip b{color:#3370ff;font:600 11px ui-monospace,monospace}
.wp-picked-chip>span{color:#90a2bf;font-size:14px}
@media(max-width:700px){.wp-savebar{flex-wrap:wrap}.wp-savebar>div:first-child{flex-wrap:wrap;gap:6px}.wp-savebar .wp-controls{margin-left:auto}}
.wp-position-error:empty{display:none}
/* Production overview: current-stage counts and local PNG export. */
.wb-erp .wb-ov-toolbar{display:flex;justify-content:space-between;align-items:center;gap:16px;margin:2px 0 16px}
.wb-erp .wb-ov-toolbar strong{font-size:17px;color:#182d48}
.wb-erp .wb-ov-toolbar button{white-space:nowrap;flex-shrink:0}.wb-erp .wb-ov-row{align-items:start;padding:13px 0}
.wb-erp .wb-ov-row .nums{padding-top:3px}.wb-erp .wb-ov-stages{display:flex;flex-wrap:wrap;gap:4px 7px;margin-top:7px;font-size:13px;line-height:1.6;color:#164f9f}
.wb-erp .wb-ov-stages>span{background:#f0f5fd;border-radius:4px;padding:1px 5px}.wb-erp .wb-ov-stages b{font-weight:600;font-variant-numeric:tabular-nums}
.wb-erp .wb-ov-stages>.empty{padding:0;background:none;color:#9aa5b5}
.wb-erp .wb-ov-row .nm{font-size:14px;color:#182d48}
.wb-erp .wb-ov-row .sub{font-size:13px;color:#465b73}
.wb-erp .wb-ov-row.dim .nm,.wb-erp .wb-ov-row.dim .sub{color:#465b73}
@media(max-width:650px){.wb-erp .wb-ov-toolbar{align-items:flex-start}}
/* Receipt validation is revealed on an attempted receipt, then clears as fields are corrected. */
.inbound-page .ib-amt.ib-field-error,.inbound-page .ib-qty.ib-field-error,
.inbound-page .ib-receipt-error .ib-thumb-box{border-color:#e6a1a1!important;border-style:solid!important;box-shadow:0 0 0 2px rgba(220,38,38,.045)!important;background-color:#fff!important}
.inbound-page .ib-amt.ib-field-error:focus,.inbound-page .ib-qty.ib-field-error:focus{outline:none;box-shadow:0 0 0 2px rgba(220,38,38,.08)!important}
.inv-ledger-no{display:inline-block;max-width:190px;overflow-wrap:anywhere;line-height:1.5}
.inbound-page .ib-amt::placeholder{color:#9aa5b5;opacity:.85;font-weight:400}
.inbound-page .ib-thumb-box{border-radius:8px;transition:border-color .15s,box-shadow .15s,background-color .15s}
.inbound-page .ib-thumb:not(.ib-receipt-error):hover .ib-thumb-box{border-color:#9db9e9;background:#f8fbff}
.inbound-page .ib-receipt-error .ib-thumb-box i{color:#c57878}