:root{--bg: #f1f5f9;--surface: #ffffff;--text: #0f172a;--muted: #64748b;--border: #e2e8f0;--brand: #2563eb;--brand-2: #4f46e5;--sidebar: #0f172a;--sidebar-muted: #94a3b8;--ok: #16a34a;--out: #2563eb;--shadow: 0 4px 24px rgba(15, 23, 42, .06);--radius: 14px;--content-max: 1400px;font-family:Segoe UI,system-ui,-apple-system,sans-serif;color:var(--text);background:var(--bg);line-height:1.5}*{box-sizing:border-box}body{margin:0}a{color:var(--brand);text-decoration:none}a:hover{text-decoration:underline}.app-shell{min-height:100vh;height:100vh;display:grid;grid-template-columns:220px 1fr}.main-area{display:flex;flex-direction:column;min-width:0;overflow:hidden;min-height:0}.tab-content{flex:1;overflow-y:auto;overflow-x:hidden;min-height:0}.tab-page{padding:1.75rem 2.25rem 2.5rem;min-width:0;width:100%;box-sizing:border-box}} .keep-alive-container{position:relative;min-height:100%}aside{background:linear-gradient(180deg,#0f172a,#1e293b);color:#e2e8f0;padding:1.35rem 1.1rem;border-right:1px solid rgba(148,163,184,.12)}aside>strong{font-size:1.05rem;letter-spacing:.02em;display:block}aside nav{margin-top:1.25rem;display:flex;flex-direction:column;gap:.15rem}aside nav a{color:var(--sidebar-muted);display:block;padding:.55rem .65rem;border-radius:10px;font-size:.92rem;transition:background .15s,color .15s}aside nav a:hover{color:#fff;background:#ffffff0f;text-decoration:none}aside nav a.active{color:#fff;background:linear-gradient(90deg,#2563eb73,#6366f159);font-weight:600}.nav-section{margin-top:.85rem;margin-bottom:.25rem;padding:.35rem .65rem;font-size:.72rem;text-transform:uppercase;letter-spacing:.08em;color:#64748b}main{padding:0;min-width:0;width:100%}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:1.25rem 1.35rem;box-shadow:var(--shadow)}h1{font-size:1.5rem;font-weight:700;margin:0 0 .5rem;letter-spacing:-.02em}.muted{color:var(--muted);font-size:.9rem}.field{display:flex;flex-direction:column;gap:.25rem;margin-bottom:.75rem}.field span{font-size:.85rem;color:#475569}.field input,.field select{padding:.5rem .65rem;border:1px solid #cbd5e1;border-radius:10px;font:inherit}.inline-form{display:flex;flex-wrap:wrap;gap:.65rem;align-items:flex-end}button{padding:.5rem 1rem;border-radius:10px;border:1px solid var(--brand);background:linear-gradient(180deg,#3b82f6,var(--brand));color:#fff;font:inherit;font-weight:600;cursor:pointer;box-shadow:0 2px 8px #2563eb40}button:disabled{opacity:.55;cursor:not-allowed;box-shadow:none}.linkish{background:transparent;color:#e2e8f0;border-color:transparent;box-shadow:none;padding-left:.25rem;font-weight:500}.table{width:100%;border-collapse:collapse;font-size:.92rem;min-width:600px}.table-wrap{overflow-x:auto;width:100%}.table th,.table td{border-bottom:1px solid var(--border);padding:.55rem .4rem;text-align:left}.button-link{margin-left:.75rem;font-size:.95rem}.error{color:#b91c1c}.login-wrap{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem 1.5rem 4rem;background:radial-gradient(ellipse 80% 50% at 10% 15%,rgba(199,210,254,.55) 0%,transparent 60%),radial-gradient(ellipse 60% 40% at 88% 20%,rgba(167,243,208,.45) 0%,transparent 55%),radial-gradient(ellipse 70% 55% at 80% 85%,rgba(196,181,253,.45) 0%,transparent 60%),radial-gradient(ellipse 55% 45% at 15% 80%,rgba(186,230,253,.4) 0%,transparent 55%),#f0f4ff;position:relative}.login-card{width:min(420px,100%);position:relative;z-index:1;overflow:visible!important}.login-beian{position:absolute;bottom:.9rem;left:0;right:0;text-align:center;font-size:.72rem;color:#94a3b8;z-index:1}.login-beian a{color:#94a3b8;text-decoration:none}.login-beian a:hover{color:var(--brand);text-decoration:underline}.login-register-hint{margin-top:.75rem;text-align:center;font-size:.875rem;color:var(--muted)}.pwd-wrap{position:relative;display:flex;flex-direction:column;align-items:center}.pwd-mascot{position:absolute;bottom:-28px;right:-28px;width:90px;height:72px;z-index:10;pointer-events:none;transform:translate(20px,20px) rotate(10deg);transition:transform .4s cubic-bezier(.34,1.56,.64,1);filter:drop-shadow(0 4px 8px rgba(0,0,0,.12))}.pwd-mascot--peeking{transform:translate(0) rotate(-5deg)}.pwd-mascot svg{width:100%;height:100%}.mascot-arm-left,.mascot-arm-right{transform-box:fill-box;transform-origin:center bottom;transition:transform .35s cubic-bezier(.34,1.56,.64,1)}.mascot-arm-left,.mascot-arm-right{transform:rotate(0)}.pwd-mascot--peeking .mascot-arm-left{transform:rotate(-40deg) translateY(6px)}.pwd-mascot--peeking .mascot-arm-right{transform:rotate(40deg) translateY(6px)}.mascot-eyes{transition:opacity .2s .15s;opacity:0}.pwd-mascot--peeking .mascot-eyes{opacity:1}.pwd-input-row{position:relative;display:flex;align-items:center;width:100%}.pwd-input{width:100%;padding-right:2.6rem!important}.pwd-toggle{position:absolute;right:.5rem;background:none;border:none;cursor:pointer;padding:.25rem;color:#94a3b8;display:flex;align-items:center;border-radius:6px;transition:color .15s;user-select:none;-webkit-user-select:none}.pwd-toggle:hover{color:var(--brand)}.pwd-toggle svg{width:18px;height:18px}.peek-face,.peek-eye,.peek-pupil{display:none!important}.link-btn{background:none;border:none;padding:0;margin-left:.25rem;color:var(--brand);font-size:inherit;cursor:pointer;text-decoration:underline}.link-btn:hover{color:var(--brand-2)}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a73;display:grid;place-items:center;padding:1rem;z-index:1000;overflow-y:auto}.modal-box{width:min(680px,100%);max-height:calc(100vh - 2rem);overflow-y:auto}.modal-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.25rem}.modal-header h2{margin:0;font-size:1.25rem}.modal-close{background:none;border:none;font-size:1.1rem;cursor:pointer;color:var(--muted);padding:.2rem .5rem;border-radius:6px;line-height:1}.modal-close:hover{background:var(--bg);color:var(--text)}.modal-subtitle{margin:0 0 1.25rem;font-size:.875rem;color:var(--muted)}.reg-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 1rem}.reg-full{grid-column:1 / -1}.reg-section-title{font-size:.8rem;font-weight:600;color:var(--muted);text-transform:uppercase;letter-spacing:.05em;padding:.5rem 0 .25rem;border-top:1px solid var(--border);margin-top:.5rem}.field em{color:#dc2626;font-style:normal;margin-left:2px}.field small{font-size:.78rem;color:var(--muted);font-weight:400}@media(max-width:520px){.reg-grid{grid-template-columns:1fr}}.json-pre{background:#0f172a;color:#e2e8f0;padding:.75rem;border-radius:8px;overflow:auto;font-size:.8rem}.user-line{margin-top:.4rem;font-size:.85rem;color:var(--sidebar-muted)}.page-dashboard{max-width:100%}.page-header{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:1.25rem;margin-bottom:1.5rem}.page-header h1{margin-bottom:.35rem}.page-lead{margin:0;max-width:52ch;color:var(--muted);font-size:.95rem;line-height:1.55}.page-header-actions{display:flex;flex-wrap:wrap;gap:.65rem;align-items:flex-end}.field-inline{display:flex;flex-direction:column;gap:.25rem}.field-inline span{font-size:.75rem;color:var(--muted);text-transform:uppercase;letter-spacing:.04em}.select-lg{min-width:200px;padding:.55rem .75rem;border-radius:10px;border:1px solid var(--border);font:inherit;background:#fff}.btn-secondary{background:#fff;color:var(--text);border:1px solid var(--border);box-shadow:none;font-weight:600}.btn-ai{background:linear-gradient(135deg,#6366f1,#7c3aed);border-color:#5b21b6;box-shadow:0 4px 16px #6366f159}.banner{padding:.75rem 1rem;border-radius:var(--radius);margin-bottom:1rem;font-size:.9rem}.banner-warn{background:#fef3c7;border:1px solid #fcd34d;color:#92400e}.banner-ok{background:#f0fdf4;border:1px solid #6ee7b7;color:#047857}.stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:1.5rem}.stat-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:1.1rem 1.2rem;box-shadow:var(--shadow)}.stat-card-clickable{cursor:pointer;transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease}.stat-card-clickable:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a;border-color:var(--accent, #3b82f6)}.stat-card-total{background:linear-gradient(145deg,#0f172a,#1e3a5f);color:#f8fafc;border:none}.stat-card-total .stat-label,.stat-card-total .stat-hint{color:#94a3b8}.stat-label{font-size:.78rem;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);font-weight:600}.stat-sub{margin-top:.65rem}.stat-value{font-size:1.35rem;font-weight:700;margin-top:.35rem;font-variant-numeric:tabular-nums}.stat-in{color:var(--ok)}.stat-out{color:var(--out)}.stat-card-total .stat-value{color:#fff;font-size:1.65rem}.stat-hint{margin-top:.5rem;font-size:.8rem;color:var(--muted)}.dashboard-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(420px,1fr));gap:1.1rem}@media(max-width:900px){.dashboard-grid{grid-template-columns:1fr}}.panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:1.15rem 1.25rem;box-shadow:var(--shadow);overflow-x:auto;min-width:0}.panel h2{margin:0 0 .35rem;font-size:1.05rem;font-weight:700}.panel-desc{margin:0 0 1rem;font-size:.85rem;color:var(--muted);line-height:1.5}.panel-chart,.panel-top-materials{grid-column:1 / -1}.panel-top-materials .table{width:100%;table-layout:auto}.panel-ai{grid-column:1 / -1}.chart-wrap{margin-top:.25rem}.chart-svg{width:100%;height:180px;display:block;border-radius:10px;background:linear-gradient(180deg,#f8fafc,#fff);border:1px solid var(--border)}.chart-legend{display:flex;flex-wrap:wrap;gap:.75rem 1.25rem;margin-top:.65rem;font-size:.8rem;align-items:center}.chart-legend-item:before{content:"";display:inline-block;width:10px;height:10px;border-radius:2px;margin-right:6px}.chart-legend-in:before{background:#22c55e}.chart-legend-out:before{background:#3b82f6}.chart-muted{color:var(--muted);margin-left:auto}.chip-list{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:.5rem}.chip-snapshot{display:inline-flex;align-items:center;gap:.5rem;padding:.45rem .75rem;border-radius:999px;background:#f1f5f9;border:1px solid var(--border);font-size:.88rem}.chip-name{color:var(--muted)}.chip-qty{font-weight:700;font-variant-numeric:tabular-nums}.table-compact th,.table-compact td{padding:.45rem .35rem;font-size:.88rem}.insight-box{margin-top:1rem;padding:1rem 1.15rem;border-radius:12px;background:#f8fafc;border:1px solid var(--border)}.insight-stub{border-color:#fde68a;background:#fffbeb}.insight-badge{display:inline-block;font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:#b45309;margin-bottom:.5rem}.insight-text{margin:0;white-space:pre-wrap;line-height:1.6;font-size:.92rem}.perm-grid{display:flex;flex-wrap:wrap;gap:.35rem 1rem}.check-line{display:inline-flex;align-items:center;gap:.35rem;font-size:.88rem;cursor:pointer}.user-block{padding:1rem 0;border-bottom:1px solid var(--border)}.user-block:last-child{border-bottom:none}.user-block-head{display:flex;justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:.5rem}.wh-block{padding:.85rem 0;border-bottom:1px solid var(--border)}.wh-block:last-child{border-bottom:none}.wh-head{font-size:1.02rem}.perm-table-wrap{display:flex;flex-direction:column;gap:.35rem;max-height:60vh;overflow:auto}.perm-row{display:grid;grid-template-columns:auto 1fr;gap:.35rem .75rem;align-items:start;font-size:.88rem;padding:.35rem 0;border-bottom:1px solid #f1f5f9}.perm-code{font-family:ui-monospace,monospace;color:var(--brand);grid-column:2}.perm-name{font-weight:600;grid-column:2}.perm-desc{grid-column:2;font-size:.82rem}.perm-row input[type=checkbox]{grid-row:1 / span 3;margin-top:.2rem}.filter-bar{display:flex;flex-wrap:wrap;align-items:flex-end;gap:.5rem .75rem;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:.85rem 1.1rem;margin-bottom:.75rem;box-shadow:var(--shadow)}.filter-item{display:flex;flex-direction:column;gap:.2rem;min-width:0}.filter-item label{font-size:.72rem;font-weight:600;color:var(--muted);text-transform:uppercase;letter-spacing:.04em;white-space:nowrap}.filter-item input,.filter-item select{height:2.1rem;padding:0 .65rem;border:1px solid #e2e8f0;border-radius:8px;font:inherit;font-size:.88rem;background:#f8fafc;color:var(--text);transition:border-color .15s,box-shadow .15s;min-width:0}.filter-item input:focus,.filter-item select:focus{outline:none;border-color:var(--brand);box-shadow:0 0 0 3px #2563eb1f;background:#fff}.filter-item input[type=date]{min-width:130px}.filter-item input[type=search],.filter-item input[type=text]{min-width:140px}.filter-item select{min-width:120px;cursor:pointer}.filter-actions{display:flex;gap:.4rem;align-items:flex-end;padding-bottom:0}.filter-btn{height:2.1rem;padding:0 .9rem;border-radius:8px;font-size:.88rem;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;gap:.3rem;white-space:nowrap}.filter-btn-primary{background:linear-gradient(180deg,#3b82f6,var(--brand));border:1px solid var(--brand);color:#fff;box-shadow:0 2px 6px #2563eb33}.filter-btn-primary:hover:not(:disabled){background:linear-gradient(180deg,#2563eb,#1d4ed8)}.filter-btn-ghost{background:#fff;border:1px solid #e2e8f0;color:#64748b;box-shadow:none}.filter-btn-ghost:hover:not(:disabled){background:#f8fafc;border-color:#cbd5e1;color:var(--text)}.filter-btn-success{background:linear-gradient(180deg,#22c55e,#16a34a);border:1px solid #15803d;color:#fff;box-shadow:0 2px 6px #16a34a33}.pagination-bar{display:flex;align-items:center;gap:.5rem;padding:.5rem 0;font-size:.88rem;color:var(--muted)}.pagination-bar button{padding:.3rem .75rem;font-size:.85rem;border-radius:7px}.filters{display:flex;gap:.75rem;margin-bottom:1rem;flex-wrap:wrap}.filters select,.filters input{padding:.5rem .75rem;border:1px solid var(--border);border-radius:10px;font:inherit}.filters select{min-width:180px}.filters input{min-width:200px}.data-table{width:100%;border-collapse:collapse;font-size:.9rem}.data-table th,.data-table td{padding:.65rem .5rem;border-bottom:1px solid var(--border);text-align:left}.data-table th{background:#f8fafc;font-weight:600;color:var(--muted);font-size:.8rem;text-transform:uppercase;letter-spacing:.03em}.text-right{text-align:right!important}.qty-badge{display:inline-block;padding:.2rem .5rem;border-radius:6px;font-weight:600;font-size:.85rem;font-variant-numeric:tabular-nums}.qty-instock{background:#dcfce7;color:#166534}.qty-pending{background:#fef3c7;color:#92400e}.qty-frozen{background:#e0e7ff;color:#3730a3}.qty-transit{background:#fce7f3;color:#9d174d}.qty-clickable{cursor:pointer;transition:transform .15s,box-shadow .15s}.qty-clickable:hover{transform:scale(1.05);box-shadow:0 2px 8px #00000026}.modal-lg{max-width:800px}.detail-status-badge{display:inline-block;padding:.35rem .75rem;background:#f1f5f9;border-radius:6px;font-size:.9rem;font-weight:500;margin-bottom:1rem}.ref-doc{display:flex;flex-direction:column;font-size:.85rem}.ref-date{font-size:.75rem;color:var(--muted)}.pagination{display:flex;gap:.5rem;align-items:center;margin-top:1rem}.pagination button{padding:.4rem .75rem;font-size:.85rem}.settle-filters select,.settle-filters input[type=date]{padding:.45rem .6rem;border:1px solid var(--border);border-radius:8px;font:inherit;font-size:.9rem}.settle-summary{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;margin:1rem 0}.settle-summary-item{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:1rem 1.25rem;text-align:center}.settle-summary-label{font-size:.8rem;color:var(--muted);text-transform:uppercase;letter-spacing:.03em}.settle-summary-value{font-size:1.75rem;font-weight:700;margin:.25rem 0}.settle-value-pending{color:#ea580c}.settle-value-done{color:#16a34a}.settle-summary-count{font-size:.85rem;color:var(--muted)}.settle-actions{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:.75rem;padding:.75rem 1rem}.settle-actions-left{display:flex;align-items:center;gap:.5rem}.settle-actions-right{display:flex;gap:.5rem}.btn-outline-sm{padding:.35rem .65rem;border:1px solid var(--border);border-radius:6px;background:#fff;font-size:.85rem;cursor:pointer}.btn-outline-sm:hover{background:#f8fafc}.btn-accent{background:linear-gradient(180deg,#10b981,#059669);border-color:#047857}.row-selected{background:#eff6ff}.modal-content{background:#fff;border-radius:12px;width:90%;max-width:600px;max-height:80vh;overflow:hidden;display:flex;flex-direction:column}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.25rem;border-bottom:1px solid var(--border)}.modal-close{background:none;border:none;font-size:1.5rem;cursor:pointer;color:var(--muted);box-shadow:none}.modal-body{padding:1rem 1.25rem;overflow-y:auto}.detail-row{display:flex;justify-content:space-between;padding:.5rem 0;border-bottom:1px solid #f1f5f9}.detail-label{color:var(--muted);font-size:.9rem}.detail-value{font-weight:500}.detail-amount{font-size:1.1rem;color:#ea580c;font-weight:700}.table-sm{font-size:.85rem}.table-sm th,.table-sm td{padding:.4rem .35rem}.settle-filters{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:.75rem}.settle-filters .field{display:flex;flex-direction:column;gap:.25rem}.settle-filters .field span{font-size:.75rem;color:var(--muted);text-transform:uppercase;letter-spacing:.03em}.settle-filters select,.settle-filters input[type=date]{padding:.5rem .65rem;border:1px solid var(--border);border-radius:8px;font:inherit}.settle-filter-actions{margin-top:.75rem;display:flex;gap:.5rem}.btn-ghost{background:transparent;border:1px solid var(--border);color:var(--muted);box-shadow:none;padding:.4rem .75rem;font-size:.85rem}.settle-tabs{display:flex;gap:0;margin:1rem 0;background:#f1f5f9;border-radius:10px;padding:4px}.settle-tab{flex:1;padding:.6rem 1rem;border:none;background:transparent;color:var(--muted);font-size:.9rem;font-weight:500;border-radius:8px;cursor:pointer;box-shadow:none}.settle-tab.active{background:#fff;color:var(--text);box-shadow:0 1px 3px #0000001a}.settle-overview{display:flex;justify-content:space-between;align-items:center;background:linear-gradient(135deg,#fef3c7,#fde68a);border:1px solid #fcd34d;border-radius:12px;padding:1.25rem 1.5rem;margin-bottom:1rem}.settle-overview-info{display:flex;flex-direction:column}.settle-overview-label{font-size:.8rem;color:#92400e;text-transform:uppercase;letter-spacing:.03em}.settle-overview-amount{font-size:2rem;font-weight:700;color:#b45309;margin:.25rem 0}.settle-overview-count{font-size:.85rem;color:#92400e}.settle-overview-action{flex-shrink:0}.btn-settle-all{padding:.75rem 1.5rem;background:linear-gradient(180deg,#16a34a,#15803d);border:none;border-radius:10px;color:#fff;font-size:1rem;font-weight:600;cursor:pointer;box-shadow:0 4px 12px #16a34a4d}.btn-settle-all:disabled{opacity:.5;cursor:not-allowed;box-shadow:none}.settle-summary-bar{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.25rem;background:linear-gradient(135deg,#fef3c7,#fde68a);border:1px solid #fcd34d;border-radius:12px;margin:1rem 0}.settle-summary-info{display:flex;align-items:baseline;gap:.75rem}.settle-summary-label{font-size:.85rem;color:#92400e}.settle-summary-amount{font-size:1.5rem;font-weight:700;color:#b45309}.settle-summary-count{font-size:.85rem;color:#92400e}.settle-summary-actions{display:flex;gap:.5rem}.btn-export{padding:.5rem 1rem;background:#fff;border:1px solid #d1d5db;border-radius:8px;color:#374151;font-size:.9rem;font-weight:500;cursor:pointer}.btn-export:hover{background:#f9fafb;border-color:#9ca3af}.settle-export-bar{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1rem;background:#f8fafc;border:1px solid var(--border);border-radius:8px;margin:1rem 0;font-size:.9rem}.recon-actions{display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;gap:1rem}.recon-form{display:flex;gap:1rem;align-items:flex-end;flex-wrap:wrap}.recon-form .field{display:flex;flex-direction:column;gap:.25rem}.recon-form .field span{font-size:.75rem;color:var(--muted);text-transform:uppercase}.recon-form select,.recon-form input{padding:.5rem .75rem;border:1px solid var(--border);border-radius:8px;font:inherit}.recon-buttons{display:flex;gap:.5rem}.btn-run{padding:.5rem 1rem;background:linear-gradient(180deg,#2563eb,#1d4ed8);border:none;border-radius:8px;color:#fff;font-weight:600;cursor:pointer;box-shadow:0 2px 8px #2563eb40}.btn-run:disabled,.btn-export:disabled{opacity:.5;cursor:not-allowed}.recon-status{display:flex;align-items:center}.status-badge{display:inline-block;padding:.25rem .6rem;border-radius:6px;font-size:.8rem;font-weight:600}.status-ok{background:#dcfce7;color:#166534}.variance-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;margin-top:1rem}.variance-item{background:#f8fafc;border-radius:10px;padding:1rem;text-align:center}.variance-label{display:block;font-size:.75rem;color:var(--muted);text-transform:uppercase;margin-bottom:.25rem}.variance-value{font-size:1.25rem;font-weight:700;color:var(--text)}.text-danger{color:#dc2626}.empty-state{text-align:center;padding:2rem}.empty-state p:first-child{font-size:1rem;margin-bottom:.5rem}.row-active{background:#eff6ff}.info-card{background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border-color:#bae6fd}.info-card h3{margin:0 0 .75rem;font-size:1rem}.info-content{display:flex;gap:1.5rem;flex-wrap:wrap}.info-item{flex:1;min-width:180px}.info-label{display:block;font-weight:600;color:#0369a1;margin-bottom:.25rem}.info-desc{font-size:.8rem;color:#64748b}.compare-summary{display:flex;align-items:center;justify-content:space-around;gap:.5rem;padding:1rem 0}.compare-col{text-align:center;flex:1}.compare-header{font-size:.75rem;color:var(--muted);text-transform:uppercase;margin-bottom:.25rem}.compare-value{font-size:1.5rem;font-weight:700;color:var(--text)}.compare-desc{font-size:.75rem;color:var(--muted);margin-top:.25rem}.compare-arrow{font-size:1.5rem;color:var(--muted);font-weight:300}.btn-ghost{background:transparent;border:1px solid var(--border);color:var(--muted);padding:.4rem .75rem;border-radius:6px;cursor:pointer;box-shadow:none}.btn-ghost:hover{background:#f8fafc;color:var(--text)}.btn-ghost-sm{padding:.25rem .5rem;font-size:.8rem;background:transparent;border:1px solid var(--border);border-radius:4px;cursor:pointer;box-shadow:none}.settle-list{display:flex;flex-direction:column;gap:.75rem}.settle-item{display:flex;align-items:center;gap:1rem;padding:1rem;background:#f8fafc;border:1px solid var(--border);border-radius:10px;transition:background .15s}.settle-item:hover{background:#f1f5f9}.settle-item-main{flex:1}.settle-item-header{display:flex;align-items:center;gap:.5rem;margin-bottom:.25rem}.settle-item-docno{font-weight:600;font-size:1rem}.settle-item-status{font-size:.7rem;padding:.15rem .4rem;border-radius:4px;font-weight:600}.status-settled{background:#dcfce7;color:#166534}.status-pending{background:#fef3c7;color:#92400e}.settle-item-supplier{font-size:.9rem;color:var(--muted)}.settle-item-date{font-size:.8rem;color:#94a3b8;margin-top:.25rem}.settle-item-amount{text-align:right;min-width:100px}.settle-item-total{font-size:1.1rem;font-weight:700;color:#ea580c}.settle-item-lines{font-size:.8rem;color:var(--muted)}.settle-item-actions{display:flex;gap:.5rem}.btn-detail{padding:.4rem .75rem;background:#fff;border:1px solid var(--border);border-radius:6px;font-size:.85rem;cursor:pointer;box-shadow:none}.btn-detail:hover{background:#f8fafc}.btn-settle{padding:.4rem .75rem;background:#16a34a;border:none;border-radius:6px;color:#fff;font-size:.85rem;font-weight:500;cursor:pointer;box-shadow:none}.detail-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem;margin-bottom:1rem}.detail-item{display:flex;flex-direction:column;gap:.2rem}.detail-item .detail-label{font-size:.75rem;color:var(--muted);text-transform:uppercase}.detail-item .detail-value{font-weight:500}.detail-total{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1rem;background:#fef3c7;border-radius:8px;margin-bottom:1rem}.detail-total span:first-child{font-weight:500;color:#92400e}.detail-total-amount{font-size:1.25rem;font-weight:700;color:#b45309}.detail-subtitle{margin:0 0 .5rem;font-size:.95rem}.text-success{color:#16a34a}.text-warning{color:#d97706}.supplier-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:.75rem}.supplier-card{display:flex;justify-content:space-between;align-items:center;padding:1rem;background:#f8fafc;border:2px solid var(--border);border-radius:10px;cursor:pointer;transition:all .15s}.supplier-card:hover{border-color:var(--brand);background:#f0f7ff}.supplier-card.selected{border-color:var(--brand);background:linear-gradient(135deg,#eff6ff,#dbeafe);box-shadow:0 2px 8px #2563eb26}.supplier-info{flex:1}.supplier-name{font-weight:600;font-size:1rem;color:var(--text)}.supplier-code{font-size:.8rem;color:var(--muted)}.supplier-stats{text-align:right}.supplier-count{font-size:.85rem;color:var(--muted)}.supplier-amount{font-size:1.1rem;font-weight:700;color:#ea580c}.settle-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem}.settle-header h2{margin:0 0 .25rem}.settle-header p{margin:0}.btn-settle{padding:.65rem 1.25rem;background:linear-gradient(180deg,#16a34a,#15803d);border:none;border-radius:8px;color:#fff;font-size:.95rem;font-weight:600;cursor:pointer;box-shadow:0 2px 8px #16a34a40;flex-shrink:0}.btn-settle:disabled{opacity:.5;cursor:not-allowed}.btn-ghost-sm{padding:.35rem .6rem;background:#fff;border:1px solid var(--border);border-radius:5px;font-size:.8rem;cursor:pointer;box-shadow:none}.btn-settle-sm{padding:.35rem .6rem;background:#16a34a;border:none;border-radius:5px;color:#fff;font-size:.8rem;font-weight:500;cursor:pointer;box-shadow:none}.detail-info{display:grid;grid-template-columns:repeat(2,1fr);gap:.5rem;margin-bottom:1rem}.detail-info .label{display:block;font-size:.75rem;color:var(--muted);text-transform:uppercase}.detail-total-row{display:flex;justify-content:space-between;padding:.6rem .8rem;background:#fef3c7;border-radius:6px;margin-bottom:1rem;font-weight:500}.detail-total-row .amount{font-weight:700;color:#b45309;font-size:1.1rem}.btn-primary{background:linear-gradient(180deg,#3b82f6,var(--brand));border:1px solid var(--brand);color:#fff;font-weight:600;box-shadow:0 2px 8px #2563eb40}.btn-primary:hover:not(:disabled){background:linear-gradient(180deg,#2563eb,#1d4ed8);box-shadow:0 4px 12px #2563eb59}.todo-bar{display:flex;align-items:center;gap:.85rem;background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:.75rem 1.1rem;margin-bottom:1.25rem;flex-wrap:wrap;box-shadow:0 1px 4px #0000000f}.todo-title{font-size:.82rem;font-weight:600;color:#64748b;white-space:nowrap}.todo-items{display:flex;flex-wrap:wrap;gap:.5rem}.todo-item{display:flex;align-items:center;gap:.4rem;padding:.3rem .75rem;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:20px;font-size:.82rem;color:#374151;cursor:pointer;font-weight:500;transition:all .15s;box-shadow:none}.todo-item:hover{background:#e0e7ff;border-color:#a5b4fc;color:#3730a3}.todo-item-blue{background:#dbeafe;border-color:#bfdbfe;color:#1d4ed8}.todo-item-blue:hover{background:#bfdbfe}.todo-item-purple{background:#ede9fe;border-color:#ddd6fe;color:#6d28d9}.todo-item-purple:hover{background:#ddd6fe}.todo-item-orange{background:#fef3c7;border-color:#fde68a;color:#b45309}.todo-item-orange:hover{background:#fde68a}.todo-item-red{background:#fee2e2;border-color:#fecaca;color:#b91c1c}.todo-item-red:hover{background:#fecaca}.todo-num{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 5px;background:#0000001a;border-radius:10px;font-size:.75rem;font-weight:700;line-height:1}.toast-container{position:fixed;top:1.25rem;left:50%;transform:translate(-50%);z-index:99999;display:flex;flex-direction:column;gap:.5rem;pointer-events:none;min-width:240px;max-width:420px}.toast{display:flex;align-items:center;gap:.625rem;padding:.75rem 1.125rem;border-radius:.5rem;font-size:.9375rem;font-weight:500;box-shadow:0 4px 16px #0000001f;animation:toast-in .22s cubic-bezier(.34,1.56,.64,1);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}@keyframes toast-in{0%{opacity:0;transform:translateY(-12px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.toast-icon{font-size:1rem;font-weight:700;flex-shrink:0;width:20px;height:20px;display:flex;align-items:center;justify-content:center;border-radius:50%}.toast-message{flex:1;line-height:1.4}.toast-success{background:#f0fdf4;color:#15803d;border:1px solid #bbf7d0}.toast-success .toast-icon{background:#22c55e;color:#fff;font-size:.75rem}.toast-error{background:#fef2f2;color:#b91c1c;border:1px solid #fecaca}.toast-error .toast-icon{background:#ef4444;color:#fff;font-size:.75rem}.toast-warning{background:#fffbeb;color:#b45309;border:1px solid #fde68a}.toast-warning .toast-icon{background:#f59e0b;color:#fff;font-size:.75rem}.toast-info{background:#eff6ff;color:#1d4ed8;border:1px solid #bfdbfe}.toast-info .toast-icon{background:#3b82f6;color:#fff;font-size:.75rem}.sidebar-nav{display:flex;flex-direction:column;gap:2px;margin-top:1.25rem}.nav-group{display:flex;flex-direction:column}.nav-group-header{display:flex;align-items:center;gap:10px;padding:10px 12px;background:transparent;border:none;color:var(--sidebar-muted, #94a3b8);cursor:pointer;border-radius:6px;transition:all .2s ease;font-size:13px;font-weight:500;width:100%;text-align:left}.nav-group-header:hover{background:#ffffff0f;color:#e2e8f0}.nav-group-header.expanded{color:#e2e8f0}.nav-group-icon{display:flex;align-items:center;justify-content:center;flex-shrink:0}.nav-group-label{flex:1}.nav-group-chevron{display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:transform .2s ease;opacity:.7}.nav-group-items{display:flex;flex-direction:column;gap:1px;overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1)}.nav-group-items.collapsed{max-height:0;opacity:0;margin:0}.nav-group-items.expanded{max-height:500px;opacity:1;margin:4px 0 8px}.nav-item{display:flex;align-items:center;gap:10px;padding:10px 12px;color:var(--sidebar-muted, #94a3b8);text-decoration:none;border-radius:6px;transition:all .2s ease;font-size:14px;position:relative}.nav-item:hover{background:#ffffff0f;color:#e2e8f0;transform:translate(2px)}.nav-item.active{background:linear-gradient(90deg,#2563eb73,#6366f159);color:#fff;font-weight:600;box-shadow:0 2px 8px #2563eb4d}.nav-item.active:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:3px;height:60%;background:#3b82f6;border-radius:0 2px 2px 0}.nav-sub-item{padding-left:44px;font-size:13px}.nav-item-icon{display:flex;align-items:center;justify-content:center;flex-shrink:0}.nav-item-label{flex:1}.nav-item-badge{font-size:11px;padding:2px 6px;background:#3b82f633;border-radius:10px;color:#60a5fa;font-weight:600}@media(max-width:1024px){.sidebar-nav{gap:1px}.nav-group-header,.nav-item{padding:8px 10px;font-size:13px}.nav-sub-item{padding-left:38px;font-size:12px}}.sidebar-nav{overflow-y:auto;overflow-x:hidden;max-height:calc(100vh - 200px);padding-right:4px}.sidebar-nav::-webkit-scrollbar{width:6px}.sidebar-nav::-webkit-scrollbar-track{background:#ffffff08;border-radius:3px}.sidebar-nav::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:3px}.sidebar-nav::-webkit-scrollbar-thumb:hover{background:#ffffff26}.tab-bar{display:flex;align-items:stretch;background:#f1f5f9;border-bottom:1px solid #e2e8f0;height:40px;flex-shrink:0;overflow:visible;position:relative}.tab-bar-inner{display:flex;align-items:stretch;overflow-x:auto;overflow-y:hidden;scroll-behavior:smooth;flex:1;min-width:0;scrollbar-width:none;-ms-overflow-style:none}.tab-bar-inner::-webkit-scrollbar{display:none}.tab-item{display:inline-flex;align-items:center;gap:6px;padding:0 14px;height:100%;min-width:80px;max-width:180px;background:transparent;border:none;border-right:1px solid #e2e8f0;color:#64748b;font-size:13px;font-weight:500;cursor:pointer;flex-shrink:0;box-shadow:none;border-radius:0;position:relative;transition:background .15s,color .15s;white-space:nowrap}.tab-item:hover{background:#e8edf4;color:#0f172a}.tab-item-active{background:#fff;color:#0f172a;font-weight:600;box-shadow:inset 0 -2px #2563eb}.tab-item-active:hover{background:#fff}.tab-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;text-align:left;pointer-events:none}.tab-close{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;border-radius:4px;flex-shrink:0;color:#94a3b8;transition:background .12s,color .12s}.tab-close:hover{background:#cbd5e1;color:#0f172a}.tab-item-active .tab-close{color:#64748b}.user-menu-wrap{position:relative;flex-shrink:0;display:flex;align-items:center;border-left:1px solid #e2e8f0;padding:0 2px}.user-menu-trigger{display:inline-flex;align-items:center;gap:7px;height:40px;padding:0 12px;background:transparent;border:none;border-radius:0;box-shadow:none;color:#374151;font-size:13px;font-weight:500;cursor:pointer;white-space:nowrap;transition:background .15s}.user-menu-trigger:hover{background:#e8edf4}.user-avatar{width:26px;height:26px;border-radius:50%;background:linear-gradient(135deg,#2563eb,#4f46e5);color:#fff;font-size:11px;font-weight:700;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;letter-spacing:0;-webkit-user-select:none;user-select:none}.user-menu-name{max-width:100px;overflow:hidden;text-overflow:ellipsis}.user-menu-chevron{color:#94a3b8;transition:transform .2s;flex-shrink:0}.user-menu-chevron.open{transform:rotate(180deg)}.user-menu-dropdown{position:absolute;top:calc(100% + 4px);right:0;min-width:200px;background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 8px 24px #0f172a1f,0 2px 8px #0f172a0f;z-index:200;overflow:hidden;animation:user-menu-in .15s ease}@keyframes user-menu-in{0%{opacity:0;transform:translateY(-6px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.user-menu-info{padding:12px 14px 10px;display:flex;flex-direction:column;gap:2px}.user-menu-fullname{font-size:13px;font-weight:600;color:#0f172a}.user-menu-company{font-size:12px;color:#64748b;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-menu-divider{height:1px;background:#f1f5f9;margin:0}.user-menu-item{display:flex;align-items:center;gap:9px;width:100%;padding:10px 14px;background:transparent;border:none;border-radius:0;box-shadow:none;font-size:13.5px;font-weight:500;color:#374151;cursor:pointer;text-align:left;transition:background .12s}.user-menu-item:hover{background:#f8fafc;color:#0f172a}.user-menu-item--danger{color:#dc2626}.user-menu-item--danger:hover{background:#fef2f2;color:#b91c1c}.brain-promise-bar{display:flex;align-items:center;gap:.5rem;padding:.5rem .85rem;border-radius:8px;font-size:.82rem;margin:.5rem 0;border:1px solid;animation:brain-slide-in .25s ease}.brain-promise-bar--risk{background:#fffbeb;border-color:#fcd34d;color:#92400e}.brain-promise-bar--broken{background:#fef2f2;border-color:#fca5a5;color:#991b1b}.brain-promise-icon{font-size:1rem;flex-shrink:0}.brain-promise-text{font-weight:600;flex:1}.brain-promise-days{margin-left:.4rem;padding:.05rem .4rem;border-radius:20px;font-size:.74rem;font-weight:700;background:#00000012}.brain-promise-score{font-size:.75rem;font-weight:700;opacity:.75;flex-shrink:0}.brain-promise-link{font-size:.74rem;color:inherit;opacity:.7;text-decoration:none;flex-shrink:0;white-space:nowrap}.brain-promise-link:hover{opacity:1;text-decoration:underline}.brain-supplier-badge{display:inline-flex;align-items:center;gap:.2rem;padding:.15rem .55rem;border-radius:20px;font-size:.74rem;font-weight:600;border:1px solid;white-space:nowrap;vertical-align:middle}.brain-supplier-badge--good{background:#f0fdf4;border-color:#86efac;color:#166534}.brain-supplier-badge--medium{background:#fffbeb;border-color:#fcd34d;color:#92400e}.brain-supplier-badge--poor{background:#fef2f2;border-color:#fca5a5;color:#991b1b}.brain-score-bar{display:flex;align-items:flex-start;gap:.6rem;padding:.75rem 1rem;border-radius:8px;margin:.6rem 0;border:1px solid;animation:brain-slide-in .25s ease}.brain-score-bar--good{background:#f0fdf4;border-color:#86efac;color:#166534}.brain-score-bar--medium{background:#eff6ff;border-color:#bfdbfe;color:#1e40af}.brain-score-bar--poor{background:#fef9ee;border-color:#fde68a;color:#92400e}.brain-score-icon{font-size:1.1rem;flex-shrink:0;padding-top:.1rem}.brain-score-body{flex:1;min-width:0}.brain-score-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:.35rem}.brain-score-label{font-size:.8rem;font-weight:600}.brain-score-value{font-size:1rem;font-weight:800;display:flex;align-items:center;gap:.4rem}.brain-score-tag{font-size:.72rem;font-weight:600;padding:.1rem .45rem;border-radius:20px;background:#00000014}.brain-score-track{width:100%;height:5px;background:#0000001a;border-radius:3px;overflow:hidden;margin-bottom:.4rem}.brain-score-fill{height:100%;border-radius:3px;background:currentColor;opacity:.6;transition:width .5s ease}.brain-score-summary{font-size:.78rem;margin:0;opacity:.8;line-height:1.4}.brain-risk-dot{display:inline-block;margin-left:.35rem;font-size:.78rem;vertical-align:middle;cursor:help;animation:brain-pulse 2s infinite}.brain-risk-dot--broken{filter:none}.brain-risk-dot--at_risk{opacity:.9}@keyframes brain-slide-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}@keyframes brain-pulse{0%,to{opacity:1}50%{opacity:.6}}.materials-page{display:flex;flex-direction:column;height:100%;overflow:hidden;padding:1.25rem 1.5rem 1rem;background:#f8fafc}.materials-page .page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;flex-shrink:0}.materials-page .page-header h1{margin:0;font-size:1.2rem;font-weight:700;color:#0f172a;letter-spacing:-.02em;display:flex;align-items:center;gap:.5rem}.materials-page .page-header h1:before{content:"";display:inline-block;width:4px;height:1.2em;background:#2563eb;border-radius:2px;flex-shrink:0}.materials-page .header-actions{display:flex;gap:.5rem;align-items:center}.materials-page .btn{display:inline-flex;align-items:center;gap:.3rem;height:34px;padding:0 1rem;border-radius:6px!important;border:1px solid transparent;cursor:pointer;font-size:.8125rem;font-weight:500;white-space:nowrap;transition:all .15s;box-shadow:none!important;text-decoration:none!important;line-height:1}.materials-page .btn-primary{background:#2563eb!important;background-image:none!important;color:#fff!important;border-color:#2563eb!important}.materials-page .btn-primary:hover:not(:disabled){background:#1d4ed8!important;border-color:#1d4ed8!important}.materials-page .btn-secondary{background:#fff!important;background-image:none!important;color:#374151!important;border:1px solid #d1d5db!important}.materials-page .btn-secondary:hover:not(:disabled){background:#f9fafb!important;border-color:#9ca3af!important;color:#111827!important}.materials-page .btn-danger{background:#fef2f2!important;background-image:none!important;color:#dc2626!important;border:1px solid #fecaca!important}.materials-page .btn-danger:hover:not(:disabled){background:#fee2e2!important;border-color:#f87171!important}.materials-page .btn:disabled{opacity:.5;cursor:not-allowed}.materials-page .filter-section{background:#fff;border:1px solid #e2e8f0;border-radius:8px;margin-bottom:.75rem;flex-shrink:0}.materials-page .search-box{display:flex;flex-wrap:wrap;gap:.5rem;padding:.625rem 1rem;align-items:center}.materials-page .search-box select,.materials-page .search-box input[type=search]{height:30px;padding:0 .625rem;border:1px solid #d1d5db;border-radius:6px;font-size:.8125rem;background:#fff;color:#0f172a;transition:border-color .15s,box-shadow .15s}.materials-page .search-box select:focus,.materials-page .search-box input:focus{outline:none;border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.materials-page .search-box .sel-category{width:160px}.materials-page .search-box .inp-keyword{width:200px}.materials-page .search-box .search-actions{display:flex;gap:.4rem;align-items:center}.materials-page .stats-bar{display:flex;align-items:center;justify-content:space-between;padding:.45rem 1rem;background:#fff;border:1px solid #e2e8f0;border-radius:8px 8px 0 0;border-bottom:none;font-size:.78rem;color:#64748b;flex-shrink:0}.materials-page .stats-bar strong{color:#0f172a;font-weight:600}.materials-page .stats-bar .selected-hint{color:#2563eb;font-weight:500}.materials-page .table-wrap{flex:1;min-height:0;background:#fff;border:1px solid #e2e8f0;border-radius:0 0 8px 8px;overflow:auto;display:flex;flex-direction:column}.materials-page .table-wrap--no-stats{border-radius:8px}.materials-page .materials-table{width:100%;border-collapse:collapse;font-size:.8125rem;table-layout:fixed;flex:1}.materials-page .col-check{width:38px}.materials-page .col-image{width:60px}.materials-page .col-code{width:130px}.materials-page .col-name{width:24%}.materials-page .col-spec{width:13%}.materials-page .col-unit{width:62px}.materials-page .col-category{width:11%}.materials-page .col-itemtype{width:108px}.materials-page .col-actions{width:96px}.materials-page .materials-table thead th{padding:.55rem .875rem;text-align:left;font-size:.69rem;font-weight:700;color:#64748b;text-transform:uppercase;letter-spacing:.07em;background:#f8fafc;border-bottom:1px solid #e2e8f0;position:sticky;top:0;z-index:2;white-space:nowrap}.materials-page th.col-check,.materials-page td.col-check{text-align:center}.materials-page .material-row{cursor:pointer;transition:background .12s}.materials-page .material-row:nth-child(odd){background:#fff}.materials-page .material-row:nth-child(2n){background:#fafbfc}.materials-page .material-row:hover,.materials-page .material-row.is-selected{background:#eff6ff!important}.materials-page .material-row+.material-row{border-top:1px solid #f1f5f9}.materials-page .materials-table td{padding:.625rem .875rem;vertical-align:middle;overflow:hidden}.materials-page .col-check input[type=checkbox]{width:15px;height:15px;cursor:pointer;accent-color:#2563eb;display:block;margin:0 auto;border-radius:3px}.materials-page .col-image img{width:40px;height:40px;object-fit:cover;border-radius:6px;border:1px solid #e2e8f0;display:block}.materials-page .col-image .no-image{width:40px;height:40px;background:#f1f5f9;border:1px dashed #cbd5e1;border-radius:6px;display:flex;align-items:center;justify-content:center}.materials-page .col-image .no-image svg{width:18px;height:18px;color:#94a3b8}.materials-page td.col-code{font-family:SF Mono,Fira Code,ui-monospace,monospace;font-size:.78rem;color:#334155;letter-spacing:.02em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.materials-page td.col-name{font-weight:500;color:#0f172a;line-height:1.4}.materials-page .shade-net-badges{display:flex;flex-wrap:wrap;gap:3px;margin-top:4px}.materials-page .shade-net-badge{display:inline-flex;align-items:center;padding:0 .4rem;height:18px;background:#f0f4ff;border:1px solid #c7d7fd;border-radius:4px;font-size:.67rem;font-weight:500;color:#3730a3;white-space:nowrap}.materials-page td.col-spec{color:#475569;font-size:.8rem}.materials-page td.col-unit{color:#64748b;font-size:.8rem;text-align:center}.materials-page .category-badge{display:inline-flex;align-items:center;padding:0 .5rem;height:22px;border-radius:4px;font-size:.72rem;font-weight:600;white-space:nowrap}.materials-page .category-badge[data-color=blue]{background:#eff6ff;color:#1d4ed8;border:1px solid #bfdbfe}.materials-page .category-badge[data-color=green]{background:#f0fdf4;color:#15803d;border:1px solid #bbf7d0}.materials-page .category-badge[data-color=orange]{background:#fff7ed;color:#c2410c;border:1px solid #fed7aa}.materials-page .category-badge[data-color=purple]{background:#faf5ff;color:#7e22ce;border:1px solid #e9d5ff}.materials-page .category-badge[data-color=teal]{background:#f0fdfa;color:#0f766e;border:1px solid #99f6e4}.materials-page .category-badge[data-color=rose]{background:#fff1f2;color:#be123c;border:1px solid #fecdd3}.materials-page .category-badge[data-color=default]{background:#f1f5f9;color:#475569;border:1px solid #e2e8f0}.materials-page .category-none{color:#cbd5e1;font-size:.78rem;font-style:italic}.materials-page td.col-actions{white-space:nowrap}.materials-page .action-btns{display:flex;align-items:center;gap:.3rem}.materials-page .btn-row{display:inline-flex;align-items:center;gap:.2rem;height:27px;padding:0 .55rem;border-radius:5px!important;cursor:pointer;font-size:.72rem;font-weight:500;white-space:nowrap;transition:all .15s;box-shadow:none!important;text-decoration:none;border:1px solid transparent;line-height:1}.materials-page .btn-row--edit{background:#fff!important;background-image:none!important;color:#2563eb!important;border-color:#bfdbfe!important}.materials-page .btn-row--edit:hover{background:#eff6ff!important;border-color:#93c5fd!important}.materials-page .btn-row--bom{background:#f0fdf4!important;background-image:none!important;color:#15803d!important;border-color:#bbf7d0!important}.materials-page .btn-row--bom:hover{background:#dcfce7!important;border-color:#86efac!important}.materials-page .itemtype-badge{display:inline-flex;align-items:center;gap:.25rem;padding:.18rem .55rem;border-radius:999px;font-size:.72rem;font-weight:600;white-space:nowrap;border:1px solid transparent}.materials-page .itemtype-badge--product{background:#f5f3ff;color:#6d28d9;border-color:#ddd6fe}.materials-page .itemtype-badge--raw{background:#eff6ff;color:#1d4ed8;border-color:#bfdbfe}.materials-page .pagination-bar{display:flex;align-items:center;gap:.625rem;padding:.55rem 1rem;font-size:.78rem;color:#64748b;border-top:1px solid #f1f5f9;background:#fff;flex-shrink:0}.materials-page .pagination-bar button{display:inline-flex;align-items:center;height:28px;padding:0 .75rem;background:#fff!important;background-image:none!important;border:1px solid #e2e8f0!important;border-radius:5px!important;box-shadow:none!important;cursor:pointer;font-size:.78rem;color:#374151!important;transition:all .15s;font-weight:500}.materials-page .pagination-bar button:hover:not(:disabled){background:#f8fafc!important;border-color:#cbd5e1!important;color:#0f172a!important}.materials-page .pagination-bar button:disabled{opacity:.35;cursor:not-allowed}.materials-page .pagination-bar .page-info{color:#64748b}.materials-page .pagination-bar .page-info strong{color:#0f172a;font-weight:600}.materials-page .empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3.5rem 1rem;text-align:center;color:#94a3b8;font-size:.875rem;flex:1}.materials-page .empty-state svg{width:40px;height:40px;color:#cbd5e1;margin-bottom:.75rem}.mat-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a73;z-index:1000;display:flex;align-items:center;justify-content:center;padding:1rem;-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px)}.mat-modal{background:#fff;border-radius:10px;width:560px;max-width:95vw;max-height:90vh;overflow:auto;padding:0;box-shadow:0 20px 60px #0f172a33;display:flex;flex-direction:column}.mat-modal--sm{width:460px}.mat-modal__head{display:flex;justify-content:space-between;align-items:center;padding:1.125rem 1.5rem;border-bottom:1px solid #f1f5f9;flex-shrink:0}.mat-modal__title{margin:0;font-size:1rem;font-weight:600;color:#0f172a}.mat-modal__close{width:28px;height:28px;border-radius:6px!important;border:none!important;background:transparent!important;background-image:none!important;cursor:pointer;color:#94a3b8!important;font-size:1rem;display:flex;align-items:center;justify-content:center;padding:0!important;box-shadow:none!important;line-height:1;transition:all .15s}.mat-modal__close:hover{background:#f1f5f9!important;color:#475569!important}.mat-modal__body{padding:1.25rem 1.5rem;overflow-y:auto;flex:1}.mat-modal__footer{display:flex;gap:.5rem;justify-content:flex-end;padding:.875rem 1.5rem;border-top:1px solid #f1f5f9;flex-shrink:0}.mat-modal .field{display:flex;flex-direction:column;gap:.3rem;margin-bottom:.875rem}.mat-modal .field>span,.mat-modal .field>label span{font-size:.78rem;font-weight:600;color:#374151}.mat-modal .field input,.mat-modal .field select{height:36px;padding:0 .75rem;border:1px solid #d1d5db;border-radius:6px;font-size:.875rem;color:#0f172a;background:#fff;transition:border-color .15s,box-shadow .15s;font-family:inherit}.mat-modal .field input:focus,.mat-modal .field select:focus{outline:none;border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.mat-modal .field-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}.mat-modal .section-label{font-size:.72rem;font-weight:700;color:#94a3b8;text-transform:uppercase;letter-spacing:.08em;margin-bottom:.75rem;padding-bottom:.4rem;border-bottom:1px solid #f1f5f9}.mat-modal .mat-btn{display:inline-flex;align-items:center;height:35px;padding:0 1rem;border-radius:6px!important;cursor:pointer;font-size:.8125rem;font-weight:500;white-space:nowrap;transition:all .15s;box-shadow:none!important}.mat-modal .mat-btn-cancel{background:#fff!important;background-image:none!important;border:1px solid #d1d5db!important;color:#374151!important}.mat-modal .mat-btn-cancel:hover{background:#f9fafb!important;border-color:#9ca3af!important}.mat-modal .mat-btn-primary{background:#2563eb!important;background-image:none!important;border:none!important;color:#fff!important}.mat-modal .mat-btn-primary:hover:not(:disabled){background:#1d4ed8!important}.mat-modal .mat-btn-primary:disabled{opacity:.6;cursor:not-allowed}.mat-modal .mat-btn-danger{background:#dc2626!important;background-image:none!important;border:none!important;color:#fff!important}.mat-modal .mat-btn-danger--deep{background:#991b1b!important}.mat-modal .mat-btn-danger:disabled{opacity:.6;cursor:not-allowed}.mat-modal .warn-box{display:flex;align-items:flex-start;gap:.5rem;padding:.75rem 1rem;background:#fef3c7;border:1px solid #f59e0b;border-radius:6px;margin-bottom:.875rem;cursor:pointer}.mat-modal .warn-box input[type=checkbox]{width:15px;height:15px;margin-top:1px;flex-shrink:0;accent-color:#dc2626}.mat-modal .warn-box span{font-size:.82rem;color:#92400e;font-weight:500;line-height:1.4}.mat-modal .error-msg{color:#ef4444;font-size:.82rem;margin:.5rem 0 0}.mat-modal .img-upload-row{display:flex;align-items:flex-start;gap:.875rem}.mat-modal .img-preview-wrap{position:relative;flex-shrink:0}.mat-modal .img-preview{width:80px;height:80px;object-fit:cover;border-radius:8px;border:1px solid #e2e8f0;display:block}.mat-modal .img-remove-btn{position:absolute;top:-6px;right:-6px;width:20px;height:20px;border-radius:50%!important;background:#ef4444!important;background-image:none!important;color:#fff!important;border:none!important;cursor:pointer;font-size:11px;display:flex;align-items:center;justify-content:center;padding:0!important;line-height:1;box-shadow:0 1px 3px #0003!important}.mat-modal .img-upload-btn{height:32px;padding:0 .875rem;font-size:.8rem;font-weight:500;background:#eff6ff!important;background-image:none!important;border:1px solid #bfdbfe!important;color:#1d4ed8!important;border-radius:6px!important;cursor:pointer;box-shadow:none!important;transition:all .15s}.mat-modal .img-upload-btn:hover:not(:disabled){background:#dbeafe!important}.mat-modal .img-upload-btn:disabled{opacity:.6;cursor:not-allowed}.mat-modal .img-upload-hint{margin:4px 0 0;font-size:.72rem;color:#94a3b8}.mat-modal .img-upload-err{margin:3px 0 0;font-size:.75rem;color:#ef4444}.mat-modal .shade-toggle-btn{display:inline-flex;align-items:center;gap:.4rem;height:32px;padding:0 .875rem;border-radius:6px!important;cursor:pointer;font-size:.82rem;font-weight:600;transition:all .15s;box-shadow:none!important;border:1px solid #e2e8f0!important;background:#f8fafc!important;background-image:none!important;color:#64748b!important}.mat-modal .shade-toggle-btn.is-open{background:#eff6ff!important;border-color:#bfdbfe!important;color:#1d4ed8!important}.mat-modal .shade-toggle-btn .badge-filled{background:#2563eb;color:#fff;font-size:.67rem;padding:1px 5px;border-radius:10px;font-weight:500}.mat-modal .shade-section{margin-top:.5rem;border:1px solid #dbeafe;border-radius:8px;padding:1rem;background:#f8fbff}.mat-modal .shade-section-title{font-size:.82rem;font-weight:700;color:#1d4ed8;margin-bottom:.875rem}.mat-modal .spec-preview{padding:.45rem .625rem;background:#e0f2fe;border:1px solid #7dd3fc;border-radius:5px;font-size:.875rem;color:#0369a1;font-weight:600}.mat-modal .spec-preview-empty{color:#94a3b8;font-size:.82rem;padding:.45rem 0}.mat-modal .result-icon{font-size:2rem;text-align:center;margin-bottom:.5rem}.mat-modal .result-icon--success{color:#16a34a}.mat-modal .result-icon--error{color:#dc2626}.materials-page .modal-overlay,.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a73;z-index:1000;display:flex;align-items:center;justify-content:center;padding:1rem;-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px)}.materials-page .modal-content,.modal-content{background:#fff;border-radius:10px;box-shadow:0 20px 60px #0f172a33}.bom-quick-modal{background:#fff;border-radius:10px;width:680px;max-width:95vw;max-height:88vh;display:flex;flex-direction:column;box-shadow:0 20px 60px #0f172a33;overflow:hidden}.bom-quick-modal__head{display:flex;align-items:center;justify-content:space-between;padding:.875rem 1.25rem;border-bottom:1px solid #f1f5f9;flex-shrink:0}.bom-quick-modal__title{display:flex;align-items:center;gap:.5rem;font-size:.9rem;font-weight:600;color:#0f172a;min-width:0}.bom-quick-modal__icon{display:flex;align-items:center;color:#15803d;flex-shrink:0}.bom-quick-modal__mat-name{color:#475569;font-weight:500;font-size:.85rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bom-quick-modal__spec{color:#94a3b8}.bom-quick-modal__body{flex:1;min-height:0;overflow-y:auto;padding:1rem 1.25rem;display:flex;flex-direction:column;gap:.875rem}.bom-quick-modal__loading,.bom-quick-modal__empty,.bom-quick-modal__error{padding:2.5rem 1rem;text-align:center;font-size:.875rem;color:#94a3b8}.bom-quick-modal__error{color:#ef4444}.bom-quick-modal__content{display:flex;flex-direction:column;gap:.875rem}.bom-quick-modal__versions{display:flex;gap:.4rem;flex-wrap:wrap}.bom-version-tab{display:inline-flex;align-items:center;gap:.35rem;height:30px;padding:0 .75rem;border-radius:6px!important;border:1px solid #e2e8f0!important;background:#f8fafc!important;background-image:none!important;cursor:pointer;font-size:.78rem;font-weight:500;color:#64748b!important;transition:all .15s;box-shadow:none!important}.bom-version-tab:hover{background:#f1f5f9!important;border-color:#cbd5e1!important}.bom-version-tab--active{background:#eff6ff!important;border-color:#93c5fd!important;color:#1d4ed8!important}.bom-version-tab__ver{font-weight:700}.bom-version-tab__status{font-size:.7rem}.bom-version-tab__ai{font-size:.65rem;background:#f0fdf4;color:#15803d;border:1px solid #bbf7d0;border-radius:3px;padding:0 3px;font-weight:600}.bom-quick-modal__detail{display:flex;flex-direction:column;gap:.625rem}.bom-quick-modal__meta{display:flex;gap:1.25rem;flex-wrap:wrap;font-size:.8rem;color:#64748b;padding:.5rem .75rem;background:#f8fafc;border-radius:6px;border:1px solid #f1f5f9}.bom-quick-modal__meta strong{color:#0f172a;font-weight:600}.bom-quick-modal__table{width:100%;border-collapse:collapse;font-size:.8rem}.bom-quick-modal__table thead th{padding:.45rem .625rem;text-align:left;font-size:.68rem;font-weight:700;color:#64748b;text-transform:uppercase;letter-spacing:.06em;background:#f8fafc;border-bottom:1px solid #e2e8f0;white-space:nowrap}.bom-quick-modal__table tbody tr{border-bottom:1px solid #f1f5f9;transition:background .1s}.bom-quick-modal__table tbody tr:hover{background:#f8fafc}.bom-quick-modal__table td{padding:.5rem .625rem;vertical-align:middle}.bom-quick-modal__seq{color:#94a3b8;text-align:center;width:32px}.bom-quick-modal__line-code{color:#64748b;font-size:.75rem}.bom-quick-modal__line-spec{color:#94a3b8;font-size:.75rem}.bom-quick-modal__qty{white-space:nowrap;color:#0f172a;font-weight:500}.bom-quick-modal__scrap{color:#94a3b8;font-size:.78rem}.bom-quick-modal__type-chip{display:inline-flex;align-items:center;padding:0 .45rem;height:20px;border-radius:4px;font-size:.7rem;font-weight:500;white-space:nowrap}.bom-quick-modal__foot{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1.25rem;border-top:1px solid #f1f5f9;flex-shrink:0;gap:.5rem}.tab-page:has(.inbound-page){padding:0;height:100%}.inbound-page{display:flex;flex-direction:column;height:100%;overflow:hidden;padding:1.25rem 1.5rem 1rem;box-sizing:border-box}.inbound-page .page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;flex-shrink:0}.inbound-page .page-header h1{margin:0;font-size:1.25rem;font-weight:600;color:#111827;letter-spacing:-.01em}.inbound-page .header-actions{display:flex;gap:.5rem;align-items:center}.inbound-page .filter-section{background:#fff;border:1px solid #e5e7eb;border-radius:6px;margin-bottom:.75rem;flex-shrink:0;overflow:hidden}.inbound-page .search-box{display:flex;flex-wrap:wrap;gap:.5rem;padding:.625rem .875rem;align-items:center}.inbound-page .search-box select,.inbound-page .search-box input[type=search],.inbound-page .search-box input[type=date]{height:30px;padding:0 .625rem;border:1px solid #d1d5db;border-radius:4px;font-size:.8125rem;background:#fafafa;color:#111827;transition:border-color .15s,box-shadow .15s;box-sizing:border-box;-webkit-appearance:auto;-moz-appearance:auto;appearance:auto}.inbound-page .search-box select:focus,.inbound-page .search-box input:focus{outline:none;border-color:#2563eb;background:#fff;box-shadow:0 0 0 2px #2563eb1a}.inbound-page .search-box .sel-warehouse{width:120px}.inbound-page .search-box .sel-supplier{width:160px}.inbound-page .search-box .sel-biztype{width:110px}.inbound-page .search-box .inp-material{width:148px}.inbound-page .search-box .inp-date{width:128px}.inbound-page .search-sep{font-size:.75rem;color:#d1d5db;flex-shrink:0;line-height:30px}.inbound-page .search-actions{display:flex;gap:.375rem;align-items:center;margin-left:auto}.inbound-page .orders-table-wrap{flex:1;min-height:0;background:#fff;border:1px solid #e5e7eb;border-radius:6px;display:flex;flex-direction:column;overflow:hidden}.inbound-page .table-tabs{display:flex;gap:0;padding:0 .5rem;border-bottom:1px solid #e5e7eb;background:#fff;flex-shrink:0}.inbound-page .table-tabs .status-tab{padding:.45rem .875rem;background:transparent!important;background-image:none!important;border:none!important;border-bottom:2px solid transparent!important;border-radius:0!important;box-shadow:none!important;cursor:pointer;font-size:.8125rem;color:#6b7280!important;font-weight:400;white-space:nowrap;transition:color .15s;margin-bottom:-1px}.inbound-page .table-tabs .status-tab:hover{color:#374151!important}.inbound-page .table-tabs .status-tab.active{color:#2563eb!important;font-weight:600;border-bottom:2px solid #2563eb!important}.inbound-page .table-toolbar{display:flex;align-items:center;justify-content:space-between;padding:.35rem .875rem;border-bottom:1px solid #f3f4f6;background:#fafafa;flex-shrink:0;font-size:.78rem;color:#6b7280}.inbound-page .table-toolbar .pager{display:flex;align-items:center;gap:.5rem}.inbound-page .table-toolbar .pager button{height:24px;padding:0 .625rem;background:#fff!important;background-image:none!important;border:1px solid #d1d5db!important;border-radius:3px!important;box-shadow:none!important;cursor:pointer;font-size:.73rem;color:#374151!important;transition:all .12s}.inbound-page .table-toolbar .pager button:hover:not(:disabled){background:#f3f4f6!important;border-color:#9ca3af!important}.inbound-page .table-toolbar .pager button:disabled{opacity:.35;cursor:not-allowed}.inbound-page .table-scroll{flex:1;min-height:0;overflow:auto}.inbound-page .orders-table{width:100%;border-collapse:collapse;font-size:.8125rem;table-layout:fixed}.inbound-page .col-docno{width:15%}.inbound-page .col-biztype{width:90px}.inbound-page .col-source{width:44px}.inbound-page .col-time{width:14%}.inbound-page .col-warehouse{width:80px}.inbound-page .col-supplier{width:15%}.inbound-page .col-status{width:88px}.inbound-page .col-lines{width:50px}.inbound-page .col-actions{width:96px}.inbound-page .orders-table thead tr{background:#f8f9fa;position:sticky;top:0;z-index:2}.inbound-page .orders-table thead tr:after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:#e5e7eb}.inbound-page .orders-table th{padding:.45rem .75rem;text-align:left;font-size:.7rem;font-weight:700;color:#9ca3af;text-transform:uppercase;letter-spacing:.05em;white-space:nowrap;border-bottom:1px solid #e5e7eb}.inbound-page .order-row{border-bottom:1px solid #f3f4f6;transition:background .1s}.inbound-page .order-row:last-child{border-bottom:none}.inbound-page .order-row:hover{background:#f5f8ff}.inbound-page .orders-table td{padding:.45rem .75rem;vertical-align:middle;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.inbound-page .td-docno{font-weight:600;color:#111827;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.inbound-page .biztype-badge{display:inline-flex;align-items:center;gap:.2rem;padding:0 .4rem;height:20px;border-radius:3px;font-size:.72rem;font-weight:500;white-space:nowrap;background:#f3f4f6;color:#374151}.inbound-page .status-badge{display:inline-flex;align-items:center;gap:.3rem;padding:0 .5rem;height:20px;border-radius:3px;font-size:.72rem;font-weight:600;white-space:nowrap}.inbound-page .status-dot{width:5px;height:5px;border-radius:50%;flex-shrink:0}.inbound-page .status-badge--draft{background:#f3f4f6;color:#6b7280}.inbound-page .status-badge--pending{background:#fffbeb;color:#b45309}.inbound-page .status-badge--approved{background:#d1fae5;color:#065f46}.inbound-page .status-badge--cancelled{background:#fee2e2;color:#991b1b}.inbound-page .status-dot--draft{background:#9ca3af}.inbound-page .status-dot--pending{background:#f59e0b}.inbound-page .status-dot--approved{background:#10b981}.inbound-page .status-dot--cancelled{background:#ef4444}.inbound-page .source-icon{font-size:1rem;display:block;text-align:center}.inbound-page .td-time{font-size:.78rem;color:#374151;white-space:nowrap;font-variant-numeric:tabular-nums}.inbound-page .action-btns{display:flex;gap:.3rem;align-items:center}.inbound-page .btn-row--detail{height:24px;padding:0 .5rem;background:#fff!important;background-image:none!important;color:#374151!important;border:1px solid #d1d5db!important;border-radius:3px!important;box-shadow:none!important;cursor:pointer;font-size:.72rem;font-weight:500;white-space:nowrap;transition:all .15s}.inbound-page .btn-row--detail:hover{background:#f3f4f6!important;border-color:#9ca3af!important}.inbound-page .btn-row--post{height:24px;padding:0 .5rem;background:#2563eb!important;background-image:none!important;color:#fff!important;border:none!important;border-radius:3px!important;box-shadow:none!important;cursor:pointer;font-size:.72rem;font-weight:500;white-space:nowrap;transition:background .15s}.inbound-page .btn-row--post:hover{background:#1d4ed8!important}.inbound-page .empty-state{text-align:center;padding:3rem;color:#9ca3af;font-size:.875rem}.inbound-page .msg-error{font-size:.78rem;color:#dc2626;margin-bottom:.5rem;flex-shrink:0}.inbound-page .modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;display:flex;align-items:center;justify-content:center;z-index:2000;animation:fadeIn .15s}.inbound-page .modal-box{background:#fff;border-radius:8px;width:min(760px,92vw);max-height:80vh;display:flex;flex-direction:column;box-shadow:0 8px 24px #0000001f;animation:slideUp .18s}@keyframes slideUp{0%{transform:translateY(12px);opacity:0}to{transform:translateY(0);opacity:1}}.inbound-page .modal-header{display:flex;align-items:center;gap:.625rem;padding:.875rem 1rem .75rem;border-bottom:1px solid #f3f4f6;flex-shrink:0}.inbound-page .modal-header h3{margin:0;font-size:.9375rem;font-weight:600;color:#111827;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.inbound-page .modal-meta{font-size:.75rem;color:#9ca3af;white-space:nowrap}.inbound-page .modal-close{width:26px;height:26px;display:flex;align-items:center;justify-content:center;background:#f3f4f6!important;background-image:none!important;border:none!important;border-radius:50%!important;box-shadow:none!important;cursor:pointer;font-size:.75rem;color:#6b7280!important;flex-shrink:0;padding:0!important;transition:background .15s}.inbound-page .modal-close:hover{background:#e5e7eb!important;color:#111827!important}.inbound-page .modal-body{flex:1;min-height:0;overflow-y:auto;padding:.75rem 1rem 1rem}.inbound-page .detail-table{width:100%;border-collapse:collapse;font-size:.8rem}.inbound-page .detail-table th{padding:.35rem .75rem;text-align:left;font-size:.68rem;font-weight:700;color:#9ca3af;text-transform:uppercase;letter-spacing:.04em;background:#f8f9fa;border-bottom:1px solid #e5e7eb;white-space:nowrap;position:sticky;top:0}.inbound-page .detail-table td{padding:.375rem .75rem;border-bottom:1px solid #f3f4f6;color:#374151;vertical-align:middle}.inbound-page .detail-table tr:last-child td{border-bottom:none}.inbound-page .detail-table tbody tr:hover{background:#f9fafb}.inbound-page .btn{height:30px;padding:0 .875rem;border-radius:4px!important;border:1px solid transparent!important;cursor:pointer;font-size:.8125rem;font-weight:500;white-space:nowrap;transition:all .15s;box-shadow:none!important}.inbound-page .btn-primary{background:#2563eb!important;background-image:none!important;color:#fff!important;border-color:#2563eb!important}.inbound-page .btn-primary:hover{background:#1d4ed8!important}.inbound-page .btn-ghost{background:#fff!important;background-image:none!important;color:#374151!important;border-color:#d1d5db!important}.inbound-page .btn-ghost:hover{background:#f9fafb!important;border-color:#9ca3af!important}.tab-page:has(.outbound-page){padding:0;height:100%}.outbound-page{display:flex;flex-direction:column;height:100%;overflow:hidden;padding:1.25rem 1.5rem 1rem;box-sizing:border-box}.outbound-page .page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;flex-shrink:0}.outbound-page .page-header h1{margin:0;font-size:1.25rem;font-weight:600;color:#111827;letter-spacing:-.01em}.outbound-page .header-actions{display:flex;gap:.5rem;align-items:center}.outbound-page .filter-section{background:#fff;border:1px solid #e5e7eb;border-radius:6px;margin-bottom:.75rem;flex-shrink:0;overflow:hidden}.outbound-page .search-box{display:flex;flex-wrap:wrap;gap:.5rem;padding:.625rem .875rem;align-items:center}.outbound-page .search-box select,.outbound-page .search-box input[type=search],.outbound-page .search-box input[type=date]{height:30px;padding:0 .625rem;border:1px solid #d1d5db;border-radius:4px;font-size:.8125rem;background:#fafafa;color:#111827;transition:border-color .15s,box-shadow .15s;box-sizing:border-box;-webkit-appearance:auto;-moz-appearance:auto;appearance:auto}.outbound-page .search-box select:focus,.outbound-page .search-box input:focus{outline:none;border-color:#2563eb;background:#fff;box-shadow:0 0 0 2px #2563eb1a}.outbound-page .search-box .sel-warehouse{width:120px}.outbound-page .search-box .sel-customer{width:160px}.outbound-page .search-box .sel-biztype{width:120px}.outbound-page .search-box .inp-material{width:148px}.outbound-page .search-box .inp-date{width:128px}.outbound-page .search-sep{font-size:.75rem;color:#d1d5db;flex-shrink:0;line-height:30px}.outbound-page .search-actions{display:flex;gap:.375rem;align-items:center;margin-left:auto}.outbound-page .orders-table-wrap{flex:1;min-height:0;background:#fff;border:1px solid #e5e7eb;border-radius:6px;display:flex;flex-direction:column;overflow:hidden}.outbound-page .table-tabs{display:flex;gap:0;padding:0 .5rem;border-bottom:1px solid #e5e7eb;background:#fff;flex-shrink:0}.outbound-page .table-tabs .status-tab{padding:.45rem .875rem;background:transparent!important;background-image:none!important;border:none!important;border-bottom:2px solid transparent!important;border-radius:0!important;box-shadow:none!important;cursor:pointer;font-size:.8125rem;color:#6b7280!important;font-weight:400;white-space:nowrap;transition:color .15s;margin-bottom:-1px}.outbound-page .table-tabs .status-tab:hover{color:#374151!important}.outbound-page .table-tabs .status-tab.active{color:#2563eb!important;font-weight:600;border-bottom:2px solid #2563eb!important}.outbound-page .table-toolbar{display:flex;align-items:center;justify-content:space-between;padding:.35rem .875rem;border-bottom:1px solid #f3f4f6;background:#fafafa;flex-shrink:0;font-size:.78rem;color:#6b7280}.outbound-page .table-toolbar .pager{display:flex;align-items:center;gap:.5rem}.outbound-page .table-toolbar .pager button{height:24px;padding:0 .625rem;background:#fff!important;background-image:none!important;border:1px solid #d1d5db!important;border-radius:3px!important;box-shadow:none!important;cursor:pointer;font-size:.73rem;color:#374151!important;transition:all .12s}.outbound-page .table-toolbar .pager button:hover:not(:disabled){background:#f3f4f6!important;border-color:#9ca3af!important}.outbound-page .table-toolbar .pager button:disabled{opacity:.35;cursor:not-allowed}.outbound-page .table-scroll{flex:1;min-height:0;overflow:auto}.outbound-page .orders-table{width:100%;border-collapse:collapse;font-size:.8125rem;table-layout:fixed}.outbound-page .col-docno{width:15%}.outbound-page .col-biztype{width:90px}.outbound-page .col-source{width:44px}.outbound-page .col-time{width:14%}.outbound-page .col-warehouse{width:80px}.outbound-page .col-customer,.outbound-page .col-remark{width:14%}.outbound-page .col-status{width:88px}.outbound-page .col-lines{width:50px}.outbound-page .col-actions{width:96px}.outbound-page .orders-table thead tr{background:#f8f9fa;position:sticky;top:0;z-index:2}.outbound-page .orders-table thead tr:after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:#e5e7eb}.outbound-page .orders-table th{padding:.45rem .75rem;text-align:left;font-size:.7rem;font-weight:700;color:#9ca3af;text-transform:uppercase;letter-spacing:.05em;white-space:nowrap;border-bottom:1px solid #e5e7eb}.outbound-page .order-row{border-bottom:1px solid #f3f4f6;transition:background .1s}.outbound-page .order-row:last-child{border-bottom:none}.outbound-page .order-row:hover{background:#f5f8ff}.outbound-page .orders-table td{padding:.45rem .75rem;vertical-align:middle;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.outbound-page .td-docno{font-weight:600;color:#111827}.outbound-page .td-remark{font-size:.78rem;color:#9ca3af;margin-top:.15rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.outbound-page .biztype-badge{display:inline-flex;align-items:center;gap:.2rem;padding:0 .4rem;height:20px;border-radius:3px;font-size:.72rem;font-weight:500;white-space:nowrap;background:#f3f4f6;color:#374151}.outbound-page .status-badge{display:inline-flex;align-items:center;gap:.3rem;padding:0 .5rem;height:20px;border-radius:3px;font-size:.72rem;font-weight:600;white-space:nowrap}.outbound-page .status-dot{width:5px;height:5px;border-radius:50%;flex-shrink:0}.outbound-page .status-badge--draft{background:#f3f4f6;color:#6b7280}.outbound-page .status-badge--pending{background:#fffbeb;color:#b45309}.outbound-page .status-badge--approved{background:#d1fae5;color:#065f46}.outbound-page .status-badge--cancelled{background:#fee2e2;color:#991b1b}.outbound-page .status-dot--draft{background:#9ca3af}.outbound-page .status-dot--pending{background:#f59e0b}.outbound-page .status-dot--approved{background:#10b981}.outbound-page .status-dot--cancelled{background:#ef4444}.outbound-page .source-icon{font-size:1rem;display:block;text-align:center}.outbound-page .td-time{font-size:.78rem;color:#374151;white-space:nowrap;font-variant-numeric:tabular-nums}.outbound-page .td-remark-cell{font-size:.78rem;color:#9ca3af;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.outbound-page .action-btns{display:flex;gap:.3rem;align-items:center}.outbound-page .btn-row--detail{height:24px;padding:0 .5rem;background:#fff!important;background-image:none!important;color:#374151!important;border:1px solid #d1d5db!important;border-radius:3px!important;box-shadow:none!important;cursor:pointer;font-size:.72rem;font-weight:500;white-space:nowrap;transition:all .15s}.outbound-page .btn-row--detail:hover{background:#f3f4f6!important;border-color:#9ca3af!important}.outbound-page .btn-row--post{height:24px;padding:0 .5rem;background:#2563eb!important;background-image:none!important;color:#fff!important;border:none!important;border-radius:3px!important;box-shadow:none!important;cursor:pointer;font-size:.72rem;font-weight:500;white-space:nowrap;transition:background .15s}.outbound-page .btn-row--post:hover{background:#1d4ed8!important}.outbound-page .empty-state{text-align:center;padding:3rem;color:#9ca3af;font-size:.875rem}.outbound-page .msg-error{font-size:.78rem;color:#dc2626;margin-bottom:.5rem;flex-shrink:0}.outbound-page .modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;display:flex;align-items:center;justify-content:center;z-index:2000;animation:ob-fadeIn .15s}@keyframes ob-fadeIn{0%{opacity:0}to{opacity:1}}.outbound-page .modal-box{background:#fff;border-radius:8px;width:min(760px,92vw);max-height:80vh;display:flex;flex-direction:column;box-shadow:0 8px 24px #0000001f;animation:ob-slideUp .18s}@keyframes ob-slideUp{0%{transform:translateY(12px);opacity:0}to{transform:translateY(0);opacity:1}}.outbound-page .modal-header{display:flex;align-items:center;gap:.625rem;padding:.875rem 1rem .75rem;border-bottom:1px solid #f3f4f6;flex-shrink:0}.outbound-page .modal-header h3{margin:0;font-size:.9375rem;font-weight:600;color:#111827;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.outbound-page .modal-meta{font-size:.75rem;color:#9ca3af;white-space:nowrap}.outbound-page .modal-close{width:26px;height:26px;display:flex;align-items:center;justify-content:center;background:#f3f4f6!important;background-image:none!important;border:none!important;border-radius:50%!important;box-shadow:none!important;cursor:pointer;font-size:.75rem;color:#6b7280!important;flex-shrink:0;padding:0!important;transition:background .15s}.outbound-page .modal-close:hover{background:#e5e7eb!important;color:#111827!important}.outbound-page .modal-body{flex:1;min-height:0;overflow-y:auto;padding:.75rem 1rem 1rem}.outbound-page .detail-table{width:100%;border-collapse:collapse;font-size:.8rem}.outbound-page .detail-table th{padding:.35rem .75rem;text-align:left;font-size:.68rem;font-weight:700;color:#9ca3af;text-transform:uppercase;letter-spacing:.04em;background:#f8f9fa;border-bottom:1px solid #e5e7eb;white-space:nowrap;position:sticky;top:0}.outbound-page .detail-table td{padding:.375rem .75rem;border-bottom:1px solid #f3f4f6;color:#374151;vertical-align:middle}.outbound-page .detail-table tr:last-child td{border-bottom:none}.outbound-page .detail-table tbody tr:hover{background:#f9fafb}.outbound-page .btn{height:30px;padding:0 .875rem;border-radius:4px!important;border:1px solid transparent!important;cursor:pointer;font-size:.8125rem;font-weight:500;white-space:nowrap;transition:all .15s;box-shadow:none!important}.outbound-page .btn-primary{background:#2563eb!important;background-image:none!important;color:#fff!important;border-color:#2563eb!important}.outbound-page .btn-primary:hover{background:#1d4ed8!important}.outbound-page .btn-ghost{background:#fff!important;background-image:none!important;color:#374151!important;border-color:#d1d5db!important}.outbound-page .btn-ghost:hover{background:#f9fafb!important;border-color:#9ca3af!important}.tab-page:has(.cycle-page){padding:0;height:100%}.cycle-page{display:flex;flex-direction:column;height:100%;overflow:hidden;padding:1.25rem 1.5rem 1rem;box-sizing:border-box}.cycle-page .page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;flex-shrink:0}.cycle-page .page-header h1{margin:0;font-size:1.25rem;font-weight:600;color:#111827;letter-spacing:-.01em}.cycle-page .header-actions{display:flex;gap:.5rem;align-items:center}.cycle-page .filter-section{background:#fff;border:1px solid #e5e7eb;border-radius:6px;margin-bottom:.75rem;flex-shrink:0;overflow:hidden}.cycle-page .search-box{display:flex;flex-wrap:wrap;gap:.5rem;padding:.625rem .875rem;align-items:center}.cycle-page .search-box select{height:30px;padding:0 .625rem;border:1px solid #d1d5db;border-radius:4px;font-size:.8125rem;background:#fafafa;color:#111827;transition:border-color .15s,box-shadow .15s;box-sizing:border-box;-webkit-appearance:auto;-moz-appearance:auto;appearance:auto;width:160px}.cycle-page .search-box select:focus{outline:none;border-color:#2563eb;background:#fff;box-shadow:0 0 0 2px #2563eb1a}.cycle-page .search-actions{display:flex;gap:.375rem;align-items:center}.cycle-page .content-area{flex:1;min-height:0;display:grid;grid-template-columns:340px 1fr;gap:.75rem;overflow:hidden}.cycle-page .content-area.single{grid-template-columns:1fr}@media(max-width:900px){.cycle-page .content-area{grid-template-columns:1fr;overflow-y:auto}}.cycle-page .panel{background:#fff;border:1px solid #e5e7eb;border-radius:6px;display:flex;flex-direction:column;overflow:hidden;min-height:0}.cycle-page .panel-header{display:flex;align-items:center;justify-content:space-between;padding:.625rem 1rem;border-bottom:1px solid #e5e7eb;flex-shrink:0;background:#fff}.cycle-page .panel-title{font-size:.8125rem;font-weight:600;color:#374151}.cycle-page .panel-subtitle{font-size:.73rem;color:#9ca3af;margin-top:.1rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:240px}.cycle-page .panel-body{flex:1;min-height:0;overflow-y:auto}.cycle-page .session-table{width:100%;border-collapse:collapse;font-size:.8125rem}.cycle-page .session-table thead tr{background:#f8f9fa;position:sticky;top:0;z-index:2}.cycle-page .session-table thead tr:after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:#e5e7eb}.cycle-page .session-table th{padding:.45rem .75rem;text-align:left;font-size:.7rem;font-weight:700;color:#9ca3af;text-transform:uppercase;letter-spacing:.05em;white-space:nowrap;border-bottom:1px solid #e5e7eb}.cycle-page .session-row{border-bottom:1px solid #f3f4f6;transition:background .1s;cursor:pointer}.cycle-page .session-row:last-child{border-bottom:none}.cycle-page .session-row:hover{background:#f5f8ff}.cycle-page .session-row.active-row{background:#eff6ff}.cycle-page .session-table td{padding:.45rem .75rem;vertical-align:middle;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cycle-page .td-session-id{font-size:.72rem;font-family:monospace;color:#374151}.cycle-page .status-badge{display:inline-flex;align-items:center;gap:.3rem;padding:0 .5rem;height:20px;border-radius:3px;font-size:.72rem;font-weight:600;white-space:nowrap}.cycle-page .status-dot{width:5px;height:5px;border-radius:50%;flex-shrink:0}.cycle-page .status-badge--draft{background:#f3f4f6;color:#6b7280}.cycle-page .status-badge--posted{background:#d1fae5;color:#065f46}.cycle-page .status-badge--progress{background:#eff6ff;color:#2563eb}.cycle-page .status-dot--draft{background:#9ca3af}.cycle-page .status-dot--posted{background:#10b981}.cycle-page .status-dot--progress{background:#2563eb}.cycle-page .count-table{width:100%;border-collapse:collapse;font-size:.8125rem;table-layout:fixed}.cycle-page .col-system{width:80px}.cycle-page .col-counted{width:110px}.cycle-page .count-table thead tr{background:#f8f9fa;position:sticky;top:0;z-index:2}.cycle-page .count-table thead tr:after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:#e5e7eb}.cycle-page .count-table th{padding:.45rem .75rem;text-align:left;font-size:.7rem;font-weight:700;color:#9ca3af;text-transform:uppercase;letter-spacing:.05em;white-space:nowrap;border-bottom:1px solid #e5e7eb}.cycle-page .count-row{border-bottom:1px solid #f3f4f6;transition:background .1s}.cycle-page .count-row:last-child{border-bottom:none}.cycle-page .count-row:hover{background:#fafafa}.cycle-page .count-table td{padding:.4rem .75rem;vertical-align:middle}.cycle-page .td-material-code{font-size:.72rem;color:#9ca3af;font-family:monospace;margin-bottom:.1rem}.cycle-page .td-material-name{font-size:.8125rem;color:#111827;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cycle-page .td-system-qty{font-size:.8125rem;color:#374151;font-weight:600;font-variant-numeric:tabular-nums}.cycle-page .count-input{width:80px;height:28px;padding:0 .5rem;border:1px solid #d1d5db;border-radius:4px;font-size:.8125rem;background:#fff;color:#111827;text-align:right;font-variant-numeric:tabular-nums;transition:border-color .15s,box-shadow .15s;box-sizing:border-box}.cycle-page .count-input:focus{outline:none;border-color:#2563eb;box-shadow:0 0 0 2px #2563eb1a}.cycle-page .diff-positive{color:#dc2626;font-weight:600;font-size:.72rem}.cycle-page .diff-negative{color:#2563eb;font-weight:600;font-size:.72rem}.cycle-page .diff-zero{color:#9ca3af;font-size:.72rem}.cycle-page .panel-footer{display:flex;align-items:center;justify-content:flex-end;gap:.5rem;padding:.625rem 1rem;border-top:1px solid #f3f4f6;background:#fafafa;flex-shrink:0}.cycle-page .empty-state{text-align:center;padding:3rem 1rem;color:#9ca3af;font-size:.875rem}.cycle-page .empty-state p{margin:.25rem 0}.cycle-page .msg{font-size:.78rem;margin-bottom:.625rem;flex-shrink:0;padding:.375rem .625rem;border-radius:4px}.cycle-page .msg--success{background:#d1fae5;color:#065f46}.cycle-page .msg--error{background:#fee2e2;color:#991b1b}.cycle-page .btn{height:30px;padding:0 .875rem;border-radius:4px!important;border:1px solid transparent!important;cursor:pointer;font-size:.8125rem;font-weight:500;white-space:nowrap;transition:all .15s;box-shadow:none!important}.cycle-page .btn:disabled{opacity:.45;cursor:not-allowed}.cycle-page .btn-primary{background:#2563eb!important;background-image:none!important;color:#fff!important;border-color:#2563eb!important}.cycle-page .btn-primary:not(:disabled):hover{background:#1d4ed8!important}.cycle-page .btn-secondary{background:#fff!important;background-image:none!important;color:#374151!important;border-color:#d1d5db!important}.cycle-page .btn-secondary:not(:disabled):hover{background:#f9fafb!important;border-color:#9ca3af!important}.cycle-page .btn-warning{background:#d97706!important;background-image:none!important;color:#fff!important;border-color:#d97706!important}.cycle-page .btn-warning:not(:disabled):hover{background:#b45309!important}.cycle-page .btn-row--edit{height:24px;padding:0 .5rem;background:#fff!important;background-image:none!important;color:#374151!important;border:1px solid #d1d5db!important;border-radius:3px!important;box-shadow:none!important;cursor:pointer;font-size:.72rem;font-weight:500;white-space:nowrap;transition:all .15s}.cycle-page .btn-row--edit:hover{background:#f3f4f6!important;border-color:#9ca3af!important}.tab-page:has(.recon-page){padding:0;height:100%}.recon-page{display:flex;flex-direction:column;height:100%;overflow:hidden;padding:1.25rem 1.5rem 1rem}.recon-page .page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;flex-shrink:0}.recon-page .page-header h1{margin:0;font-size:1.25rem;font-weight:600;color:#111827;letter-spacing:-.01em}.recon-page .page-header p{margin:.2rem 0 0;font-size:.8125rem;color:#9ca3af}.recon-page .header-actions{display:flex;gap:.5rem;align-items:center}.recon-page .control-section{background:#fff;border:1px solid #e5e7eb;border-radius:6px;margin-bottom:.75rem;flex-shrink:0;overflow:hidden}.recon-page .control-grid{display:flex;align-items:flex-end;flex-wrap:wrap;gap:.625rem;padding:.75rem 1rem}.recon-page .control-field{display:flex;flex-direction:column;gap:.2rem;min-width:160px}.recon-page .control-field label{font-size:.73rem;font-weight:500;color:#6b7280}.recon-page .control-field select,.recon-page .control-field input[type=month]{height:32px;padding:0 .625rem;border:1px solid #d1d5db;border-radius:4px;font-size:.8125rem;background:#fafafa;color:#111827;transition:border-color .15s,box-shadow .15s;box-sizing:border-box}.recon-page .control-field select:focus,.recon-page .control-field input[type=month]:focus{outline:none;border-color:#2563eb;background:#fff;box-shadow:0 0 0 2px #2563eb1a}.recon-page .control-actions{display:flex;align-items:center;gap:.5rem;padding-bottom:2px}.recon-page .run-status{display:inline-flex;align-items:center;gap:.3rem;padding:0 .625rem;height:28px;border-radius:4px;font-size:.78rem;font-weight:600;white-space:nowrap}.recon-page .run-status--ok{background:#d1fae5;color:#065f46}.recon-page .run-status--pending{background:#f3f4f6;color:#6b7280}.recon-page .msg{font-size:.8125rem;margin-bottom:.625rem;flex-shrink:0;padding:.5rem .75rem;border-radius:4px}.recon-page .msg--success{background:#d1fae5;color:#065f46;border:1px solid #6ee7b7}.recon-page .msg--error{background:#fee2e2;color:#991b1b;border:1px solid #fca5a5}.recon-page .summary-section{background:#fff;border:1px solid #e5e7eb;border-radius:6px;margin-bottom:.75rem;flex-shrink:0;overflow:hidden}.recon-page .summary-header{padding:.625rem 1rem;border-bottom:1px solid #f3f4f6;font-size:.8125rem;font-weight:600;color:#374151}.recon-page .compare-grid{display:flex;align-items:center;gap:0;padding:1rem 1.5rem}.recon-page .compare-col{flex:1;text-align:center}.recon-page .compare-label{font-size:.72rem;font-weight:700;color:#9ca3af;text-transform:uppercase;letter-spacing:.05em;margin-bottom:.35rem}.recon-page .compare-value{font-size:1.75rem;font-weight:700;color:#111827;font-variant-numeric:tabular-nums;line-height:1.2}.recon-page .compare-value--success{color:#047857}.recon-page .compare-value--danger{color:#dc2626}.recon-page .compare-desc{font-size:.72rem;color:#9ca3af;margin-top:.25rem}.recon-page .compare-op{flex:0 0 40px;text-align:center;font-size:1.25rem;color:#d1d5db;font-weight:300}.recon-page .variance-summary{display:flex;gap:1.5rem;padding:.625rem 1rem;border-top:1px solid #f3f4f6;flex-shrink:0}.recon-page .variance-item{display:flex;align-items:center;gap:.4rem}.recon-page .variance-label{font-size:.73rem;color:#9ca3af}.recon-page .variance-value{font-size:.8125rem;font-weight:600;color:#374151;font-variant-numeric:tabular-nums}.recon-page .variance-value--danger{color:#dc2626}.recon-page .variance-value--success{color:#047857}.recon-page .content-area{flex:1;min-height:0;display:grid;grid-template-columns:1fr 340px;gap:.75rem;overflow:hidden}@media(max-width:960px){.recon-page .content-area{grid-template-columns:1fr;overflow-y:auto}}.recon-page .panel{background:#fff;border:1px solid #e5e7eb;border-radius:6px;display:flex;flex-direction:column;overflow:hidden;min-height:0}.recon-page .panel-header{display:flex;align-items:center;justify-content:space-between;padding:.625rem 1rem;border-bottom:1px solid #f3f4f6;flex-shrink:0}.recon-page .panel-title{font-size:.8125rem;font-weight:600;color:#374151}.recon-page .panel-body{flex:1;min-height:0;overflow-y:auto}.recon-page .data-table{width:100%;border-collapse:collapse;font-size:.8125rem}.recon-page .data-table thead tr{background:#f8f9fa;position:sticky;top:0;z-index:2}.recon-page .data-table thead tr:after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:#e5e7eb}.recon-page .data-table th{padding:.4rem .75rem;text-align:left;font-size:.68rem;font-weight:700;color:#9ca3af;text-transform:uppercase;letter-spacing:.05em;white-space:nowrap;border-bottom:1px solid #e5e7eb}.recon-page .data-table th.text-right,.recon-page .data-table td.text-right{text-align:right}.recon-page .data-table td{padding:.4rem .75rem;border-bottom:1px solid #f3f4f6;color:#374151;vertical-align:middle}.recon-page .data-table tr:last-child td{border-bottom:none}.recon-page .data-table .row-active td{background:#eff6ff}.recon-page .data-table tbody tr{cursor:pointer;transition:background .1s}.recon-page .data-table tbody tr:hover{background:#f5f8ff}.recon-page .text-danger{color:#dc2626;font-weight:600}.recon-page .text-success{color:#047857;font-weight:600}.recon-page .status-badge{display:inline-flex;align-items:center;gap:.3rem;padding:0 .5rem;height:20px;border-radius:3px;font-size:.72rem;font-weight:600;white-space:nowrap}.recon-page .status-badge--ok{background:#d1fae5;color:#065f46}.recon-page .status-badge--pending{background:#f3f4f6;color:#6b7280}.recon-page .info-bar{display:flex;gap:1.5rem;flex-wrap:wrap;padding:.625rem 1rem;background:#f9fafb;border-top:1px solid #f3f4f6;flex-shrink:0}.recon-page .info-item{display:flex;align-items:baseline;gap:.4rem}.recon-page .info-label{font-size:.73rem;font-weight:600;color:#374151;white-space:nowrap}.recon-page .info-desc{font-size:.73rem;color:#9ca3af}.recon-page .empty-state{text-align:center;padding:3rem 1rem;color:#9ca3af;font-size:.875rem}.recon-page .empty-state p{margin:.25rem 0}.recon-page .btn{height:32px;padding:0 1rem;border-radius:4px!important;border:1px solid transparent;cursor:pointer;font-size:.8125rem;font-weight:500;white-space:nowrap;transition:all .15s;box-shadow:none!important}.recon-page .btn:disabled{opacity:.45;cursor:not-allowed}.recon-page .btn-primary{background:#2563eb!important;background-image:none!important;color:#fff!important;border-color:#2563eb!important}.recon-page .btn-primary:not(:disabled):hover{background:#1d4ed8!important}.recon-page .btn-secondary{background:#fff!important;background-image:none!important;color:#374151!important;border-color:#d1d5db!important}.recon-page .btn-secondary:not(:disabled):hover{background:#f9fafb!important;border-color:#9ca3af!important}.recon-page .btn-ghost{height:26px;padding:0 .625rem;background:none!important;background-image:none!important;border:1px solid #d1d5db!important;border-radius:4px!important;box-shadow:none!important;cursor:pointer;font-size:.73rem;color:#6b7280!important;transition:all .15s}.recon-page .btn-ghost:not(:disabled):hover{background:#f3f4f6!important;color:#374151!important}.transfers-page{display:flex;flex-direction:column;gap:1.25rem}.transfers-section-title{font-size:1rem;font-weight:700;color:var(--text);margin:0 0 1rem}.transfers-form-card .filter-bar{margin-bottom:0;border:none;padding:0;box-shadow:none;background:transparent}.transfers-material-field input{min-width:220px}.transfers-table-toolbar{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.75rem;margin-bottom:.85rem}.transfers-toolbar-right{display:flex;align-items:flex-end;gap:.5rem}.transfers-toolbar-right .filter-item{margin-bottom:0}.transfers-col-docno{font-family:ui-monospace,Cascadia Code,monospace;font-size:.85rem;color:var(--brand);white-space:nowrap}.transfers-col-time{font-size:.85rem;color:var(--muted);white-space:nowrap}.transfers-col-lines{min-width:160px}.transfers-line-item{display:flex;align-items:center;gap:.4rem;padding:.1rem 0;font-size:.83rem}.transfers-line-code{font-family:ui-monospace,Cascadia Code,monospace;color:var(--text)}.transfers-line-qty{color:var(--muted)}.transfer-status{display:inline-flex;align-items:center;gap:.3rem;padding:.2rem .6rem;border-radius:6px;font-size:.78rem;font-weight:600;white-space:nowrap}.transfer-status:before{content:"";display:inline-block;width:6px;height:6px;border-radius:50%;flex-shrink:0}.transfer-status--posted{background:#dcfce7;color:#166534}.transfer-status--posted:before{background:#16a34a}.transfer-status--draft{background:#f1f5f9;color:#475569}.transfer-status--draft:before{background:#94a3b8}.transfer-status--cancelled{background:#fee2e2;color:#991b1b}.transfer-status--cancelled:before{background:#dc2626}.tab-page:has(.settle-page){padding:0;height:100%}.settle-page{display:flex;flex-direction:column;height:100%;overflow:hidden;padding:1.25rem 1.5rem 1rem;box-sizing:border-box}.settle-page .page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;flex-shrink:0}.settle-page .page-header h1{margin:0;font-size:1.25rem;font-weight:600;color:#111827;letter-spacing:-.01em}.settle-page .header-actions{display:flex;gap:.5rem;align-items:center}.settle-page .filter-section{background:#fff;border:1px solid #e5e7eb;border-radius:6px;margin-bottom:.75rem;flex-shrink:0;overflow:hidden}.settle-page .search-box{display:flex;flex-wrap:wrap;gap:.5rem;padding:.625rem .875rem;align-items:center}.settle-page .search-box select,.settle-page .search-box input[type=date]{height:30px;padding:0 .625rem;border:1px solid #d1d5db;border-radius:4px;font-size:.8125rem;background:#fafafa;color:#111827;transition:border-color .15s,box-shadow .15s;box-sizing:border-box;-webkit-appearance:auto;-moz-appearance:auto;appearance:auto}.settle-page .search-box select:focus,.settle-page .search-box input:focus{outline:none;border-color:#2563eb;background:#fff;box-shadow:0 0 0 2px #2563eb1a}.settle-page .search-box .sel-warehouse{width:120px}.settle-page .search-box .sel-supplier{width:160px}.settle-page .search-box .sel-biztype{width:110px}.settle-page .search-box .inp-date{width:128px}.settle-page .search-sep{font-size:.75rem;color:#d1d5db;flex-shrink:0;line-height:30px}.settle-page .search-actions{display:flex;gap:.375rem;align-items:center;margin-left:auto}.settle-page .orders-table-wrap{flex:1;min-height:0;background:#fff;border:1px solid #e5e7eb;border-radius:6px;display:flex;flex-direction:column;overflow:hidden}.settle-page .table-tabs{display:flex;gap:0;padding:0 .5rem;border-bottom:1px solid #e5e7eb;background:#fff;flex-shrink:0}.settle-page .table-tabs .status-tab{padding:.45rem .875rem;background:transparent!important;background-image:none!important;border:none!important;border-bottom:2px solid transparent!important;border-radius:0!important;box-shadow:none!important;cursor:pointer;font-size:.8125rem;color:#6b7280!important;font-weight:400;white-space:nowrap;transition:color .15s;margin-bottom:-1px}.settle-page .table-tabs .status-tab:hover{color:#374151!important}.settle-page .table-tabs .status-tab.active{color:#2563eb!important;font-weight:600;border-bottom:2px solid #2563eb!important}.settle-page .table-toolbar{display:flex;align-items:center;justify-content:space-between;padding:.375rem .875rem;border-bottom:1px solid #f3f4f6;background:#fafafa;flex-shrink:0;font-size:.78rem;color:#6b7280;gap:.75rem}.settle-page .toolbar-summary{display:flex;align-items:center;gap:.625rem;flex:1;min-width:0}.settle-page .toolbar-summary .amount-label{color:#9ca3af}.settle-page .toolbar-summary .amount-value{font-size:.9375rem;font-weight:700;color:#111827;font-variant-numeric:tabular-nums}.settle-page .toolbar-summary .count-badge{font-size:.72rem;color:#6b7280}.settle-page .toolbar-right,.settle-page .pager{display:flex;align-items:center;gap:.5rem}.settle-page .pager button{height:24px;padding:0 .625rem;background:#fff!important;background-image:none!important;border:1px solid #d1d5db!important;border-radius:3px!important;box-shadow:none!important;cursor:pointer;font-size:.73rem;color:#374151!important;transition:all .12s}.settle-page .pager button:hover:not(:disabled){background:#f3f4f6!important;border-color:#9ca3af!important}.settle-page .pager button:disabled{opacity:.35;cursor:not-allowed}.settle-page .table-scroll{flex:1;min-height:0;overflow:auto}.settle-page .orders-table{width:100%;border-collapse:collapse;font-size:.8125rem;table-layout:fixed}.settle-page .col-docno{width:16%}.settle-page .col-biztype{width:90px}.settle-page .col-source{width:44px}.settle-page .col-supplier{width:16%}.settle-page .col-date{width:90px}.settle-page .col-amount{width:100px;text-align:right}.settle-page .col-status{width:88px}.settle-page .col-actions{width:110px}.settle-page .orders-table thead tr{background:#f8f9fa;position:sticky;top:0;z-index:2}.settle-page .orders-table thead tr:after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:#e5e7eb}.settle-page .orders-table th{padding:.45rem .75rem;text-align:left;font-size:.7rem;font-weight:700;color:#9ca3af;text-transform:uppercase;letter-spacing:.05em;white-space:nowrap;border-bottom:1px solid #e5e7eb}.settle-page .orders-table th.text-right{text-align:right}.settle-page .order-row{border-bottom:1px solid #f3f4f6;transition:background .1s}.settle-page .order-row:last-child{border-bottom:none}.settle-page .order-row:hover{background:#f5f8ff}.settle-page .orders-table td{padding:.45rem .75rem;vertical-align:middle;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.settle-page .orders-table td.text-right{text-align:right}.settle-page .td-docno{font-weight:600;color:#111827}.settle-page .td-amount{font-weight:600;color:#111827;font-variant-numeric:tabular-nums}.settle-page .biztype-badge{display:inline-flex;align-items:center;gap:.2rem;padding:0 .4rem;height:20px;border-radius:3px;font-size:.72rem;font-weight:500;white-space:nowrap;background:#f3f4f6;color:#374151}.settle-page .status-badge{display:inline-flex;align-items:center;gap:.3rem;padding:0 .5rem;height:20px;border-radius:3px;font-size:.72rem;font-weight:600;white-space:nowrap}.settle-page .status-dot{width:5px;height:5px;border-radius:50%;flex-shrink:0}.settle-page .status-badge--pending{background:#fffbeb;color:#b45309}.settle-page .status-badge--settled{background:#d1fae5;color:#065f46}.settle-page .status-dot--pending{background:#f59e0b}.settle-page .status-dot--settled{background:#10b981}.settle-page .source-icon{font-size:1rem;display:block;text-align:center}.settle-page .td-date{font-size:.78rem;color:#374151;white-space:nowrap;font-variant-numeric:tabular-nums}.settle-page .action-btns{display:flex;gap:.3rem;align-items:center}.settle-page .btn-row--detail{height:24px;padding:0 .5rem;background:#fff!important;background-image:none!important;color:#374151!important;border:1px solid #d1d5db!important;border-radius:3px!important;box-shadow:none!important;cursor:pointer;font-size:.72rem;font-weight:500;white-space:nowrap;transition:all .15s}.settle-page .btn-row--detail:hover{background:#f3f4f6!important;border-color:#9ca3af!important}.settle-page .btn-row--settle{height:24px;padding:0 .5rem;background:#2563eb!important;background-image:none!important;color:#fff!important;border:none!important;border-radius:3px!important;box-shadow:none!important;cursor:pointer;font-size:.72rem;font-weight:500;white-space:nowrap;transition:background .15s}.settle-page .btn-row--settle:hover{background:#1d4ed8!important}.settle-page .btn-row--settle:disabled{opacity:.45;cursor:not-allowed}.settle-page .empty-state{text-align:center;padding:3rem;color:#9ca3af;font-size:.875rem}.settle-page .msg{font-size:.78rem;margin-bottom:.5rem;flex-shrink:0;padding:.375rem .625rem;border-radius:4px}.settle-page .msg--success{background:#d1fae5;color:#065f46}.settle-page .msg--error{background:#fee2e2;color:#991b1b}.settle-page .modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;display:flex;align-items:center;justify-content:center;z-index:2000;animation:sp-fadeIn .15s}@keyframes sp-fadeIn{0%{opacity:0}to{opacity:1}}.settle-page .modal-box{background:#fff;border-radius:8px;width:min(640px,92vw);max-height:80vh;display:flex;flex-direction:column;box-shadow:0 8px 24px #0000001f;animation:sp-slideUp .18s}@keyframes sp-slideUp{0%{transform:translateY(12px);opacity:0}to{transform:translateY(0);opacity:1}}.settle-page .modal-header{display:flex;align-items:center;gap:.625rem;padding:.875rem 1rem .75rem;border-bottom:1px solid #f3f4f6;flex-shrink:0}.settle-page .modal-header h3{margin:0;font-size:.9375rem;font-weight:600;color:#111827;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.settle-page .modal-meta{font-size:.75rem;color:#9ca3af;white-space:nowrap}.settle-page .modal-close{width:26px;height:26px;display:flex;align-items:center;justify-content:center;background:#f3f4f6!important;background-image:none!important;border:none!important;border-radius:50%!important;box-shadow:none!important;cursor:pointer;font-size:.75rem;color:#6b7280!important;flex-shrink:0;padding:0!important;transition:background .15s}.settle-page .modal-close:hover{background:#e5e7eb!important;color:#111827!important}.settle-page .modal-body{flex:1;min-height:0;overflow-y:auto;padding:0}.settle-page .modal-total-bar{display:flex;align-items:center;justify-content:space-between;padding:.5rem 1rem;background:#f9fafb;border-bottom:1px solid #f3f4f6;font-size:.8125rem}.settle-page .modal-total-bar .total-label{color:#6b7280}.settle-page .modal-total-bar .total-value{font-weight:700;font-size:1rem;color:#111827;font-variant-numeric:tabular-nums}.settle-page .detail-table{width:100%;border-collapse:collapse;font-size:.8rem}.settle-page .detail-table th{padding:.35rem .75rem;text-align:left;font-size:.68rem;font-weight:700;color:#9ca3af;text-transform:uppercase;letter-spacing:.04em;background:#f8f9fa;border-bottom:1px solid #e5e7eb;white-space:nowrap;position:sticky;top:0}.settle-page .detail-table th.text-right{text-align:right}.settle-page .detail-table td{padding:.375rem .75rem;border-bottom:1px solid #f3f4f6;color:#374151;vertical-align:middle}.settle-page .detail-table td.text-right{text-align:right}.settle-page .detail-table tr:last-child td{border-bottom:none}.settle-page .detail-table tbody tr:hover{background:#f9fafb}.settle-page .btn{height:30px;padding:0 .875rem;border-radius:4px!important;border:1px solid transparent!important;cursor:pointer;font-size:.8125rem;font-weight:500;white-space:nowrap;transition:all .15s;box-shadow:none!important}.settle-page .btn:disabled{opacity:.45;cursor:not-allowed}.settle-page .btn-primary{background:#2563eb!important;background-image:none!important;color:#fff!important;border-color:#2563eb!important}.settle-page .btn-primary:not(:disabled):hover{background:#1d4ed8!important}.settle-page .btn-warning{background:#d97706!important;background-image:none!important;color:#fff!important;border-color:#d97706!important}.settle-page .btn-warning:not(:disabled):hover{background:#b45309!important}.settle-page .btn-ghost{background:#fff!important;background-image:none!important;color:#374151!important;border-color:#d1d5db!important}.settle-page .btn-ghost:not(:disabled):hover{background:#f9fafb!important;border-color:#9ca3af!important}.apc-page{padding:1.5rem 2rem}.apc-subtitle{margin:.25rem 0 0;font-size:.875rem;color:var(--muted)}.apc-layout{display:grid;grid-template-columns:240px 1fr;gap:1.25rem;align-items:start;margin-top:1.25rem}.apc-menu{background:#fff;border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden}.apc-menu-item{width:100%;display:flex;align-items:center;gap:.65rem;padding:.8rem 1rem;background:none;border:none;border-bottom:1px solid var(--border);cursor:pointer;text-align:left;transition:background .13s}.apc-menu-item:last-child{border-bottom:none}.apc-menu-item:hover{background:#f8fafc}.apc-menu-item--active{background:linear-gradient(90deg,#eff6ff,#f5f3ff);border-left:3px solid var(--brand)}.apc-menu-icon{font-size:1.1rem;flex-shrink:0}.apc-menu-text{flex:1;display:flex;flex-direction:column;gap:.2rem;min-width:0}.apc-menu-label{font-size:.875rem;font-weight:500;color:#1e293b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.apc-menu-arrow{font-size:1rem;color:var(--brand);font-weight:700}.apc-status-dot{font-size:.72rem;font-weight:500}.apc-status-dot--on{color:#16a34a}.apc-status-dot--off{color:#94a3b8}.apc-status-dot--none{color:#cbd5e1}.apc-panel{background:#fff;border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);display:flex;flex-direction:column;overflow:hidden}.apc-panel-header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;padding:1.25rem 1.5rem;border-bottom:1px solid var(--border);background:#f8fafc}.apc-panel-title{display:flex;align-items:flex-start;gap:.75rem}.apc-panel-icon{font-size:1.5rem;flex-shrink:0;margin-top:.1rem}.apc-panel-h2{margin:0 0 .2rem;font-size:1.05rem;font-weight:700;color:#0f172a}.apc-panel-desc{margin:0;font-size:.82rem;color:var(--muted)}.apc-panel-actions{flex-shrink:0}.apc-section{padding:1.25rem 1.5rem;border-bottom:1px solid var(--border)}.apc-section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.75rem}.apc-field-label{display:block;font-size:.82rem;font-weight:600;color:#475569;margin-bottom:.5rem;text-transform:uppercase;letter-spacing:.04em}.apc-input{width:100%;padding:.5rem .75rem;border:1px solid #d1d5db;border-radius:8px;font:inherit;font-size:.875rem;color:#1e293b;background:#fff;transition:border-color .13s;box-sizing:border-box}.apc-input:focus{outline:none;border-color:var(--brand);box-shadow:0 0 0 3px #2563eb1a}.apc-steps{display:flex;flex-direction:column;gap:.85rem}.apc-step{border:1px solid var(--border);border-radius:10px;padding:1rem 1.1rem;background:#fafafa;transition:border-color .13s}.apc-step:hover{border-color:#c7d2fe}.apc-step-header{display:flex;align-items:center;gap:.65rem;margin-bottom:.75rem}.apc-step-num{width:1.75rem;height:1.75rem;background:var(--brand);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.78rem;font-weight:700;flex-shrink:0}.apc-step-name{flex:1;min-width:0}.apc-toggle-label{display:flex;align-items:center;gap:.4rem;cursor:pointer;white-space:nowrap}.apc-toggle-cb{cursor:pointer;accent-color:var(--brand)}.apc-toggle-text{font-size:.82rem;color:#374151}.apc-remove-btn{background:none;border:1px solid #fca5a5;color:#ef4444;border-radius:6px;padding:.25rem .5rem;font-size:.78rem;cursor:pointer;flex-shrink:0;transition:all .13s}.apc-remove-btn:hover{background:#fee2e2}.apc-approvers-label{font-size:.78rem;color:var(--muted);margin-bottom:.45rem}.apc-approvers{display:flex;flex-wrap:wrap;gap:.4rem;min-height:2.2rem}.apc-approvers-empty{font-size:.82rem;color:#cbd5e1;padding:.2rem 0}.apc-approver-chip{display:flex;align-items:center;gap:.4rem;padding:.3rem .65rem;border:1px solid var(--border);border-radius:6px;background:#fff;color:#374151;font-size:.82rem;cursor:pointer;transition:all .13s;-webkit-user-select:none;user-select:none}.apc-approver-chip:hover{border-color:var(--brand);color:var(--brand);background:#eff6ff}.apc-approver-chip--selected{background:var(--brand);color:#fff;border-color:var(--brand)}.apc-approver-chip--selected:hover{background:#1d4ed8;border-color:#1d4ed8;color:#fff}.apc-approver-avatar{width:1.2rem;height:1.2rem;border-radius:50%;background:#ffffff4d;color:inherit;font-size:.7rem;font-weight:700;display:flex;align-items:center;justify-content:center}.apc-approver-chip:not(.apc-approver-chip--selected) .apc-approver-avatar{background:#e0e7ff;color:var(--brand)}.apc-step-error{margin:.35rem 0 0;font-size:.78rem;color:#ef4444}.apc-flow-preview{display:flex;align-items:center;gap:0;margin-top:1rem;padding:.75rem 1rem;background:#f1f5f9;border-radius:8px;overflow-x:auto}.apc-flow-node{display:flex;align-items:center;gap:0;flex-shrink:0}.apc-flow-dot{width:.65rem;height:.65rem;border-radius:50%;background:var(--brand);flex-shrink:0}.apc-flow-dot--end{background:#16a34a}.apc-flow-node-label{font-size:.72rem;color:#475569;margin:0 .35rem;white-space:nowrap}.apc-flow-line{width:2rem;height:1px;background:#94a3b8;flex-shrink:0}.apc-footer{display:flex;align-items:center;gap:.75rem;padding:1rem 1.5rem;background:#f8fafc;border-top:1px solid var(--border)}.apc-dirty-hint{font-size:.8rem;color:#f59e0b;font-weight:500}.apc-msg{font-size:.85rem;font-weight:500;padding:.3rem .75rem;border-radius:6px}.apc-msg--ok{background:#f0fdf4;color:#16a34a;border:1px solid #bbf7d0}.apc-msg--err{background:#fef2f2;color:#dc2626;border:1px solid #fecaca}@media(max-width:768px){.apc-layout{grid-template-columns:1fr}.apc-menu{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}.apc-menu-item{border-bottom:none;border-right:1px solid var(--border);flex-direction:column;align-items:flex-start;padding:.65rem .75rem}.apc-menu-arrow{display:none}}.tab-page:has(.production-orders-page--pallet){padding:0;height:100%}.production-orders-page{padding:1.25rem 1.5rem 1rem}.production-orders-page--pallet{display:flex;flex-direction:column;height:100%;overflow:hidden}.production-orders-page .page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;flex-shrink:0}.production-orders-page .page-header h1{margin:0;font-size:1.25rem;font-weight:600;color:#111827;letter-spacing:-.01em}.production-orders-page .header-actions{display:flex;gap:.5rem;align-items:center}.production-orders-page .filter-section{background:#fff;border:1px solid #e5e7eb;border-radius:6px;margin-bottom:.75rem;flex-shrink:0;overflow:hidden}.production-orders-page .search-box{display:flex;gap:.5rem;padding:.75rem 1rem;border-bottom:1px solid #f3f4f6;align-items:center}.production-orders-page .search-box input{flex:1;height:32px;padding:0 .75rem;border:1px solid #d1d5db;border-radius:4px;font-size:.8125rem;color:#111827;background:#fafafa;transition:border-color .15s,box-shadow .15s}.production-orders-page .search-box input:focus{outline:none;border-color:#2563eb;background:#fff;box-shadow:0 0 0 2px #2563eb1a}.production-orders-page .search-box button{height:32px;padding:0 1rem;background:#2563eb!important;background-image:none!important;color:#fff!important;border:none!important;border-radius:4px!important;box-shadow:none!important;cursor:pointer;font-size:.8125rem;font-weight:500;white-space:nowrap;transition:background .15s}.production-orders-page .search-box button:hover{background:#1d4ed8!important}.production-orders-page .btn-adv-filter{height:32px;padding:0 .875rem;background:#fff!important;background-image:none!important;color:#374151!important;border:1px solid #d1d5db!important;border-radius:4px!important;box-shadow:none!important;cursor:pointer;font-size:.8125rem;white-space:nowrap;transition:all .15s}.production-orders-page .btn-adv-filter:hover{background:#f9fafb!important;border-color:#9ca3af!important}.production-orders-page .btn-adv-filter.active{background:#eff6ff!important;color:#2563eb!important;border-color:#93c5fd!important}.production-orders-page .adv-filter-panel{background:#f9fafb;border-bottom:1px solid #e5e7eb;padding:.75rem 1rem}.production-orders-page .adv-filter-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:.625rem;margin-bottom:.625rem}@media(max-width:900px){.production-orders-page .adv-filter-grid{grid-template-columns:repeat(2,1fr)}}.production-orders-page .adv-filter-grid label{display:flex;flex-direction:column;gap:.2rem}.production-orders-page .adv-filter-grid label span{font-size:.73rem;font-weight:500;color:#6b7280}.production-orders-page .adv-filter-grid input{height:30px;padding:0 .625rem;border:1px solid #d1d5db;border-radius:4px;font-size:.8125rem;background:#fff;color:#111827}.production-orders-page .adv-filter-grid input:focus{outline:none;border-color:#2563eb;box-shadow:0 0 0 2px #2563eb1a}.production-orders-page .adv-filter-actions{display:flex;gap:.5rem;justify-content:flex-end}.production-orders-page .btn-sm{height:28px;padding:0 .875rem;font-size:.78rem}.production-orders-page .status-tabs{display:flex;gap:0;padding:0 .5rem}.production-orders-page .status-tabs .status-tab{padding:.5rem 1rem;background:transparent!important;background-image:none!important;border:none!important;border-bottom:2px solid transparent!important;border-radius:0!important;box-shadow:none!important;cursor:pointer;font-size:.8125rem;color:#6b7280!important;font-weight:400;white-space:nowrap;transition:color .15s;margin-bottom:-1px}.production-orders-page .status-tabs .status-tab:hover{color:#374151!important;background:transparent!important}.production-orders-page .status-tabs .status-tab.active{color:#2563eb!important;font-weight:600;border-bottom:2px solid #2563eb!important;background:transparent!important}.production-orders-page .loading,.production-orders-page .empty{text-align:center;padding:3rem;color:#9ca3af;font-size:.875rem}.production-orders-page--pallet .orders-table-wrap{flex:1;min-height:0}.production-orders-page .orders-table-wrap{background:#fff;border:1px solid #e5e7eb;border-radius:6px}.production-orders-page .orders-table{width:100%;border-collapse:collapse;font-size:.8125rem;table-layout:fixed}.production-orders-page .col-check{width:36px}.production-orders-page .col-order{width:17%}.production-orders-page .col-date,.production-orders-page .col-delivery{width:88px}.production-orders-page .col-specs{width:80px}.production-orders-page .col-order-status,.production-orders-page .col-produce-status{width:90px}.production-orders-page .col-progress{width:17%}.production-orders-page .col-actions{width:140px}.production-orders-page .orders-table thead tr{background:#f8f9fa;position:sticky;top:0;z-index:2}.production-orders-page .orders-table thead tr:after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:#e5e7eb}.production-orders-page .orders-table th{padding:.5rem .75rem;text-align:left;font-size:.7rem;font-weight:700;color:#9ca3af;text-transform:uppercase;letter-spacing:.05em;white-space:nowrap;border-bottom:1px solid #e5e7eb}.production-orders-page th.col-check,.production-orders-page td.col-check{text-align:center}.production-orders-page .order-row{border-bottom:1px solid #f3f4f6;cursor:pointer;transition:background .1s}.production-orders-page .order-row:last-child{border-bottom:none}.production-orders-page .order-row:hover{background:#f5f8ff}.production-orders-page .orders-table td{padding:.5rem .75rem;vertical-align:middle;overflow:hidden}.production-orders-page .col-check input[type=checkbox]{width:14px;height:14px;cursor:pointer;accent-color:#2563eb;display:block;margin:0 auto}.production-orders-page .td-contract{font-weight:600;font-size:.8125rem;color:#111827;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.production-orders-page .td-customer{font-size:.73rem;color:#9ca3af;margin-top:.1rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.production-orders-page .force-badge{display:inline-flex;align-items:center;margin-top:.15rem;padding:0 .375rem;height:16px;border-radius:3px;font-size:.65rem;font-weight:600;background:#fff7ed;color:#c2410c;border:1px solid #fed7aa;white-space:nowrap}.production-orders-page .td-date,.production-orders-page .td-delivery-standalone{font-size:.78rem;color:#374151;white-space:nowrap;font-variant-numeric:tabular-nums}.production-orders-page .col-progress-produce .progress-row-inline,.production-orders-page .col-progress-ship .progress-row-inline{width:100%;gap:.5rem}.production-orders-page .order-lines-btn{display:inline-flex;align-items:center;height:auto;padding:0;background:none!important;background-image:none!important;color:#2563eb!important;border:none!important;border-radius:0!important;box-shadow:none!important;font-size:.8125rem;font-weight:500;cursor:pointer;white-space:nowrap;text-decoration:underline;text-decoration-color:#bfdbfe;text-underline-offset:2px;transition:color .15s}.production-orders-page .order-lines-btn:hover{background:none!important;color:#1d4ed8!important;text-decoration-color:#2563eb}.production-orders-page .td-pallets{font-size:.72rem;color:#9ca3af;margin-top:.2rem}.production-orders-page .status-cell{display:flex;flex-direction:column;gap:.2rem;align-items:flex-start}.production-orders-page .status-badge{display:inline-flex;align-items:center;gap:.3rem;padding:0 .5rem;height:20px;border-radius:3px;font-size:.72rem;font-weight:600;white-space:nowrap}.production-orders-page .status-dot{width:5px;height:5px;border-radius:50%;flex-shrink:0}.production-orders-page .display-status-badge{display:inline-flex;align-items:center;gap:.25rem;padding:0;height:auto;background:none;border:none;font-size:.72rem;font-weight:500;white-space:nowrap}.production-orders-page .display-status-badge .status-dot{width:4px;height:4px}.production-orders-page .order-progress{display:flex;flex-direction:column;gap:.28rem}.production-orders-page .progress-row-inline{display:flex;align-items:center;gap:.375rem}.production-orders-page .progress-label-sm{font-size:.68rem;color:#9ca3af;width:20px;flex-shrink:0;text-align:right}.production-orders-page .progress-label-sm--sub{color:#a78bfa}.production-orders-page .progress-bar-sm{flex:1;min-width:0;height:5px;background:#e5e7eb;border-radius:3px;overflow:hidden}.production-orders-page .progress-bar-sm--sub{background:#ede9fe}.production-orders-page .progress-fill-sm{height:100%;background:#3b82f6;border-radius:2px;transition:width .4s ease-out}.production-orders-page .progress-fill-sm--shipped{background:#7c3aed}.production-orders-page .progress-fill-sm--done{background:#10b981}.production-orders-page .progress-pct-sm{font-size:.68rem;font-weight:600;color:#6b7280;width:28px;flex-shrink:0;text-align:right;font-variant-numeric:tabular-nums}.production-orders-page .td-no-progress{color:#d1d5db}.production-orders-page .action-btns{display:flex;align-items:center;gap:.3rem}.production-orders-page .btn-row--primary{height:26px;padding:0 .625rem;background:#2563eb!important;background-image:none!important;color:#fff!important;border:none!important;border-radius:4px!important;box-shadow:none!important;cursor:pointer;font-size:.73rem;font-weight:500;white-space:nowrap;transition:background .15s;flex-shrink:0}.production-orders-page .btn-row--primary:hover{background:#1d4ed8!important}.production-orders-page .btn-more{position:relative;width:26px;height:26px;display:flex;align-items:center;justify-content:center;background:#fff!important;background-image:none!important;border:1px solid #d1d5db!important;border-radius:4px!important;box-shadow:none!important;cursor:pointer;color:#6b7280!important;font-size:.9rem;letter-spacing:.05em;flex-shrink:0;padding:0!important;transition:all .15s}.production-orders-page .btn-more:hover{background:#f3f4f6!important;border-color:#9ca3af!important;color:#374151!important}.production-orders-page .dropdown-wrap{position:relative;display:inline-flex}.production-orders-page .dropdown-menu{position:fixed;min-width:116px;background:#fff;border:1px solid #e5e7eb;border-radius:6px;box-shadow:0 6px 16px #0000001a,0 1px 4px #0000000f;z-index:1000;overflow:hidden;animation:dropdownIn .12s ease-out}@keyframes dropdownIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.production-orders-page .dropdown-item{display:flex;align-items:center;gap:.4rem;width:100%;padding:.45rem .75rem;background:none!important;background-image:none!important;border:none!important;border-radius:0!important;box-shadow:none!important;cursor:pointer;font-size:.8rem;font-weight:400;color:#374151!important;text-align:left;white-space:nowrap;transition:background .1s}.production-orders-page .dropdown-item:hover{background:#f9fafb!important}.production-orders-page .dropdown-item:disabled{opacity:.45;cursor:not-allowed}.production-orders-page .dropdown-item--warning{color:#d97706!important}.production-orders-page .dropdown-item--warning:hover{background:#fffbeb!important}.production-orders-page .dropdown-item--danger{color:#dc2626!important}.production-orders-page .dropdown-item--danger:hover{background:#fef2f2!important}.production-orders-page .dropdown-divider{height:1px;background:#f3f4f6;margin:.2rem 0}.production-orders-page .table-selection-bar{padding:.4rem .875rem;background:#eff6ff;border-top:1px solid #bfdbfe;font-size:.78rem;color:#1d4ed8;flex-shrink:0}.production-orders-page .pagination{display:flex;justify-content:center;align-items:center;gap:.75rem;margin-top:.75rem;flex-shrink:0}.production-orders-page .pagination button{height:28px;padding:0 .75rem;background:#fff;border:1px solid #d1d5db;border-radius:4px;cursor:pointer;font-size:.8rem;color:#374151;transition:all .15s}.production-orders-page .pagination button:hover:not(:disabled){background:#f3f4f6;border-color:#9ca3af}.production-orders-page .pagination button:disabled{opacity:.4;cursor:not-allowed}.production-orders-page .pagination span{font-size:.8rem;color:#6b7280}.production-orders-page .btn{height:32px;padding:0 1rem;border-radius:4px!important;border:1px solid transparent;cursor:pointer;font-size:.8125rem;font-weight:500;white-space:nowrap;transition:all .15s;box-shadow:none!important}.production-orders-page .btn-primary{background:#2563eb!important;background-image:none!important;color:#fff!important;border-color:#2563eb!important}.production-orders-page .btn-primary:hover{background:#1d4ed8!important;border-color:#1d4ed8!important}.production-orders-page .btn-secondary{background:#fff!important;background-image:none!important;color:#374151!important;border-color:#d1d5db!important}.production-orders-page .btn-secondary:hover{background:#f9fafb!important;border-color:#9ca3af!important}.production-orders-page .btn-danger{background:#dc2626!important;background-image:none!important;color:#fff!important;border-color:#dc2626!important}.production-orders-page .btn-danger:hover{background:#b91c1c!important}.production-orders-page .btn-danger:disabled{opacity:.5;cursor:not-allowed}.production-orders-page .btn.btn-warning{background:#d97706!important;background-image:none!important;color:#fff!important;border-color:#d97706!important}.production-orders-page .btn.btn-warning:hover{background:#b45309!important}.production-orders-page .btn.btn-warning:disabled{opacity:.5;cursor:not-allowed}.production-orders-page .lightbox-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000c7;display:flex;align-items:center;justify-content:center;z-index:2000;cursor:zoom-out}.production-orders-page .lightbox-box{position:relative;max-width:90vw;max-height:90vh;cursor:default}.production-orders-page .lightbox-img{max-width:90vw;max-height:85vh;object-fit:contain;border-radius:6px;box-shadow:0 20px 60px #00000080;display:block}.production-orders-page .lightbox-close{position:absolute;top:-14px;right:-14px;width:28px;height:28px;background:#fff;border:none;border-radius:50%;font-size:.8rem;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px #00000040;z-index:1}.production-orders-page .modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;display:flex;align-items:center;justify-content:center;z-index:2001;animation:fadeIn .15s}.production-orders-page .modal-content{background:#fff;border-radius:8px;padding:1.5rem;max-width:460px;width:90%;box-shadow:0 8px 24px #0000001f;animation:slideUp .18s}@keyframes slideUp{0%{transform:translateY(14px);opacity:0}to{transform:translateY(0);opacity:1}}.production-orders-page .modal-content--wide{max-width:520px}.production-orders-page .modal-content h3{margin:0 0 .75rem;font-size:1rem;font-weight:600;color:#111827}.production-orders-page .modal-desc{margin:0 0 1.125rem;color:#6b7280;font-size:.875rem;line-height:1.6}.production-orders-page .modal-desc strong{color:#111827;font-weight:600}.production-orders-page .modal-error{margin:-.5rem 0 1rem;padding:.5rem .75rem;background:#fef2f2;border:1px solid #fecaca;border-radius:4px;color:#dc2626;font-size:.875rem}.production-orders-page .modal-actions{display:flex;gap:.5rem;justify-content:flex-end}.production-orders-page .modal-actions .btn{min-width:72px}.production-orders-page .modal-actions.modal-actions--column{flex-direction:column;gap:.5rem}.production-orders-page .modal-actions--column .btn{width:100%;text-align:center;height:36px}.production-orders-page .btn-block{width:100%;text-align:center}.production-orders-page .modal-field{margin-bottom:1rem}.production-orders-page .modal-label{display:block;font-size:.8125rem;font-weight:500;color:#374151;margin-bottom:.35rem}.production-orders-page .modal-textarea{width:100%;padding:.5rem .75rem;border:1px solid #d1d5db;border-radius:4px;font-size:.875rem;resize:vertical;min-height:78px;box-sizing:border-box;color:#111827;line-height:1.5}.production-orders-page .modal-textarea:focus{outline:none;border-color:#2563eb;box-shadow:0 0 0 2px #2563eb1a}.production-orders-page .approval-records{margin:0 0 1rem;background:#f9fafb;border:1px solid #e5e7eb;border-radius:6px;padding:.625rem .875rem}.production-orders-page .approval-records-title{font-size:.7rem;font-weight:700;color:#9ca3af;text-transform:uppercase;letter-spacing:.06em;margin:0 0 .5rem}.production-orders-page .approval-record{display:flex;align-items:center;gap:.45rem;padding:.3rem 0;border-bottom:1px solid #f3f4f6;font-size:.8rem;flex-wrap:wrap}.production-orders-page .approval-record:last-child{border-bottom:none}.production-orders-page .approval-record--pass{color:#065f46}.production-orders-page .approval-record--reject{color:#7f1d1d}.production-orders-page .approval-record-icon{font-size:.85rem;flex-shrink:0}.production-orders-page .approval-record-name{font-weight:600;flex-shrink:0}.production-orders-page .approval-record-action{padding:1px 4px;border-radius:3px;font-size:.7rem;font-weight:600;flex-shrink:0}.approval-record--pass .approval-record-action{background:#d1fae5;color:#065f46}.approval-record--reject .approval-record-action{background:#fee2e2;color:#7f1d1d}.production-orders-page .approval-record-comment{color:#6b7280;font-style:italic;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.production-orders-page .approval-record-time{color:#9ca3af;font-size:.7rem;flex-shrink:0;margin-left:auto}.production-orders-page .line-specs{display:flex;gap:.25rem;flex-wrap:wrap}.production-orders-page .spec-tag{display:inline-flex;align-items:center;padding:0 .35rem;height:17px;background:#fff;border:1px solid #e5e7eb;border-radius:3px;font-size:.68rem;color:#6b7280}.production-orders-page .spec-tag--needle{background:#ede9fe;border-color:#c4b5fd;color:#5b21b6}.production-orders-page .spec-tag--spec{background:#dbeafe;border-color:#93c5fd;color:#1d4ed8}.production-orders-page .spec-tag--color{background:#fce7f3;border-color:#f9a8d4;color:#9d174d}.production-orders-page .spec-tag--weight{background:#d1fae5;border-color:#6ee7b7;color:#065f46}.production-orders-page .lines-modal-overlay{z-index:2100}.production-orders-page .lines-modal-content{max-width:640px;width:92%;max-height:76vh;display:flex;flex-direction:column;padding:0;overflow:hidden}.production-orders-page .lines-modal-header{display:flex;align-items:center;gap:.5rem;padding:.875rem 1rem .75rem;border-bottom:1px solid #f3f4f6;flex-shrink:0}.production-orders-page .lines-modal-header h3{margin:0;font-size:.9375rem;font-weight:600;color:#111827}.production-orders-page .lines-modal-sub{font-size:.75rem;color:#9ca3af}.production-orders-page .lines-modal-close{margin-left:auto;position:static;background:#f3f4f6!important;background-image:none!important;border:none!important;box-shadow:none!important;width:26px;height:26px;border-radius:50%!important;font-size:.75rem;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#6b7280!important;transition:background .15s;padding:0!important}.production-orders-page .lines-modal-close:hover{background:#e5e7eb!important;color:#111827!important}.production-orders-page .lines-modal-list{overflow-y:auto;padding:.5rem 1rem 1rem;display:flex;flex-direction:column;gap:.35rem}.production-orders-page .lines-modal-item{display:grid;grid-template-columns:20px 50px 1fr auto;column-gap:.625rem;align-items:center;padding:.45rem .625rem;background:#f9fafb;border-radius:5px;border:1px solid #f0f0f0;transition:background .1s}.production-orders-page .lines-modal-item:hover{background:#f0f7ff;border-color:#bfdbfe}.production-orders-page .lines-modal-seq{width:20px;height:20px;background:#e0e7ff;color:#4338ca;border-radius:50%;font-size:.67rem;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0}.production-orders-page .lines-modal-thumbs{display:flex;gap:3px;flex-shrink:0}.production-orders-page .lines-modal-thumb{width:22px;height:22px;object-fit:contain;border-radius:3px;border:1px solid #e5e7eb;background:#fff;cursor:zoom-in;transition:transform .15s}.production-orders-page .lines-modal-thumb:hover{transform:scale(1.12)}.production-orders-page .lines-modal-thumb--logo{border-color:#c7d2fe}.production-orders-page .lines-modal-info{min-width:0}.production-orders-page .lines-modal-name{display:block;font-size:.8125rem;font-weight:600;color:#111827;margin-bottom:.175rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.production-orders-page .lines-modal-qty{display:flex;flex-direction:column;align-items:flex-end;gap:.1rem;font-size:.72rem;color:#6b7280;white-space:nowrap;flex-shrink:0}.production-orders-page .lines-modal-qty strong{font-weight:700;color:#374151}.manufacturing-orders-page .status-tab{color:#374151;background:#f3f4f6}.manufacturing-orders-page .status-tab:hover{color:#1d4ed8;background:#eff6ff}.manufacturing-orders-page .status-tab.active{background:var(--brand);color:#fff!important;font-weight:600}.manufacturing-orders-page .page-subtitle{font-size:.875rem;color:#6b7280;margin:.2rem 0 0}.mrp-tip-banner{background:#eff6ff;border:1px solid #bfdbfe;border-radius:8px;padding:.75rem 1rem;font-size:.875rem;color:#1e40af;margin-bottom:1rem;display:flex;align-items:center;gap:.25rem;flex-wrap:wrap}.mrp-tip-banner .link-btn{background:none;border:none;color:#2563eb;cursor:pointer;font-size:inherit;font-weight:600;padding:0 .1rem;text-decoration:underline;text-underline-offset:2px}.mrp-tip-banner .link-btn:hover{color:#1d4ed8}.mrp-badge{display:inline-flex;align-items:center;padding:.15rem .5rem;border-radius:12px;font-size:.7rem;font-weight:600;background:#dbeafe;color:#1d4ed8;border:1px solid #93c5fd}.so-badge{display:inline-flex;align-items:center;padding:.15rem .5rem;border-radius:12px;font-size:.7rem;font-weight:500;background:#f0fdf4;color:#166534;border:1px solid #86efac}.manufacturing-orders-page .empty{text-align:center;padding:3rem 1rem;color:#6b7280}.manufacturing-orders-page .empty .empty-actions{display:flex;gap:.75rem;justify-content:center;margin-top:1.25rem}.production-board-page{padding:1.5rem;background:#f3f4f6;min-height:100vh}.production-board-page .page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.production-board-page .header-actions{display:flex;align-items:center;gap:1rem}.production-board-page .refreshing-text{color:#6b7280;font-size:.875rem}.production-board-page .filter-bar{background:#fff;border-radius:.5rem;padding:1rem 1.5rem;margin-bottom:1.5rem;box-shadow:0 1px 3px #0000001a}.production-board-page .filter-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1rem}.production-board-page .filter-group{display:flex;flex-direction:column;gap:.5rem}.production-board-page .filter-label{font-size:.875rem;font-weight:500;color:#374151}.production-board-page .search-box{position:relative}.production-board-page .search-input{width:100%;padding:.75rem 2.5rem .75rem 1rem;border:2px solid #e5e7eb;border-radius:.5rem;font-size:.95rem;transition:all .2s}.production-board-page .search-input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.production-board-page .clear-btn{position:absolute;right:.5rem;top:50%;transform:translateY(-50%);background:#e5e7eb;border:none;border-radius:50%;width:1.5rem;height:1.5rem;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#6b7280;font-size:.875rem;transition:all .2s}.production-board-page .clear-btn:hover{background:#d1d5db;color:#374151}.production-board-page .filter-result{color:#6b7280;font-size:.875rem;display:flex;align-items:center;gap:1rem}.production-board-page .filter-result strong{color:#3b82f6;font-weight:600}.production-board-page .clear-all-btn{padding:.25rem .75rem;background:#f3f4f6;border:1px solid #d1d5db;border-radius:.375rem;font-size:.875rem;color:#6b7280;cursor:pointer;transition:all .2s}.production-board-page .clear-all-btn:hover{background:#e5e7eb;color:#374151;border-color:#9ca3af}@media(max-width:768px){.production-board-page .filter-row{grid-template-columns:1fr}}.production-board-page .empty-board{background:#fff;border-radius:.5rem;padding:4rem 2rem;text-align:center}.production-board-page .empty-icon{font-size:4rem;margin-bottom:1rem}.production-board-page .empty-board p{color:#6b7280;font-size:1.1rem;margin-bottom:1.5rem}.production-board-page .board-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(400px,1fr));gap:1.5rem;margin-bottom:2rem}.production-board-page .board-card{background:#fff;border:1px solid #e5e7eb;border-radius:.75rem;padding:1.5rem;cursor:pointer;transition:all .2s ease;box-shadow:0 1px 2px #0000000d}.production-board-page .board-card:hover{box-shadow:0 10px 15px -3px #0000001a;transform:translateY(-2px);border-color:#3b82f6}.production-board-page .board-card .card-header{margin-bottom:1.5rem}.production-board-page .board-card h3{margin:0 0 .5rem;font-size:1.25rem;color:#111827}.production-board-page .customer-name{color:#6b7280;font-size:.95rem}.production-board-page .progress-section{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:.75rem;padding:1.5rem;color:#fff;margin-bottom:1.5rem}.production-board-page .progress-stats{display:flex;align-items:center;justify-content:center;gap:1.5rem;margin-bottom:1rem}.production-board-page .stat{text-align:center;min-width:4rem}.production-board-page .stat-value{font-size:1.75rem;font-weight:700;line-height:1;color:#fff}.production-board-page .stat-label{font-size:.8rem;opacity:.85;margin-top:.25rem;color:#fff}.production-board-page .stat-divider{font-size:1.5rem;opacity:.6;color:#fff;flex-shrink:0}.production-board-page .progress-bar-container{display:flex;align-items:center;gap:.75rem}.production-board-page .progress-bar{flex:1;height:.75rem;background:#ffffff4d;border-radius:.375rem;overflow:hidden}.production-board-page .progress-fill{height:100%;transition:width .3s ease;border-radius:.375rem}.production-board-page .progress-fill.complete{background:#10b981}.production-board-page .progress-fill.half{background:#f59e0b}.production-board-page .progress-fill.low{background:#ef4444}.production-board-page .progress-percent{font-weight:600;font-size:1rem;min-width:3rem;text-align:right;color:#fff}.production-board-page .product-list{display:flex;flex-direction:column;gap:1rem;margin-bottom:1.5rem}.production-board-page .product-item{display:flex;justify-content:space-between;align-items:center;padding:1rem;background:#f9fafb;border-radius:.5rem;border:1px solid #e5e7eb}.production-board-page .product-seq{flex-shrink:0;width:22px;height:22px;background:#e0e7ff;color:#4338ca;border-radius:50%;font-size:.72rem;font-weight:700;display:flex;align-items:center;justify-content:center;line-height:1;margin-right:.25rem}.production-board-page .product-info{display:flex;align-items:center;gap:1rem;flex:1}.production-board-page .brand-logo{width:50px;height:50px;object-fit:contain;border-radius:.375rem;border:1px solid #e5e7eb;background:#fff}.production-board-page .product-details{flex:1}.production-board-page .product-name{font-weight:600;color:#111827;margin-bottom:.375rem}.production-board-page .product-specs{display:flex;gap:.5rem;flex-wrap:wrap}.production-board-page .spec-tag{display:inline-block;padding:.125rem .5rem;background:#e0e7ff;color:#3730a3;border-radius:.25rem;font-size:.75rem;font-weight:500}.production-board-page .product-progress{display:flex;flex-direction:column;align-items:flex-end;gap:.5rem;min-width:100px}.production-board-page .qty-display{display:flex;align-items:baseline;gap:.25rem;font-size:.95rem}.production-board-page .qty-display .produced{font-size:1.25rem;font-weight:700;color:#111827}.production-board-page .qty-display .divider{color:#9ca3af}.production-board-page .qty-display .ordered{color:#6b7280}.production-board-page .mini-progress{width:100%;height:.375rem;background:#e5e7eb;border-radius:.1875rem;overflow:hidden}.production-board-page .mini-progress-fill{height:100%;transition:width .3s ease}.production-board-page .mini-progress-fill.complete{background:#10b981}.production-board-page .mini-progress-fill.half{background:#f59e0b}.production-board-page .mini-progress-fill.low{background:#ef4444}.production-board-page .card-footer{display:flex;justify-content:space-between;align-items:center;padding-top:1rem;border-top:1px solid #e5e7eb}.production-board-page .pallet-info{display:flex;align-items:center;gap:.5rem;color:#6b7280;font-size:.95rem}.production-board-page .pallet-icon{font-size:1.25rem}.production-board-page .btn-action{padding:.5rem 1rem;background:#3b82f6;color:#fff;border:none;border-radius:.375rem;cursor:pointer;font-size:.875rem;font-weight:500;transition:background .2s}.production-board-page .btn-action:hover{background:#2563eb}.production-board-page .board-footer{text-align:center;padding:2rem;color:#6b7280;font-size:.875rem}@media(max-width:768px){.production-board-page .board-grid{grid-template-columns:1fr}}.production-board-page .card-header-top{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.production-board-page .pending-shipment-badge{display:inline-block;padding:.1rem .5rem;background:#fff7ed;color:#c2410c;border:1px solid #fed7aa;border-radius:9999px;font-size:.7rem;font-weight:600;white-space:nowrap}.production-board-page .stat-value--shipped{color:#7c3aed}.production-board-page .progress-bar-container--shipped{margin-top:.25rem;opacity:.85}.production-board-page .progress-bar-container--shipped .progress-percent--sub{font-size:.7rem;color:#7c3aed;white-space:nowrap}.production-board-page .progress-fill.shipped{background:linear-gradient(90deg,#7c3aed,#a855f7)}.production-board-page .progress-fill.shipped.complete{background:linear-gradient(90deg,#059669,#10b981)}.mfg-orders-page{padding:1.25rem 1.5rem 1rem;display:flex;flex-direction:column;height:100%;min-height:0}.mfg-page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;flex-shrink:0}.mfg-page-header h1{margin:0;font-size:1.25rem;font-weight:600;color:#111827;letter-spacing:-.01em}.mfg-header-actions{display:flex;gap:.5rem;align-items:center}.mfg-filter-section{background:#fff;border:1px solid #e5e7eb;border-radius:6px;margin-bottom:.75rem;flex-shrink:0;overflow:hidden}.mfg-search-box{display:flex;gap:.5rem;padding:.625rem 1rem;border-bottom:1px solid #f3f4f6;align-items:center}.mfg-search-box input{flex:1;height:30px;padding:0 .75rem;border:1px solid #d1d5db;border-radius:4px;font-size:.8125rem;color:#111827;background:#fafafa;outline:none;transition:border-color .15s}.mfg-search-box input:focus{border-color:#2563eb;background:#fff;box-shadow:0 0 0 2px #2563eb1a}.mfg-search-box button{height:30px;padding:0 .875rem;background:#2563eb!important;background-image:none!important;color:#fff!important;border:none!important;border-radius:4px!important;box-shadow:none!important;cursor:pointer;font-size:.8125rem;font-weight:500;white-space:nowrap}.mfg-search-box button:hover{background:#1d4ed8!important}.mfg-status-tabs{display:flex;padding:0 .5rem}.mfg-status-tab{padding:.45rem .875rem;background:transparent!important;background-image:none!important;border:none!important;border-bottom:2px solid transparent!important;border-radius:0!important;box-shadow:none!important;cursor:pointer;font-size:.8125rem;color:#6b7280!important;font-weight:400;white-space:nowrap;transition:color .15s;margin-bottom:-1px}.mfg-status-tab:hover{color:#374151!important}.mfg-status-tab.active{color:#2563eb!important;font-weight:600;border-bottom:2px solid #2563eb!important}.mfg-tab-badge{display:inline-flex;align-items:center;justify-content:center;min-width:16px;height:16px;margin-left:4px;padding:0 4px;border-radius:100px;font-size:10px;font-weight:600;background:#ef4444;color:#fff;vertical-align:middle}.mfg-status-tab.active .mfg-tab-badge{background:#2563eb}.mfg-table-wrap{flex:1;min-height:0;background:#fff;border:1px solid #e5e7eb;border-radius:6px;overflow-x:auto;overflow-y:auto}.mfg-state{text-align:center;padding:3rem;color:#9ca3af;font-size:.875rem}.mfg-state--empty{display:flex;flex-direction:column;gap:.5rem;align-items:center}.mfg-state-hint{font-size:.8rem;color:#d1d5db}.mfg-link-btn{background:none;border:none;color:#2563eb;cursor:pointer;font-size:inherit;padding:0 .25rem;text-decoration:underline}.mfg-table{width:100%;border-collapse:collapse;font-size:.8125rem;table-layout:auto;min-width:860px}.mfg-table .col-contract{min-width:180px}.mfg-table .col-date,.mfg-table .col-delivery{width:82px;white-space:nowrap}.mfg-table .col-lines{min-width:220px}.mfg-table .col-status{width:76px;white-space:nowrap}.mfg-table .col-progress{width:110px;white-space:nowrap}.mfg-table .col-actions{width:90px;white-space:nowrap}.mfg-table thead tr{background:#f8f9fa;position:sticky;top:0;z-index:2}.mfg-table thead tr:after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:#e5e7eb}.mfg-table th{padding:.45rem .75rem;text-align:left;font-size:.695rem;font-weight:700;color:#9ca3af;text-transform:uppercase;letter-spacing:.05em;white-space:nowrap;border-bottom:1px solid #e5e7eb}.mfg-row{border-bottom:1px solid #f3f4f6;cursor:pointer;transition:background .1s}.mfg-row:last-child{border-bottom:none}.mfg-row:hover{background:#f5f8ff}.mfg-table td{padding:.45rem .75rem;vertical-align:middle;overflow:hidden}.mfg-table td.col-actions{overflow:visible}.mfg-contract{font-weight:600;font-size:.8125rem;color:#111827;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mfg-customer{font-size:.7rem;color:#9ca3af;margin-top:1px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mfg-sales-row{margin-top:2px}.mfg-sales-tag{display:inline-block;font-size:.68rem;color:#7c3aed;background:#ede9fe;padding:0 6px;border-radius:10px;white-space:nowrap;max-width:100%;overflow:hidden;text-overflow:ellipsis}.mfg-date{font-size:.775rem;color:#374151;white-space:nowrap;font-variant-numeric:tabular-nums}.mfg-na{color:#d1d5db;font-size:.775rem}.mfg-lines-summary{display:flex;flex-direction:column;gap:4px}.mfg-line-item{display:flex;align-items:center;gap:4px;min-width:0;line-height:1.3}.mfg-line-code{font-size:.68rem;color:#9ca3af;white-space:nowrap;flex-shrink:0;font-family:monospace}.mfg-line-name{font-size:.78rem;color:#111827;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0;flex:1;font-weight:500}.mfg-line-spec{font-size:.68rem;color:#6b7280;white-space:nowrap;flex-shrink:0;background:#f3f4f6;padding:0 5px;border-radius:3px;border:1px solid #e5e7eb}.mfg-line-qty{font-size:.72rem;color:#2563eb;font-weight:700;white-space:nowrap;flex-shrink:0;font-variant-numeric:tabular-nums;margin-left:auto}.mfg-line-more{font-size:.68rem;color:#9ca3af;padding-top:1px}.mfg-status-badge{display:inline-flex;align-items:center;gap:4px;padding:1px 7px;border-radius:10px;font-size:.72rem;font-weight:500;white-space:nowrap}.mfg-status-dot{width:5px;height:5px;border-radius:50%;flex-shrink:0}.mfg-progress{display:flex;align-items:center;gap:.35rem}.mfg-progress-bar{flex:1;height:4px;background:#e5e7eb;border-radius:2px;overflow:hidden;min-width:0}.mfg-progress-fill{height:100%;background:#3b82f6;border-radius:2px;transition:width .4s ease-out}.mfg-progress-fill.done{background:#10b981}.mfg-progress-pct{font-size:.68rem;font-weight:600;color:#6b7280;width:28px;flex-shrink:0;text-align:right;font-variant-numeric:tabular-nums}.mfg-action-btns{display:flex;align-items:center;gap:4px;white-space:nowrap;flex-wrap:nowrap}.mfg-btn-detail{height:24px;padding:0 .55rem;background:#2563eb!important;background-image:none!important;color:#fff!important;border:none!important;border-radius:4px!important;box-shadow:none!important;cursor:pointer;font-size:.72rem;font-weight:500;white-space:nowrap;transition:background .15s;flex-shrink:0}.mfg-btn-detail:hover{background:#1d4ed8!important}.mfg-dropdown{position:relative}.mfg-btn-more{width:24px;height:24px;display:flex;align-items:center;justify-content:center;background:#fff!important;background-image:none!important;border:1px solid #d1d5db!important;border-radius:4px!important;box-shadow:none!important;cursor:pointer;color:#6b7280;font-size:.95rem;letter-spacing:.5px;transition:all .15s;flex-shrink:0}.mfg-btn-more:hover{background:#f3f4f6!important;border-color:#9ca3af!important}.mfg-dropdown-menu{background:#fff;border:1px solid #e5e7eb;border-radius:6px;box-shadow:0 6px 20px #0000001f;z-index:9999;min-width:110px;overflow:hidden}.mfg-dropdown-menu--fixed{position:fixed}.mfg-drop-item{display:block;width:100%;padding:.45rem .875rem;text-align:left;background:none!important;border:none!important;box-shadow:none!important;cursor:pointer;font-size:.8rem;color:#374151;transition:background .1s;white-space:nowrap}.mfg-drop-item:hover{background:#f3f4f6!important}.mfg-drop-item--danger{color:#ef4444}.mfg-drop-item--danger:hover{background:#fef2f2!important}.mfg-pagination{display:flex;align-items:center;justify-content:space-between;padding:.625rem 0 .25rem;flex-shrink:0;flex-wrap:wrap;gap:.5rem}.mfg-pagination-info{font-size:.78rem;color:#9ca3af}.mfg-pagination-pages{display:flex;align-items:center;gap:3px}.mfg-page-btn{min-width:28px;height:26px;padding:0 5px;border:1px solid #e5e7eb!important;border-radius:4px!important;background:#fff!important;background-image:none!important;color:#374151;font-size:.78rem;cursor:pointer;transition:background .12s,border-color .12s;box-shadow:none!important;display:flex;align-items:center;justify-content:center}.mfg-page-btn:hover:not(:disabled):not(.active){background:#f3f4f6!important;border-color:#d1d5db!important}.mfg-page-btn.active{background:#2563eb!important;border-color:#2563eb!important;color:#fff;font-weight:600;cursor:default}.mfg-page-btn:disabled{opacity:.35;cursor:not-allowed}.mfg-page-nav{font-size:.95rem;color:#9ca3af}.mfg-page-ellipsis{min-width:22px;height:26px;display:flex;align-items:center;justify-content:center;font-size:.78rem;color:#9ca3af;-webkit-user-select:none;user-select:none}.mfg-board-page .progress-section{background:linear-gradient(135deg,#059669,#0891b2)}.mfg-board-page .mfg-so-tag{display:inline-block;margin-top:.25rem;padding:.125rem .5rem;background:#d1fae5;color:#065f46;border-radius:.25rem;font-size:.75rem;font-weight:500}.mfg-board-page .mfg-badge{display:inline-flex;align-items:center;padding:.25rem .625rem;background:#ecfdf5;color:#059669;border:1px solid #a7f3d0;border-radius:9999px;font-size:.75rem;font-weight:600}.msc-page{padding:24px;max-width:1300px;margin:0 auto;font-family:inherit}.msc-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;gap:12px}.msc-header-left{display:flex;align-items:center;gap:14px}.msc-header-left h1{margin:0;font-size:22px;font-weight:700}.msc-back-btn{padding:6px 14px;border:1px solid #d1d5db;border-radius:6px;background:#fff;cursor:pointer;font-size:13px;color:#374151;white-space:nowrap}.msc-back-btn:hover{background:#f3f4f6}.msc-header-right{display:flex;align-items:center;gap:12px}.msc-order-count{font-size:13px;color:#6b7280}.msc-plan-btn{display:inline-flex;align-items:center;gap:6px;padding:9px 20px;background:linear-gradient(135deg,#2563eb,#7c3aed);color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:opacity .2s,transform .1s;white-space:nowrap}.msc-plan-btn:hover:not(:disabled){opacity:.9;transform:translateY(-1px)}.msc-plan-btn:disabled{opacity:.6;cursor:not-allowed}.msc-plan-btn--loading{animation:msc-pulse 1.2s ease-in-out infinite}.msc-plan-btn--center{margin:20px auto 0;display:flex}@keyframes msc-pulse{0%,to{opacity:1}50%{opacity:.65}}.msc-error{padding:12px 16px;background:#fee2e2;color:#991b1b;border-radius:8px;margin-bottom:16px;font-size:14px}.msc-empty-hint{text-align:center;padding:60px 20px;color:#6b7280}.msc-empty-icon{font-size:56px;margin-bottom:16px}.msc-empty-hint p{margin:6px 0;font-size:15px;line-height:1.7}.msc-legend{display:flex;flex-wrap:wrap;gap:8px 16px;padding:12px 16px;background:#f9fafb;border-radius:8px;margin-bottom:16px}.msc-legend-item{display:flex;align-items:center;gap:6px;font-size:12px}.msc-legend-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}.msc-legend-label{font-weight:600;color:#374151}.msc-legend-product{color:#6b7280;max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.msc-legend-more{color:#9ca3af;font-style:italic}.msc-cal-nav{display:flex;align-items:center;justify-content:center;gap:20px;margin-bottom:12px}.msc-cal-title{font-size:18px;font-weight:700;min-width:130px;text-align:center}.msc-nav-btn{width:32px;height:32px;border:1px solid #d1d5db;border-radius:6px;background:#fff;cursor:pointer;font-size:18px;line-height:1;display:flex;align-items:center;justify-content:center;color:#374151}.msc-nav-btn:hover{background:#f3f4f6}.msc-calendar{border:1px solid #e5e7eb;border-radius:10px;overflow:hidden;margin-bottom:28px;background:#fff}.msc-cal-header{display:grid;grid-template-columns:repeat(7,1fr);background:#f3f4f6;border-bottom:1px solid #e5e7eb}.msc-cal-dow{text-align:center;padding:8px 0;font-size:12px;font-weight:600;color:#6b7280}.msc-weekend-head{color:#ef4444}.msc-cal-week{position:relative;border-bottom:1px solid #e5e7eb}.msc-cal-week:last-child{border-bottom:none}.msc-cal-dates{display:grid;grid-template-columns:repeat(7,1fr);min-height:36px}.msc-cal-day{padding:6px 8px;border-right:1px solid #f3f4f6;min-height:36px}.msc-cal-day:last-child{border-right:none}.msc-cal-day--weekend{background:#fafafa}.msc-cal-day--other .msc-day-num{color:#d1d5db}.msc-cal-day--today .msc-day-num{background:#2563eb;color:#fff;border-radius:50%;width:22px;height:22px;display:flex;align-items:center;justify-content:center}.msc-day-num{font-size:12px;color:#374151;font-weight:500}.msc-cal-bars{position:relative;min-height:28px;padding:2px 0 4px}.msc-bar{position:absolute;top:2px;height:22px;border:1.5px solid;border-radius:4px;display:flex;align-items:center;gap:4px;padding:0 6px;font-size:11px;font-weight:600;cursor:grab;-webkit-user-select:none;user-select:none;overflow:hidden;white-space:nowrap;transition:box-shadow .15s;z-index:1}.msc-bar:hover{box-shadow:0 2px 8px #00000026;z-index:2}.msc-bar--start{border-left-width:3px;border-radius:4px 0 0 4px}.msc-bar--end{border-radius:0 4px 4px 0}.msc-bar--start.msc-bar--end{border-radius:4px}.msc-bar--dragging{cursor:grabbing;box-shadow:0 4px 16px #0003;z-index:10;opacity:.85}.msc-bar-text{font-weight:700;flex-shrink:0}.msc-bar-product{color:inherit;opacity:.75;overflow:hidden;text-overflow:ellipsis;max-width:140px}.msc-drag-handle{margin-left:auto;flex-shrink:0;opacity:.4;font-size:13px;cursor:grab}.msc-list-section{background:#fff;border:1px solid #e5e7eb;border-radius:10px;overflow:hidden}.msc-list-title{margin:0;padding:14px 20px;font-size:15px;font-weight:700;border-bottom:1px solid #f3f4f6;background:#f9fafb}.msc-list{display:flex;flex-direction:column}.msc-list-row{display:flex;align-items:center;gap:12px;padding:10px 20px;border-bottom:1px solid #f9fafb;font-size:13px;transition:background .1s}.msc-list-row:last-child{border-bottom:none}.msc-list-row:hover{background:#f9fafb}.msc-list-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}.msc-list-info{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0}.msc-list-contract{font-weight:700;color:#111827}.msc-list-products{color:#6b7280;font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.msc-list-dates{display:flex;align-items:center;gap:6px;color:#374151;font-size:12px;white-space:nowrap}.msc-list-arrow{color:#9ca3af}.msc-conf-badge{padding:2px 8px;border-radius:10px;font-size:11px;font-weight:600;white-space:nowrap}.msc-list-summary{color:#6b7280;font-size:12px;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.msc-goto-btn{padding:4px 12px;background:#2563eb;color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:12px;font-weight:600;white-space:nowrap}.msc-goto-btn:hover{background:#1d4ed8}.msc-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;z-index:1000;display:flex;align-items:center;justify-content:center}.msc-modal{background:#fff;border-radius:12px;width:420px;max-width:95vw;box-shadow:0 8px 32px #0000002e;overflow:hidden}.msc-modal-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid #f3f4f6;background:#f9fafb}.msc-modal-header h3{margin:0;font-size:16px;font-weight:700}.msc-modal-close{background:none;border:none;cursor:pointer;font-size:18px;color:#9ca3af;line-height:1;padding:0 4px}.msc-modal-close:hover{color:#374151}.msc-modal-body{padding:16px 20px;display:flex;flex-direction:column;gap:12px}.msc-modal-row{display:grid;grid-template-columns:72px 1fr;align-items:center;gap:12px;font-size:14px}.msc-modal-row label{color:#6b7280;font-size:13px;white-space:nowrap}.msc-modal-row input[type=date]{padding:6px 10px;border:1px solid #d1d5db;border-radius:6px;font-size:14px;width:100%}.msc-modal-footer{display:flex;gap:10px;justify-content:flex-end;padding:14px 20px;border-top:1px solid #f3f4f6}.msc-modal-cancel{padding:8px 18px;border:1px solid #d1d5db;border-radius:6px;background:#fff;cursor:pointer;font-size:14px;color:#374151}.msc-modal-confirm{padding:8px 18px;background:#2563eb;color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:14px;font-weight:600}.msc-modal-confirm:hover{background:#1d4ed8}@media(max-width:768px){.msc-page{padding:12px}.msc-header{flex-direction:column;align-items:flex-start}.msc-bar-product{display:none}.msc-list-row{flex-wrap:wrap;gap:8px}.msc-list-summary{display:none}}.msc-lines-summary{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:14px;align-items:center}.msc-line-chip{display:flex;flex-direction:column;gap:2px;padding:6px 14px;border:1.5px solid #e5e7eb;border-radius:8px;background:#fff;cursor:pointer;transition:all .15s}.msc-line-chip:hover,.msc-line-chip--active{border-color:#2563eb;background:#eff6ff}.msc-line-chip-name{font-size:13px;font-weight:700;color:#111827}.msc-line-chip-meta{font-size:11px;color:#6b7280}.msc-clear-filter{padding:5px 12px;border:1px solid #fca5a5;border-radius:6px;background:#fff;color:#ef4444;cursor:pointer;font-size:12px}.msc-clear-filter:hover{background:#fee2e2}.msc-legend-line{font-size:11px;color:#2563eb;background:#eff6ff;padding:1px 6px;border-radius:8px}.msc-bar-line-tag{font-size:10px;opacity:.8;overflow:hidden;text-overflow:ellipsis;max-width:80px;white-space:nowrap}.msc-list-line-info{display:flex;flex-direction:column;gap:2px;min-width:120px}.msc-list-line-name{font-size:12px;font-weight:600;color:#2563eb}.msc-list-line-meta{font-size:11px;color:#9ca3af}.msc-config-btn{padding:7px 14px;border:1px solid #d1d5db;border-radius:6px;background:#fff;cursor:pointer;font-size:13px;color:#374151;white-space:nowrap}.msc-config-btn:hover{background:#f3f4f6}.msc-empty-tip{display:flex;align-items:center;gap:4px;font-size:13px;color:#6b7280;margin:12px auto;justify-content:center}.msc-link-btn{background:none;border:none;color:#2563eb;cursor:pointer;text-decoration:underline;font-size:13px;padding:0 2px}.msc-modal-capacity{font-size:13px;color:#2563eb;font-weight:600}.msc-modal-row select{padding:6px 10px;border:1px solid #d1d5db;border-radius:6px;font-size:13px;width:100%}.msc-algo-panel{border:1px solid #e5e7eb;border-radius:12px;padding:20px;background:#fff;margin-bottom:20px}.msc-algo-panel-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.msc-algo-panel-title{font-size:15px;font-weight:700;color:#111827}.msc-algo-panel-close{background:none;border:none;cursor:pointer;font-size:16px;color:#9ca3af;padding:0 4px}.msc-algo-panel-close:hover{color:#374151}.msc-algo-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:14px}@media(max-width:900px){.msc-algo-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.msc-algo-grid{grid-template-columns:1fr}}.msc-algo-card{border:2px solid #e5e7eb;border-radius:10px;padding:12px 14px;cursor:pointer;transition:all .15s;background:#fff;position:relative}.msc-algo-card:hover{border-color:#94a3b8;box-shadow:0 2px 8px #00000012}.msc-algo-card--selected{box-shadow:0 0 0 2px currentColor}.msc-algo-card-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px}.msc-algo-badge{font-size:11px;font-weight:700;padding:2px 8px;border-radius:8px;font-family:monospace;letter-spacing:.5px}.msc-algo-check{font-size:14px;color:#16a34a;font-weight:700}.msc-algo-name{font-size:13px;font-weight:700;color:#111827;margin-bottom:3px}.msc-algo-short{font-size:11px;color:#6b7280;margin-bottom:4px}.msc-algo-obj{font-size:11px;color:#9ca3af;font-style:italic}.msc-algo-detail{border-left:3px solid;padding:10px 14px;border-radius:0 6px 6px 0;margin-bottom:16px;font-size:13px;line-height:1.6;color:#374151}.msc-algo-detail strong{display:block;margin-bottom:4px;font-size:14px}.msc-algo-detail p{margin:0}.msc-algo-actions{display:flex;justify-content:flex-end}.msc-active-algo-bar{display:flex;align-items:center;gap:10px;padding:8px 16px;background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;margin-bottom:14px;font-size:13px;flex-wrap:wrap}.msc-active-algo-label{color:#6b7280}.msc-active-algo-name{font-weight:700;padding:2px 10px;border-radius:8px;font-size:12px}.msc-active-algo-obj{color:#9ca3af;font-style:italic;flex:1}.msc-change-algo-btn{padding:4px 12px;border:1px solid #d1d5db;border-radius:6px;background:#fff;cursor:pointer;font-size:12px;color:#374151;white-space:nowrap}.msc-change-algo-btn:hover{background:#f3f4f6}.pl-page{padding:24px;max-width:1000px;margin:0 auto}.pl-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.pl-header h1{margin:0;font-size:22px}.pl-loading,.pl-empty{padding:60px;text-align:center;color:#9ca3af}.pl-list{display:flex;flex-direction:column;gap:12px}.pl-card{border:1px solid #e5e7eb;border-radius:10px;overflow:hidden;background:#fff}.pl-card--inactive{opacity:.7}.pl-card-header{display:flex;align-items:center;justify-content:space-between;padding:14px 18px;cursor:pointer;-webkit-user-select:none;user-select:none}.pl-card-header:hover{background:#f9fafb}.pl-card-left{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.pl-code{font-weight:700;font-size:14px;color:#111}.pl-name{font-size:14px;color:#374151}.pl-badge{padding:1px 8px;border-radius:10px;font-size:11px;font-weight:600}.pl-badge--inactive{background:#fee2e2;color:#b91c1c}.pl-wh{font-size:12px;color:#6b7280;background:#f3f4f6;padding:1px 8px;border-radius:10px}.pl-machine-count{font-size:12px;color:#9ca3af}.pl-card-actions{display:flex;align-items:center;gap:8px}.pl-expand-icon{color:#9ca3af;font-size:12px;margin-left:4px}.pl-machines{border-top:1px solid #f3f4f6;padding:16px 18px;background:#fafafa}.pl-machines-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.pl-machines-header h4{margin:0;font-size:14px;color:#374151}.pl-machines-empty{color:#9ca3af;font-size:13px;padding:8px 0}.pl-machine-table{width:100%;border-collapse:collapse;font-size:13px}.pl-machine-table th{background:#f3f4f6;padding:7px 12px;text-align:left;font-weight:600;color:#374151}.pl-machine-table td{padding:7px 12px;border-bottom:1px solid #f3f4f6;vertical-align:middle}.machine-status-dot{margin-right:4px}.modal-content{background:#fff;border-radius:12px;padding:24px;width:480px;max-width:95vw;max-height:90vh;overflow-y:auto}.form-stack{display:flex;flex-direction:column;gap:12px}.form-stack label{display:flex;flex-direction:column;gap:4px;font-size:13px;color:#374151}.form-stack input,.form-stack select{border:1px solid #d1d5db;border-radius:6px;padding:8px 10px;font-size:13px}.form-stack input:disabled{background:#f9fafb;color:#9ca3af}.checkbox-label{flex-direction:row!important;align-items:center;gap:8px!important}.btn:disabled{opacity:.6;cursor:not-allowed}.pl-capacity-badge{font-size:11px;color:#2563eb;background:#eff6ff;padding:2px 8px;border-radius:10px;border:1px solid #bfdbfe;white-space:nowrap}.modal-wide{width:580px!important}.pl-modal-tabs{display:flex;gap:0;margin-bottom:16px;border-bottom:2px solid #e5e7eb}.pl-modal-tab{padding:8px 20px;border:none;background:none;cursor:pointer;font-size:14px;color:#6b7280;border-bottom:2px solid transparent;margin-bottom:-2px;transition:all .15s}.pl-modal-tab:hover{color:#374151}.pl-modal-tab.active{color:#2563eb;font-weight:600;border-bottom-color:#2563eb}.pl-capacity-tip{background:#eff6ff;border:1px solid #bfdbfe;border-radius:6px;padding:10px 14px;font-size:13px;color:#1e40af;line-height:1.5}.field-hint{font-size:11px;color:#9ca3af;margin-top:2px}.form-stack textarea{border:1px solid #d1d5db;border-radius:6px;padding:8px 10px;font-size:13px;font-family:inherit;line-height:1.5}.form-stack textarea:focus{outline:none;border-color:#2563eb}.pallet-management-page{padding:20px;max-width:1400px;margin:0 auto}.page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.page-header h1{font-size:24px;font-weight:600;color:#1f2937;margin:0}.header-actions{display:flex;gap:12px}.filters{background:#fff;padding:16px;border-radius:8px;box-shadow:0 1px 3px #0000001a;margin-bottom:20px;display:flex;gap:20px;flex-wrap:wrap}.filter-group{display:flex;flex-direction:column;gap:6px}.filter-group label{font-size:14px;font-weight:500;color:#4b5563}.filter-group select,.filter-group input{padding:8px 12px;border:1px solid #d1d5db;border-radius:6px;font-size:14px}.search-group input{min-width:250px}.pallets-table-container{background:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a;overflow-x:auto;margin-bottom:20px}.pallets-table{width:100%;border-collapse:collapse}.pallets-table thead{background:#f9fafb;border-bottom:2px solid #e5e7eb}.pallets-table th{padding:12px 16px;text-align:left;font-size:13px;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.05em}.pallets-table td{padding:14px 16px;font-size:14px;color:#374151;border-bottom:1px solid #f3f4f6}.pallets-table tbody tr:hover{background:#f9fafb}.pallet-code{font-family:Courier New,monospace;font-weight:600;color:#1f2937}.status-badge{display:inline-block;padding:4px 10px;border-radius:12px;font-size:12px;font-weight:500}.actions{display:flex;gap:8px}.btn-text{background:none;border:none;color:#2563eb;cursor:pointer;font-size:14px;padding:4px 8px;border-radius:4px}.btn-text:hover{background:#eff6ff}.btn-text.btn-warning{color:#d97706}.btn-text.btn-warning:hover{background:#fef3c7}.btn-text.btn-delete{color:#dc2626;background:transparent}.btn-text.btn-delete:hover{background:#fef2f2;color:#991b1b}.empty{text-align:center;padding:60px 20px;background:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a}.empty p{font-size:16px;color:#6b7280;margin-bottom:20px}.pagination{display:flex;justify-content:center;align-items:center;gap:16px;padding:20px;background:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a}.pagination button{padding:8px 16px;border:1px solid #d1d5db;background:#fff;color:#374151;border-radius:6px;cursor:pointer;font-size:14px}.pagination button:hover:not(:disabled){background:#f3f4f6}.pagination button:disabled{opacity:.5;cursor:not-allowed}.pagination span{font-size:14px;color:#6b7280}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .2s}.modal-content{background:#fff;border-radius:12px;padding:24px;max-width:500px;width:90%;max-height:90vh;overflow-y:auto;box-shadow:0 20px 25px -5px #0000001a;animation:slideUp .3s}.modal-content.qrcode-modal{max-width:900px}.modal-content h3{font-size:18px;font-weight:600;color:#1f2937;margin:0 0 20px}.form-group{margin-bottom:16px}.form-group label{display:block;font-size:14px;font-weight:500;color:#374151;margin-bottom:6px}.form-group input,.form-group select{width:100%;padding:10px 12px;border:1px solid #d1d5db;border-radius:6px;font-size:14px}.form-group .hint{display:block;font-size:12px;color:#6b7280;margin-top:4px}.modal-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:24px}.qrcode-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:20px;margin-bottom:20px}.qrcode-item{text-align:center;padding:16px;border:1px solid #e5e7eb;border-radius:8px}.qrcode-item img{width:100%;max-width:150px;height:auto}.qrcode-label{margin-top:8px;font-size:13px;font-weight:500;color:#374151;font-family:Courier New,monospace}.qrcode-material{margin-top:4px;font-size:12px;font-weight:600;color:#1f2937}.qrcode-attrs{margin-top:2px;font-size:11px;color:#6b7280}.btn{padding:10px 20px;border:none;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.btn-primary:hover{background:#1d4ed8}.btn-secondary{background:#6b7280;color:#fff}.btn-secondary:hover{background:#4b5563}.btn-success{background:#047857;color:#fff}.btn-success:hover{background:#065f46}.btn-danger{background:#dc2626;color:#fff}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.loading{text-align:center;padding:40px;font-size:16px;color:#6b7280}.delete-confirm-modal{max-width:450px}.delete-warning{text-align:center;padding:20px 0}.warning-icon{font-size:48px;margin-bottom:16px}.delete-warning p{font-size:15px;color:#374151;margin:8px 0;line-height:1.6}.delete-warning strong{color:#1f2937;font-weight:600}.warning-text{color:#dc2626!important;font-weight:500}.hint-text{color:#6b7280!important;font-size:13px!important;margin-top:12px!important}.result-modal{max-width:400px;text-align:center}.result-icon{width:64px;height:64px;margin:0 auto 20px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:36px;font-weight:700}.result-icon.success{background:#d1fae5;color:#047857}.result-icon.error{background:#fee2e2;color:#dc2626}.result-modal h3{margin-bottom:12px;font-size:20px}.result-message{color:#6b7280;font-size:15px;line-height:1.6;margin-bottom:20px}.btn-warning{background:#f59e0b;color:#fff}.btn-warning:hover{background:#d97706}.bom-page{padding:1.5rem}.btn-danger{background:#ef4444;color:#fff}.btn-link{background:none;border:none;color:var(--brand);cursor:pointer;padding:.2rem .4rem;font-size:.85rem}.filter-section{background:#fff;padding:1rem;border-radius:8px;margin-bottom:1.5rem;box-shadow:0 1px 3px #00000014}.search-box{display:flex;gap:.5rem;margin-bottom:.75rem}.search-box input{flex:1;padding:.5rem 1rem;border:1px solid #d1d5db;border-radius:6px;font-size:.875rem}.search-box button{padding:.5rem 1.5rem;background:var(--brand);color:#fff;border:none;border-radius:6px;cursor:pointer}.filter-row{display:flex;flex-direction:column;gap:.5rem}.filter-tabs{display:flex;align-items:center;flex-wrap:wrap;gap:.35rem}.filter-label{font-size:.82rem;color:#6b7280;white-space:nowrap;margin-right:.25rem}.status-tab{padding:.3rem .85rem;border-radius:20px;border:1px solid #e5e7eb;background:#f9fafb;font-size:.82rem;cursor:pointer;color:#374151;transition:all .15s}.status-tab:hover{border-color:var(--brand);color:var(--brand)}.status-tab.active{background:var(--brand);color:#fff;border-color:var(--brand)}.filter-tab{padding:.3rem .85rem;border-radius:5px;border:1px solid #e5e7eb;background:#f9fafb;font-size:.82rem;cursor:pointer;color:#374151;transition:all .15s;white-space:nowrap}.filter-tab:hover{border-color:var(--brand);color:var(--brand);background:#eff6ff}.filter-tab.active{background:var(--brand);color:#fff;border-color:var(--brand)}.empty-state{display:flex;flex-direction:column;align-items:center;gap:.75rem;padding:4rem 2rem;color:#9ca3af}.empty-icon{font-size:3rem}.empty-text{font-size:1rem}.bom-table-wrap{background:#fff;border-radius:10px;box-shadow:0 1px 3px #00000014;overflow:hidden}.bom-table{width:100%;border-collapse:collapse}.bom-table th{background:#f8fafc;padding:.7rem 1rem;text-align:left;font-size:.8rem;color:#64748b;font-weight:600;border-bottom:1px solid #e2e8f0;white-space:nowrap}.bom-table td{padding:.75rem 1rem;border-bottom:1px solid #f1f5f9;font-size:.875rem;vertical-align:middle}.bom-row{cursor:pointer;transition:background .1s}.bom-row:hover{background:#f8fafc}.bom-table .center{text-align:center}.material-cell{display:flex;flex-wrap:wrap;align-items:center;gap:.35rem}.material-code{color:#94a3b8;font-size:.8rem}.material-name{font-weight:500}.spec{font-size:.8rem}.muted{color:#94a3b8;font-size:.8rem}.version-col{font-weight:600;color:#4f46e5}.variant-badge{display:inline-block;padding:.1rem .5rem;background:#ede9fe;color:#7c3aed;border-radius:12px;font-size:.78rem;font-weight:600}.status-badge{display:inline-block;padding:.2rem .65rem;border-radius:12px;font-size:.78rem;font-weight:500;white-space:nowrap}.type-badge{display:inline-block;padding:.2rem .65rem;border-radius:12px;font-size:.78rem;background:#e0f2fe;color:#0284c7;font-weight:500}.type-chip{display:inline-block;padding:.18rem .6rem;border-radius:10px;font-size:.78rem;font-weight:500;white-space:nowrap}.type-chip.type-base{background:#dbeafe;color:#1d4ed8}.type-chip.type-variant{background:#fce7f3;color:#be185d}.version-tag{font-size:.82rem;font-weight:700;color:#4f46e5}.ai-badge{font-size:.78rem;padding:.15rem .5rem;background:#fef3c7;color:#d97706;border-radius:10px}.ai-badge-sm{font-size:.7rem;padding:.1rem .4rem;background:#fef3c7;color:#d97706;border-radius:8px;display:inline-block;margin-top:.2rem}.pagination{display:flex;align-items:center;justify-content:center;gap:1rem;padding:1.25rem;font-size:.875rem}.pagination button{padding:.4rem 1rem;border:1px solid #d1d5db;border-radius:6px;background:#fff;cursor:pointer}.modal-content{background:#fff;border-radius:12px;padding:1.5rem;width:480px;max-width:95vw;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #0003;position:relative}.bom-drawer-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;z-index:1000;display:flex;align-items:stretch;justify-content:flex-end}.bom-drawer-panel{width:min(1100px,95vw);height:100vh;background:#fff;display:flex;flex-direction:column;box-shadow:-8px 0 40px #0000002e;animation:bom-slide-in .22s ease}@keyframes bom-slide-in{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.bom-drawer-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.5rem;border-bottom:1px solid #e5e7eb;background:#f8fafc;flex-shrink:0}.bom-drawer-title{display:flex;align-items:center;gap:.6rem}.bom-drawer-icon{font-size:1.25rem}.bom-drawer-title h3{margin:0;font-size:1.1rem;font-weight:600}.bom-drawer-subtitle{font-size:.85rem;background:#e0f2fe;color:#0369a1;padding:.15rem .6rem;border-radius:10px}.bom-drawer-body{flex:1;overflow:hidden;display:flex;gap:0}.bom-drawer-left{width:320px;flex-shrink:0;overflow-y:auto;padding:1.25rem;display:flex;flex-direction:column;gap:1rem;border-right:1px solid #e5e7eb;background:#fafafa}.bom-drawer-right{flex:1;overflow:hidden;display:flex;flex-direction:column;padding:1.25rem;gap:.75rem}.bom-drawer-footer{display:flex;align-items:center;justify-content:space-between;padding:.9rem 1.5rem;border-top:1px solid #e5e7eb;background:#f8fafc;flex-shrink:0}.bom-footer-hint{font-size:.85rem;color:#6b7280}.bom-section{background:#fff;border:1px solid #e5e7eb;border-radius:10px;padding:1rem;display:flex;flex-direction:column;gap:.85rem}.bom-section-title{font-size:.85rem;font-weight:600;color:#374151;padding-bottom:.5rem;border-bottom:1px solid #f1f5f9}.bom-field{display:flex;flex-direction:column;gap:.3rem}.bom-field-label{font-size:.82rem;font-weight:500;color:#4b5563}.bom-field-row{flex-direction:row!important;align-items:flex-end;gap:.5rem}.clickable-input{cursor:pointer;background:#fff!important}.clickable-input:hover{border-color:var(--brand)}.type-card-group{display:flex;gap:.5rem}.type-card{flex:1;border:2px solid #e5e7eb;border-radius:8px;padding:.6rem .75rem;cursor:pointer;transition:all .15s}.type-card:hover{border-color:var(--brand)}.type-card-active{border-color:var(--brand);background:#eff6ff}.type-card-name{font-size:.875rem;font-weight:600;color:#1d4ed8}.type-card-desc{font-size:.75rem;color:#6b7280;margin-top:.2rem}.ai-import-bar2{display:flex;gap:.5rem;flex-wrap:wrap}.lines-editor2{flex:1;display:flex;flex-direction:column;border:1px solid #e5e7eb;border-radius:10px;overflow:hidden;background:#fff}.lines-editor2-header{display:flex;justify-content:space-between;align-items:center;padding:.65rem 1rem;background:#f8fafc;border-bottom:1px solid #e5e7eb;font-size:.875rem;font-weight:600;color:#374151;flex-shrink:0}.lines-empty2{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#9ca3af;font-size:.875rem;padding:3rem}.lines-table2{width:100%;border-collapse:collapse;font-size:.83rem}.lines-table2 thead tr{background:#f1f5f9}.lines-table2 th{padding:.55rem .6rem;text-align:left;font-weight:600;color:#64748b;font-size:.78rem;border-bottom:1px solid #e2e8f0;white-space:nowrap}.lines-table2 td{padding:.4rem .45rem;border-bottom:1px solid #f1f5f9;vertical-align:middle}.lines-table2 tbody tr:hover td{background:#f8fafc}.lines-table2 tbody tr:last-child td{border-bottom:none}.line-idx{text-align:center;color:#94a3b8;font-size:.78rem}.line-row-missing td{background:#fffbeb}.line-row-missing:hover td{background:#fef9c3!important}.material-input2{width:100%;padding:.35rem .55rem;border:1px solid #d1d5db;border-radius:5px;font-size:.82rem;cursor:pointer;background:#fff;min-width:180px}.material-input2:hover{border-color:var(--brand)}.material-input2-empty{border-color:#fcd34d;background:#fffbeb}.material-input2-empty::placeholder{color:#d97706}.cell-input{width:100%;padding:.35rem .45rem;border:1px solid #e5e7eb;border-radius:5px;font-size:.82rem;background:#fff}.cell-input:focus{outline:2px solid var(--brand);outline-offset:-1px;border-color:transparent}.cell-select{width:100%;padding:.35rem .3rem;border:1px solid #e5e7eb;border-radius:5px;font-size:.8rem;background:#fff}.lines-editor2 .lines-table2-scroll{flex:1;overflow-y:auto}.btn-quick-create{background:none;border:1px solid #e5e7eb;border-radius:4px;padding:.22rem .35rem;font-size:.85rem;cursor:pointer;color:#6b7280;flex-shrink:0;line-height:1;transition:all .12s}.btn-quick-create:hover{border-color:#7c3aed;background:#faf5ff;color:#7c3aed}.quick-unit-btn{padding:.25rem .6rem;border:1px solid #d1d5db;border-radius:5px;background:#f9fafb;font-size:.8rem;cursor:pointer;color:#374151;transition:all .12s}.quick-unit-btn:hover{border-color:var(--brand);color:var(--brand)}.quick-unit-btn-active{background:var(--brand);color:#fff!important;border-color:var(--brand)!important}.picker-empty-create{padding:1.25rem;text-align:center}.tree-toggle{background:none;border:none;cursor:pointer;font-size:.7rem;color:#4f46e5;padding:.1rem .2rem;border-radius:3px;line-height:1}.tree-toggle:hover{background:#ede9fe}.tree-row td{transition:background .1s}.tree-row.depth-0 td{background:#fff}.tree-row.depth-1 td{background:#f8faff}.tree-row.depth-2 td{background:#f1f5ff}.tree-row.depth-3 td{background:#eef2ff}.tree-row:hover td{background:#e0e7ff!important}.tree-bom-badge{display:inline-block;padding:.1rem .4rem;background:#dbeafe;color:#1d4ed8;border-radius:8px;font-size:.72rem;font-weight:600;margin-left:.3rem}.tree-indent-line{display:inline-block;width:16px;height:1px;border-top:1px dashed #c7d2fe;vertical-align:middle;margin-right:4px}.modal-close{background:none;border:none;font-size:1.1rem;cursor:pointer;color:#9ca3af;padding:.25rem .5rem;border-radius:4px}.modal-desc{color:#4b5563;font-size:.9rem;line-height:1.6;margin:.5rem 0}.picker-modal{width:540px}.picker-search{display:flex;gap:.5rem;margin-bottom:1rem}.picker-search input{flex:1;padding:.45rem .75rem;border:1px solid #d1d5db;border-radius:6px;font-size:.875rem}.picker-search button{padding:.45rem 1rem;background:var(--brand);color:#fff;border:none;border-radius:6px;cursor:pointer}.picker-results{max-height:360px;overflow-y:auto}.picker-item{display:flex;align-items:center;gap:.5rem;padding:.65rem .75rem;border-radius:6px;cursor:pointer;font-size:.875rem;transition:background .1s}.picker-item:hover{background:#f0f9ff}.picker-code{color:#94a3b8;font-size:.8rem;white-space:nowrap}.picker-name{font-weight:500;flex:1}.picker-spec{color:#6b7280;font-size:.8rem}.picker-unit{color:#9ca3af;font-size:.8rem;white-space:nowrap}.picker-tip{padding:2rem;text-align:center;color:#9ca3af}.bom-form-body{display:flex;flex-direction:column;gap:1rem}.form-row{display:flex;flex-direction:column;gap:.35rem}.form-label{font-size:.85rem;font-weight:500;color:#374151}.form-label .required{color:#ef4444}.form-input{padding:.5rem .75rem;border:1px solid #d1d5db;border-radius:6px;font-size:.875rem;width:100%}.form-input.readonly{background:#f9fafb;cursor:default}.form-input:focus{outline:2px solid var(--brand);outline-offset:0;border-color:transparent}.form-error{color:#ef4444;font-size:.85rem;margin-top:.25rem}.type-radio-group{display:flex;flex-direction:column;gap:.5rem}.type-radio{display:flex;align-items:center;gap:.5rem;cursor:pointer;font-size:.875rem}.type-desc{color:#9ca3af;font-size:.78rem}.output-row{display:flex;align-items:center;gap:.5rem}.output-qty{width:100px;padding:.45rem .6rem;border:1px solid #d1d5db;border-radius:6px}.output-unit{width:80px;padding:.45rem .6rem;border:1px solid #d1d5db;border-radius:6px}.lines-editor{border:1px solid #e5e7eb;border-radius:8px;overflow:hidden}.lines-editor-header{display:flex;justify-content:space-between;align-items:center;padding:.6rem 1rem;background:#f8fafc;font-size:.85rem;font-weight:500;color:#374151;border-bottom:1px solid #e5e7eb}.lines-empty{padding:1.5rem;text-align:center;color:#9ca3af;font-size:.875rem}.line-row{border-bottom:1px solid #f1f5f9;padding:.75rem 1rem}.line-row:last-child{border-bottom:none}.line-row-top{display:flex;align-items:center;gap:.5rem;margin-bottom:.4rem}.line-no{font-size:.78rem;color:#94a3b8;width:18px;text-align:center;flex-shrink:0}.line-material{flex:1}.material-input{width:100%;padding:.4rem .6rem;border:1px solid #d1d5db;border-radius:5px;font-size:.83rem;cursor:pointer;background:#fff}.material-input:hover{border-color:var(--brand)}.qty-input{width:80px;padding:.4rem .5rem;border:1px solid #d1d5db;border-radius:5px;font-size:.83rem}.unit-input{width:60px;padding:.4rem .5rem;border:1px solid #d1d5db;border-radius:5px;font-size:.83rem}.type-select{padding:.4rem .5rem;border:1px solid #d1d5db;border-radius:5px;font-size:.83rem}.btn-remove{background:none;border:none;color:#ef4444;cursor:pointer;padding:.25rem .4rem;border-radius:4px;font-size:.9rem;flex-shrink:0}.btn-remove:hover{background:#fef2f2}.line-row-bottom{display:flex;gap:1.5rem;padding-left:26px;margin-top:.35rem}.line-row-bottom label{display:flex;align-items:center;gap:.35rem;font-size:.8rem;color:#6b7280}.scrap-input{width:65px;padding:.3rem .4rem;border:1px solid #e5e7eb;border-radius:4px;font-size:.8rem}.remark-input{width:180px;padding:.3rem .4rem;border:1px solid #e5e7eb;border-radius:4px;font-size:.8rem}.drawer-panel{width:600px;max-width:95vw;height:100%;background:#fff;box-shadow:-4px 0 24px #0000001f;display:flex;flex-direction:column;animation:slideIn .2s ease}.drawer-header{display:flex;justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;border-bottom:1px solid #e5e7eb;gap:.75rem}.drawer-title{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.drawer-body{flex:1;overflow-y:auto;padding:1.25rem 1.5rem;display:flex;flex-direction:column;gap:1.25rem}.drawer-footer{padding:1rem 1.5rem;border-top:1px solid #e5e7eb;display:flex;gap:.75rem;flex-wrap:wrap}.detail-section{background:#f8fafc;border-radius:8px;padding:1rem;display:flex;flex-direction:column;gap:.6rem}.section-title{font-size:.85rem;font-weight:600;color:#374151;margin-bottom:.5rem}.detail-row{display:flex;align-items:flex-start;gap:1rem;font-size:.875rem}.detail-label{color:#6b7280;width:80px;flex-shrink:0}.detail-value{color:#111827}.lines-table{width:100%;border-collapse:collapse;font-size:.83rem}.lines-table th{background:#f1f5f9;padding:.5rem .6rem;text-align:left;font-weight:600;color:#64748b;font-size:.78rem}.lines-table td{padding:.55rem .6rem;border-bottom:1px solid #f1f5f9;vertical-align:middle}.line-material-cell{display:flex;flex-wrap:wrap;align-items:center;gap:.3rem}.line-code{color:#94a3b8;font-size:.78rem}.qty-cell{font-weight:500;white-space:nowrap}.ai-import-bar{display:flex;align-items:center;gap:.5rem;padding:.65rem .85rem;background:linear-gradient(135deg,#faf5ff,#ede9fe);border:1px solid #ddd6fe;border-radius:8px;flex-wrap:wrap}.ai-import-label{font-size:.82rem;font-weight:600;color:#6d28d9;white-space:nowrap}.ai-import-btn{padding:.3rem .75rem;border:1px solid #c4b5fd;border-radius:6px;background:#fff;color:#6d28d9;font-size:.82rem;cursor:pointer;font-weight:500;transition:all .15s}.ai-import-btn:hover{background:#ede9fe}.ai-import-btn.active{background:#7c3aed;color:#fff;border-color:#7c3aed}.ai-import-btn-ml{border-color:#059669!important;color:#065f46!important;background:#ecfdf5!important}.ai-import-btn-ml:hover{background:#d1fae5!important}.ai-import-btn-ml.active{background:#059669!important;color:#fff!important;border-color:#059669!important}.ai-import-btn-ml{border-color:#059669;color:#065f46;background:#ecfdf5}.ai-import-btn-ml:hover{background:#d1fae5}.ai-import-btn-ml.active{background:#059669;color:#fff;border-color:#059669}.ai-input-area{display:flex;flex-direction:column;gap:.5rem;padding:.85rem;background:#faf5ff;border:1px solid #ddd6fe;border-radius:8px}.ai-textarea{width:100%;padding:.55rem .75rem;border:1px solid #c4b5fd;border-radius:6px;font-size:.875rem;font-family:inherit;resize:vertical;line-height:1.5}.ai-textarea:focus{outline:2px solid #7c3aed;outline-offset:0;border-color:transparent}.ai-input-actions{display:flex;gap:.5rem}.ai-hint{padding:.6rem .85rem;border-radius:6px;font-size:.82rem;line-height:1.5}.ai-hint-ok{background:#f0fdf4;color:#15803d;border:1px solid #bbf7d0}.ai-hint-warn{background:#fffbeb;color:#92400e;border:1px solid #fde68a}.ai-image-upload-area{width:100%}.ai-upload-btn{display:flex;align-items:center;justify-content:center;width:100%;border:2px dashed #c4b5fd;border-radius:8px;cursor:pointer;transition:all .15s}.ai-upload-btn:hover{border-color:#7c3aed;background:#faf5ff}.ai-upload-placeholder{display:flex;flex-direction:column;align-items:center;gap:.3rem;padding:1.5rem;font-size:.875rem;color:#6d28d9}.ai-upload-icon{font-size:2rem}.ai-image-preview{position:relative;display:inline-block}.ai-preview-img{max-width:100%;max-height:200px;border-radius:6px;border:1px solid #ddd6fe;object-fit:contain;display:block}.ai-clear-img{position:absolute;top:4px;right:4px;background:#0000008c;color:#fff;border:none;border-radius:4px;padding:.2rem .4rem;font-size:.75rem;cursor:pointer}.ai-clear-img:hover{background:#ef4444e6}.bom-pagination{display:flex;align-items:center;gap:.35rem;padding:1.25rem .5rem;flex-wrap:wrap}.bom-pagination-total{font-size:.82rem;color:#6b7280;margin-right:.5rem}.bom-pagination-info{font-size:.82rem;color:#6b7280;margin-left:.5rem}.bom-pagination-btn{min-width:2rem;height:2rem;padding:0 .65rem;border:1px solid #d1d5db;border-radius:5px;background:#fff;font-size:.82rem;cursor:pointer;color:#374151;transition:all .13s;white-space:nowrap}.bom-pagination-btn:hover:not(:disabled){border-color:var(--brand);color:var(--brand);background:#eff6ff}.bom-pagination-btn:disabled{opacity:.4;cursor:not-allowed}.bom-pagination-page{min-width:2rem;padding:0 .5rem}.bom-pagination-page.active{background:var(--brand);color:#fff;border-color:var(--brand)}.bom-pagination-ellipsis{font-size:.82rem;color:#9ca3af;padding:0 .2rem;-webkit-user-select:none;user-select:none}.modal-content textarea.form-input{min-height:80px;line-height:1.6}.bom-tab-badge{display:inline-flex;align-items:center;justify-content:center;min-width:1.1rem;height:1.1rem;padding:0 .3rem;margin-left:.35rem;border-radius:10px;font-size:.68rem;font-weight:700;line-height:1;background:#6366f1;color:#fff}.filter-tab.active .bom-tab-badge{background:#ffffff4d;color:#fff}.ml-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;z-index:1000;display:flex;align-items:center;justify-content:center}.ml-modal{background:#fff;border-radius:12px;width:min(860px,96vw);max-height:88vh;display:flex;flex-direction:column;box-shadow:0 20px 60px #0003;overflow:hidden}.ml-modal-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.25rem;border-bottom:1px solid #e5e7eb;flex-shrink:0}.ml-modal-title{display:flex;align-items:center;gap:.6rem}.ml-modal-icon{font-size:1.2rem}.ml-modal-title h3{margin:0;font-size:1.05rem;font-weight:600}.ml-confidence-badge{padding:.2rem .6rem;border-radius:12px;font-size:.75rem;font-weight:500}.ml-modal-close{background:none;border:none;cursor:pointer;font-size:1.1rem;color:#6b7280;padding:.2rem .4rem}.ml-modal-close:hover{color:#374151}.ml-stats-bar{display:flex;align-items:center;gap:1rem;padding:.6rem 1.25rem;background:#f8fafc;border-bottom:1px solid #e5e7eb;flex-wrap:wrap;flex-shrink:0}.ml-stat{font-size:.85rem;color:#374151}.ml-stat strong{font-weight:600}.ml-stat-warn{color:#d97706}.ml-stat-ok{color:#16a34a}.btn-ml-auto-create{margin-left:auto;padding:.3rem .85rem;background:#fef3c7;color:#92400e;border:1px solid #fcd34d;border-radius:6px;font-size:.8rem;cursor:pointer;font-weight:500}.btn-ml-auto-create:hover{background:#fde68a}.ml-hint-bar{padding:.5rem 1.25rem;font-size:.8rem;color:#6b7280;background:#f0f9ff;border-bottom:1px solid #bae6fd;flex-shrink:0}.ml-tree-container{flex:1;overflow-y:auto;padding:.5rem 0;min-height:200px}.ml-node-row{display:flex;align-items:flex-start;gap:.5rem;padding:.55rem 1rem .55rem 0;border-left:3px solid transparent;transition:background .1s}.ml-node-row:hover{background:#f8fafc}.ml-node-row.depth-0{border-left-color:var(--brand, #2563eb);background:#eff6ff}.ml-node-row.depth-1{border-left-color:#8b5cf6;background:#faf5ff}.ml-node-row.depth-2{border-left-color:#f59e0b;background:#fffbeb}.ml-node-row.depth-3{border-left-color:#10b981;background:#f0fdf4}.ml-node-row.ml-node-unmatched{border-left-color:#ef4444!important}.ml-node-toggle{flex-shrink:0;width:20px;text-align:center;padding-top:2px}.ml-toggle-btn{background:none;border:none;cursor:pointer;font-size:.7rem;color:#6b7280;padding:0;line-height:1}.ml-leaf-dot{font-size:.5rem;color:#cbd5e1;display:block;text-align:center}.ml-node-info{flex:1;min-width:0}.ml-node-name-row{display:flex;align-items:center;gap:.4rem;flex-wrap:wrap}.ml-node-badge{padding:.1rem .45rem;background:#1e3a5f;color:#fff;border-radius:4px;font-size:.65rem;font-weight:600;letter-spacing:.02em;flex-shrink:0}.ml-node-name{font-size:.92rem;font-weight:600}.ml-node-name.matched{color:#1e293b}.ml-node-name.unmatched{color:#b45309}.ml-node-meta{font-size:.76rem;color:#6b7280;margin-top:.15rem}.ml-as-child{margin-left:.75rem;color:#94a3b8}.ml-muted{color:#94a3b8;font-size:.82rem}.ml-node-actions{display:flex;align-items:center;gap:.4rem;flex-shrink:0;padding-top:2px}.btn-ml-match{padding:.2rem .6rem;background:var(--brand, #2563eb);color:#fff;border:none;border-radius:5px;font-size:.75rem;cursor:pointer}.btn-ml-match:hover{opacity:.85}.btn-ml-reselect{padding:.2rem .6rem;background:#f1f5f9;color:#374151;border:1px solid #d1d5db;border-radius:5px;font-size:.75rem;cursor:pointer}.ml-warn-badge{font-size:.72rem;color:#d97706;background:#fef3c7;padding:.15rem .5rem;border-radius:10px}.ml-line-row{display:flex;align-items:center;gap:.5rem;padding:.3rem 1rem .3rem 0;font-size:.85rem}.ml-line-row:hover{background:#f8fafc}.ml-line-row.ml-line-unmatched{background:#fff7ed}.ml-line-bullet{color:#cbd5e1;font-size:.7rem;flex-shrink:0}.ml-line-info{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ml-line-name{font-size:.85rem}.ml-line-name.matched{color:#374151}.ml-line-name.unmatched{color:#b45309}.ml-line-qty{font-size:.82rem;color:#374151;white-space:nowrap;flex-shrink:0}.ml-type-chip{padding:.1rem .5rem;border-radius:10px;font-size:.72rem;font-weight:500;flex-shrink:0}.ml-error{margin:.5rem 1.25rem;padding:.65rem .9rem;background:#fef2f2;border:1px solid #fecaca;border-radius:6px;color:#991b1b;font-size:.82rem;flex-shrink:0}.ml-modal-footer{display:flex;align-items:center;justify-content:space-between;padding:.875rem 1.25rem;border-top:1px solid #e5e7eb;flex-shrink:0;background:#f8fafc}.ml-activate-toggle{display:flex;align-items:center;gap:.4rem;font-size:.85rem;color:#374151;cursor:pointer}.ml-activate-toggle input{cursor:pointer}.ml-footer-actions{display:flex;gap:.6rem}.btn-ml-cancel{padding:.45rem 1.1rem;background:#f1f5f9;color:#374151;border:1px solid #d1d5db;border-radius:7px;cursor:pointer;font-size:.875rem}.btn-ml-submit{padding:.45rem 1.4rem;background:#16a34a;color:#fff;border:none;border-radius:7px;cursor:pointer;font-size:.875rem;font-weight:600}.btn-ml-submit:disabled{opacity:.55;cursor:not-allowed}.btn-ml-submit:not(:disabled):hover{background:#15803d}.ml-picker-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000059;z-index:1100;display:flex;align-items:center;justify-content:center}.ml-picker-box{background:#fff;border-radius:10px;width:min(420px,95vw);max-height:70vh;display:flex;flex-direction:column;box-shadow:0 12px 40px #0000002e}.ml-picker-header{display:flex;justify-content:space-between;align-items:center;padding:.875rem 1rem;font-weight:600;border-bottom:1px solid #e5e7eb}.ml-picker-header button{background:none;border:none;cursor:pointer;color:#6b7280;font-size:1rem}.ml-picker-search{display:flex;gap:.5rem;padding:.65rem 1rem;border-bottom:1px solid #f1f5f9}.ml-picker-search input{flex:1;padding:.4rem .75rem;border:1px solid #d1d5db;border-radius:6px;font-size:.875rem}.ml-picker-search button{padding:.4rem .9rem;background:var(--brand, #2563eb);color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:.875rem}.ml-picker-results{flex:1;overflow-y:auto}.ml-picker-tip{padding:1rem;color:#6b7280;font-size:.85rem;display:flex;flex-direction:column;gap:.5rem;align-items:flex-start}.btn-ml-create{padding:.3rem .8rem;background:var(--brand, #2563eb);color:#fff;border:none;border-radius:5px;cursor:pointer;font-size:.8rem}.ml-picker-item{display:flex;align-items:center;gap:.5rem;padding:.6rem 1rem;cursor:pointer;font-size:.875rem;border-bottom:1px solid #f8fafc}.ml-picker-item:hover{background:#f0f9ff}.ml-picker-code{color:#94a3b8;font-size:.8rem}.ml-picker-spec{color:#6b7280;font-size:.8rem}.ml-picker-unit{margin-left:auto;color:#94a3b8;font-size:.8rem}.drawings-panel{display:flex;flex-direction:column;gap:.75rem}.drawings-list{display:flex;flex-wrap:wrap;gap:.75rem;align-items:flex-start}.drawings-empty{display:flex;align-items:center;gap:.4rem;color:#94a3b8;font-size:.85rem;padding:.5rem 0}.drawing-thumb{display:flex;flex-direction:column;align-items:center;gap:.3rem;width:100px}.drawing-thumb-inner{width:100px;height:80px;border:1px solid #e2e8f0;border-radius:6px;overflow:hidden;cursor:pointer;display:flex;align-items:center;justify-content:center;background:#f8fafc;transition:border-color .15s,box-shadow .15s}.drawing-thumb-inner:hover{border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f61f}.drawing-img{width:100%;height:100%;object-fit:cover}.drawing-pdf-icon{display:flex;flex-direction:column;align-items:center;gap:.2rem;color:#ef4444;font-size:1.8rem}.drawing-pdf-label{font-size:.65rem;font-weight:600;color:#ef4444;letter-spacing:.05em}.drawing-thumb-name{font-size:.7rem;color:#64748b;text-align:center;width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.drawing-thumb-actions{display:flex;gap:.25rem}.drawing-action-btn{background:none;border:none;cursor:pointer;font-size:.9rem;padding:2px 4px;border-radius:4px;opacity:.7;transition:opacity .15s,background .15s}.drawing-action-btn:hover{opacity:1;background:#f1f5f9}.drawing-action-delete:hover{background:#fee2e2}.drawing-upload-btn{width:100px;height:80px;border:2px dashed #cbd5e1;border-radius:6px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.2rem;cursor:pointer;color:#94a3b8;font-size:.75rem;transition:border-color .15s,color .15s;-webkit-user-select:none;user-select:none}.drawing-upload-btn:hover{border-color:#3b82f6;color:#3b82f6}.drawing-upload-icon{font-size:1.4rem;line-height:1}.drawings-error{color:#ef4444;font-size:.82rem;padding:.25rem 0}.drawings-save-bar{display:flex;align-items:center;gap:.75rem;padding:.5rem 0}.drawings-save-hint{font-size:.8rem;color:#f59e0b}.drawings-ai-panel{background:#f0f9ff;border:1px solid #bae6fd;border-radius:8px;padding:.75rem 1rem;display:flex;flex-direction:column;gap:.6rem}.drawings-ai-header{display:flex;align-items:center;gap:.5rem}.drawings-ai-title{font-weight:600;font-size:.9rem;color:#0369a1}.drawings-ai-target{font-size:.75rem;color:#0284c7;background:#e0f2fe;padding:1px 6px;border-radius:4px;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.drawings-ai-close{background:none;border:none;cursor:pointer;font-size:.85rem;color:#64748b;margin-left:auto}.drawings-ai-tip{font-size:.78rem;color:#0369a1;opacity:.8}.drawings-ai-input-row{display:flex;gap:.5rem}.drawings-ai-input{flex:1;border:1px solid #bae6fd;border-radius:6px;padding:.4rem .6rem;font-size:.85rem;background:#fff;color:#1e293b;outline:none}.drawings-ai-input:focus{border-color:#38bdf8;box-shadow:0 0 0 2px #bae6fd40}.drawings-ai-loading{font-size:.83rem;color:#0284c7}.drawings-ai-answer{background:#fff;border:1px solid #bae6fd;border-radius:6px;padding:.6rem .75rem}.drawings-ai-answer-label{font-size:.72rem;font-weight:600;color:#0369a1;margin-bottom:.3rem;text-transform:uppercase;letter-spacing:.05em}.drawings-ai-answer-text{font-size:.85rem;color:#1e293b;white-space:pre-wrap;line-height:1.6}.drawing-preview-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000bf;z-index:9000;display:flex;align-items:center;justify-content:center}.drawing-preview-modal{background:#fff;border-radius:10px;overflow:hidden;display:flex;flex-direction:column;width:min(92vw,1100px);max-height:92vh;box-shadow:0 20px 60px #0006}.drawing-preview-header{display:flex;align-items:center;justify-content:space-between;padding:.6rem 1rem;background:#1e293b;color:#f8fafc;font-size:.88rem;gap:.5rem}.drawing-preview-body{flex:1;overflow:auto;display:flex;align-items:center;justify-content:center;background:#0f172a;min-height:300px}.drawing-preview-img{max-width:100%;max-height:80vh;object-fit:contain}.drawing-preview-pdf{width:100%;height:80vh;border:none}.bom-planner-page{padding:1.5rem;max-width:900px}.page-header{display:flex;align-items:center;gap:.75rem;margin-bottom:.5rem}.ai-label{padding:.2rem .65rem;background:linear-gradient(135deg,#7c3aed,#4f46e5);color:#fff;border-radius:20px;font-size:.78rem;font-weight:500}.page-desc{color:#6b7280;font-size:.9rem;margin:0 0 1.5rem}.planner-card{background:#fff;border-radius:12px;padding:1.25rem 1.5rem;margin-bottom:1.25rem;box-shadow:0 1px 4px #00000014}.order-select-row{display:flex;gap:.75rem;align-items:center}.order-select{flex:1;padding:.55rem .75rem;border:1px solid #d1d5db;border-radius:7px;font-size:.875rem;background:#fff}.hint{font-size:.82rem;color:#9ca3af;margin-top:.5rem}.hint.warn{color:#d97706}.analyzing-box{display:flex;flex-direction:column;align-items:center;gap:1rem;padding:2.5rem;background:#f8faff;border-radius:12px;border:1px dashed #a5b4fc;margin-bottom:1.25rem}.analyzing-spinner{width:36px;height:36px;border:3px solid #e0e7ff;border-top-color:#4f46e5;border-radius:50%;animation:spin .8s linear infinite}.analyzing-text{color:#4f46e5;font-size:.9rem}.error-bar{background:#fef2f2;border:1px solid #fecaca;color:#dc2626;padding:.75rem 1rem;border-radius:8px;font-size:.875rem;margin-bottom:1.25rem}.summary-row{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;margin-bottom:1.25rem}.summary-item{background:#f8fafc;border-radius:8px;padding:.85rem;text-align:center;border:1px solid #e2e8f0}.summary-item.ok{background:#f0fdf4;border-color:#bbf7d0}.summary-item.warn{background:#fffbeb;border-color:#fde68a}.summary-item.danger{background:#fef2f2;border-color:#fecaca}.summary-num{display:block;font-size:1.75rem;font-weight:700;color:#1e293b;line-height:1}.summary-item.ok .summary-num{color:#16a34a}.summary-item.warn .summary-num{color:#d97706}.summary-item.danger .summary-num{color:#dc2626}.summary-label{font-size:.78rem;color:#6b7280;margin-top:.25rem;display:block}.products-list{display:flex;flex-direction:column;gap:.5rem}.product-row{border:1px solid #e5e7eb;border-radius:8px;overflow:hidden}.product-row--use-base{border-color:#bbf7d0}.product-row--create-variant{border-color:#fde68a}.product-row--no-bom{border-color:#fecaca}.product-row-header{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1rem;cursor:pointer;background:#fff;gap:.75rem}.product-row-header:hover{background:#fafafa}.product-left{display:flex;align-items:center;gap:.5rem;flex:1;min-width:0}.product-code{font-size:.8rem;white-space:nowrap}.product-name{font-weight:500;font-size:.875rem}.product-qty{font-size:.8rem;color:#6b7280;white-space:nowrap}.product-right{display:flex;align-items:center;gap:.5rem;flex-shrink:0}.action-badge{padding:.18rem .65rem;border-radius:12px;font-size:.78rem;font-weight:500;white-space:nowrap}.base-ver{font-size:.78rem}.expand-chevron{font-size:.8rem;color:#94a3b8}.product-detail{padding:.85rem 1rem;background:#fffbeb;border-top:1px solid #fde68a}.variant-reason{font-size:.85rem;color:#92400e;margin-bottom:.75rem}.warn-detail{background:#fef2f2;border-color:#fecaca;color:#991b1b;font-size:.85rem}.variant-lines-table{width:100%;border-collapse:collapse;font-size:.82rem}.variant-lines-table th{background:#fef3c7;padding:.4rem .6rem;text-align:left;font-weight:600;color:#92400e;font-size:.78rem}.variant-lines-table td{padding:.45rem .6rem;border-bottom:1px solid #fde68a;vertical-align:middle}.type-chip-sm{background:#e0e7ff;color:#3730a3;padding:.1rem .4rem;border-radius:6px;font-size:.72rem}.apply-desc{font-size:.875rem;color:#4b5563;margin:0 0 1rem}.apply-btn{min-width:280px;padding:.65rem 1.5rem;font-size:.9rem}.apply-success{display:flex;flex-direction:column;gap:.35rem;color:#16a34a;font-weight:500}.apply-hint{font-size:.82rem;color:#6b7280;font-weight:400}.btn-primary{background:var(--brand, #2563eb);color:#fff}.debate-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;overflow:hidden;margin-top:1rem}.debate-card-header{display:flex;align-items:center;justify-content:space-between;padding:.85rem 1.25rem;background:linear-gradient(135deg,#f8fafc,#f0f4ff);border-bottom:1px solid #e2e8f0}.debate-card-title{display:flex;align-items:center;gap:.45rem;font-size:.9rem;font-weight:700;color:#1e293b}.debate-overall-score{display:flex;align-items:center;gap:.5rem}.score-ring{width:44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.85rem;font-weight:800;color:#fff;flex-shrink:0}.score-ring.good{background:linear-gradient(135deg,#22c55e,#16a34a)}.score-ring.medium{background:linear-gradient(135deg,#f59e0b,#d97706)}.score-ring.poor{background:linear-gradient(135deg,#ef4444,#dc2626)}.conflict-badge{padding:.2rem .6rem;border-radius:20px;font-size:.72rem;font-weight:600}.conflict-badge.low{background:#f0fdf4;color:#16a34a}.conflict-badge.medium{background:#fffbeb;color:#d97706}.conflict-badge.high{background:#fef2f2;color:#dc2626}.debate-views-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:0}.view-cell{padding:1rem 1.1rem;border-right:1px solid #f1f5f9;border-bottom:1px solid #f1f5f9;transition:background .15s}.view-cell:last-child{border-right:none}.view-cell:hover{background:#fafafa}.view-cell-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.6rem}.view-role-name{font-size:.8rem;font-weight:700;color:#374151;display:flex;align-items:center;gap:.3rem}.view-score-badge{font-size:.82rem;font-weight:800}.view-score-badge.good{color:#16a34a}.view-score-badge.medium{color:#d97706}.view-score-badge.poor{color:#dc2626}.view-direction{display:inline-flex;align-items:center;gap:.25rem;padding:.15rem .55rem;border-radius:20px;font-size:.72rem;font-weight:600;margin-bottom:.5rem}.view-direction.increase{background:#fef3c7;color:#92400e}.view-direction.decrease{background:#ede9fe;color:#5b21b6}.view-direction.neutral{background:#f1f5f9;color:#64748b}.view-progress{width:100%;height:4px;background:#e2e8f0;border-radius:2px;overflow:hidden;margin-bottom:.55rem}.view-progress-fill{height:100%;border-radius:2px;transition:width .4s ease}.view-progress-fill.good{background:#22c55e}.view-progress-fill.medium{background:#f59e0b}.view-progress-fill.poor{background:#ef4444}.view-reason{font-size:.76rem;color:#64748b;line-height:1.4}.debate-summary{padding:.85rem 1.25rem;background:#f8fafc;border-top:1px solid #f1f5f9}.debate-summary-label{font-size:.75rem;font-weight:600;color:#64748b;margin-bottom:.35rem;display:flex;align-items:center;gap:.3rem}.debate-summary-text{font-size:.84rem;color:#374151;line-height:1.55}.debate-consensus{display:flex;align-items:center;gap:.5rem;margin-top:.6rem;padding:.55rem .85rem;background:#eff6ff;border:1px solid #bfdbfe;border-radius:8px;font-size:.82rem;color:#1d4ed8;font-weight:600}.debate-toggle-btn{display:flex;align-items:center;gap:.3rem;padding:.25rem .7rem;border:1px solid #e2e8f0;border-radius:6px;background:#fff;color:#64748b;font-size:.78rem;cursor:pointer;transition:all .15s}.debate-toggle-btn:hover{background:#f8fafc;color:#1e293b}@media(max-width:900px){.debate-views-grid{grid-template-columns:repeat(2,1fr)}.view-cell:nth-child(2){border-right:none}}.mrp-ai-page{display:flex;flex-direction:column;height:calc(100vh - 56px);background:#f8fafc;overflow:hidden}.mrp-topbar{display:flex;align-items:center;justify-content:space-between;padding:.65rem 1.5rem;background:#fff;border-bottom:1px solid #e2e8f0;flex-shrink:0}.mrp-topbar-left{display:flex;align-items:center;gap:.6rem}.mrp-logo{font-size:1.2rem}.mrp-title{font-size:1rem;font-weight:700;color:#1e293b}.mrp-badge{padding:.15rem .55rem;background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;border-radius:20px;font-size:.72rem;font-weight:600;letter-spacing:.02em}.mrp-topbar-right{display:flex;gap:.4rem}.view-toggle{padding:.3rem .85rem;border:1px solid #e2e8f0;border-radius:6px;background:#fff;color:#64748b;font-size:.82rem;cursor:pointer;transition:all .15s}.view-toggle.active{background:#eff6ff;border-color:#bfdbfe;color:#2563eb;font-weight:600}.view-toggle:disabled{opacity:.4;cursor:not-allowed}.mrp-ai-layout{display:grid;grid-template-columns:1fr 200px;gap:0;flex:1;overflow:hidden}.mrp-ai-main{display:flex;flex-direction:column;overflow:hidden;border-right:1px solid #e2e8f0}.chat-stream{flex:1;overflow-y:auto;padding:1.25rem 1.5rem;display:flex;flex-direction:column;gap:1rem}.chat-msg{display:flex;align-items:flex-start;gap:.65rem}.chat-msg--user{flex-direction:row-reverse}.chat-avatar{width:32px;height:32px;border-radius:50%;background:#f1f5f9;display:flex;align-items:center;justify-content:center;font-size:1rem;flex-shrink:0}.chat-avatar--user{background:#eff6ff}.chat-bubble{max-width:76%;background:#fff;border-radius:14px 14px 14px 4px;padding:.85rem 1.1rem;box-shadow:0 1px 4px #00000012;border:1px solid #f1f5f9;font-size:.875rem;line-height:1.6}.chat-bubble--user{background:linear-gradient(135deg,#2563eb,#4f46e5);color:#fff;border-radius:14px 14px 4px;border:none;max-width:60%}.thinking-steps{border:1px solid #e0e7ff;border-radius:8px;background:#f8f9ff;padding:.7rem .9rem;margin-bottom:.75rem;font-size:.83rem}.thinking-steps--active{border-color:#c7d2fe;animation:pulse-border 2s ease-in-out infinite}.thinking-steps--done{border-color:#d1fae5;background:#f0fdf9}@keyframes pulse-border{0%,to{border-color:#c7d2fe}50%{border-color:#818cf8}}.thinking-header{display:flex;align-items:center;gap:.5rem;font-weight:600;color:#4f46e5;margin-bottom:.55rem;font-size:.8rem}.thinking-steps--done .thinking-header{color:#16a34a}.thinking-check{color:#16a34a;font-size:1rem}.thinking-spinner{width:14px;height:14px;border:2px solid #c7d2fe;border-top-color:#4f46e5;border-radius:50%;animation:spin .7s linear infinite;flex-shrink:0}.thinking-list{display:flex;flex-direction:column;gap:.25rem}.thinking-step{display:flex;align-items:flex-start;gap:.4rem;color:#374151}.step-dot{width:5px;height:5px;border-radius:50%;background:#818cf8;flex-shrink:0;margin-top:.45rem}.ai-text{color:#1e293b}.ai-summary{padding:.75rem 1rem;background:linear-gradient(135deg,#f0f4ff,#faf5ff);border-radius:8px;border-left:3px solid #6366f1;font-size:.875rem;color:#1e293b;margin-bottom:.75rem}.ai-md-h3{font-size:.9rem;font-weight:700;color:#1e293b;margin:.25rem 0 .4rem}.ai-md-ul{padding-left:1.2rem;margin:.25rem 0}.ai-md-link{color:#2563eb;text-decoration:underline}.warning-list{display:flex;flex-direction:column;gap:.35rem;margin-bottom:.75rem}.warning-item{padding:.4rem .75rem;background:#fffbeb;border:1px solid #fde68a;border-radius:6px;font-size:.82rem;color:#92400e}.result-summary{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:.85rem}.rs-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:.5rem .85rem;text-align:center;min-width:80px}.rs-purchase{border-color:#bfdbfe;background:#eff6ff}.rs-production{border-color:#ddd6fe;background:#faf5ff}.rs-stock{border-color:#bbf7d0;background:#f0fdf4}.rs-estimate{border-color:#fde68a;background:#fffbeb}.rs-num{display:block;font-size:1.35rem;font-weight:700;color:#1e293b;line-height:1.1}.rs-num--sm{font-size:.95rem}.rs-purchase .rs-num{color:#2563eb}.rs-production .rs-num{color:#7c3aed}.rs-stock .rs-num{color:#16a34a}.rs-estimate .rs-num{color:#d97706}.rs-label{font-size:.72rem;color:#64748b;display:block;margin-top:.15rem}.material-cards{display:flex;flex-direction:column;gap:.5rem;margin-bottom:.85rem}.mc-group{display:flex;flex-direction:column;gap:.3rem}.mc-group-title{font-size:.8rem;font-weight:700;padding:.2rem 0}.mat-card{background:#fafbff;border:1px solid #e2e8f0;border-radius:8px;padding:.55rem .85rem;transition:box-shadow .15s}.mat-card:hover{box-shadow:0 2px 8px #00000012}.mat-card--stock{background:#f0fdf4;border-color:#bbf7d0;opacity:.85}.mat-card--overridden{background:#fff;border-color:#e2e8f0;opacity:1}.mat-card-stock-override{display:flex;flex-direction:column;gap:.2rem}.mat-card-stock-hint{font-size:.74rem;color:#64748b}.mat-card-main{display:flex;align-items:center;justify-content:space-between}.mat-card-info{display:flex;align-items:center;gap:.5rem}.mat-card-name{font-weight:600;font-size:.875rem;color:#1e293b}.mat-card-code{font-size:.76rem}.qty-need{font-weight:700;color:#2563eb;font-size:.9rem}.qty-ok{font-weight:600;color:#16a34a;font-size:.9rem}.mat-card-detail{display:flex;align-items:center;gap:.85rem;margin-top:.3rem;font-size:.78rem;flex-wrap:wrap}.supplier-hint{color:#374151}.supplier-warn{color:#d97706;font-weight:500}.qty-detail{font-size:.75rem}.mrp-params{display:flex;gap:.6rem;flex-wrap:wrap;margin-top:.35rem;padding-top:.35rem;border-top:1px solid #f1f5f9;width:100%}.mrp-param-item{display:inline-flex;align-items:center;gap:.2rem;padding:.15rem .5rem;background:#f0f9ff;border:1px solid #bae6fd;border-radius:6px;color:#0c4a6e;font-size:.75rem;font-weight:500;white-space:nowrap}.adjusted-qty{color:#ea580c;font-weight:700;margin-left:.25rem}.mat-card-path{margin-top:.3rem}.path-toggle{background:none;border:none;color:#6366f1;font-size:.75rem;cursor:pointer;padding:0}.path-text{font-size:.75rem;color:#64748b;margin-left:.4rem}.result-actions{display:flex;gap:.65rem;flex-wrap:wrap;margin-top:.5rem}.btn-confirm{display:flex;align-items:center;gap:.4rem;padding:.55rem 1.25rem;background:linear-gradient(135deg,#2563eb,#4f46e5);color:#fff;border:none;border-radius:8px;font-size:.875rem;font-weight:600;cursor:pointer;transition:opacity .15s}.btn-confirm:disabled{opacity:.5;cursor:not-allowed}.btn-view-table{padding:.55rem 1rem;background:#f8fafc;color:#374151;border:1px solid #e2e8f0;border-radius:8px;font-size:.875rem;cursor:pointer;transition:background .15s}.btn-view-table:hover{background:#f1f5f9}.btn-spinner{width:14px;height:14px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .7s linear infinite;display:inline-block}.chat-input-area{padding:.85rem 1.25rem 1rem;background:#fff;border-top:1px solid #e2e8f0;flex-shrink:0}.chat-params{display:flex;gap:.5rem;margin-bottom:.6rem}.param-select{padding:.38rem .65rem;border:1px solid #d1d5db;border-radius:6px;font-size:.82rem;background:#fff;color:#1e293b;flex:1}.param-select--sm{flex:0 0 auto;max-width:160px}.param-wh-badge{flex:0 0 auto;padding:.38rem .7rem;background:#f0fdf4;border:1px solid #86efac;border-radius:6px;font-size:.82rem;color:#166534;white-space:nowrap;-webkit-user-select:none;user-select:none}.chat-input-row{display:flex;gap:.5rem;align-items:flex-end}.chat-textarea{flex:1;padding:.6rem .85rem;border:1px solid #d1d5db;border-radius:8px;font-size:.875rem;resize:none;line-height:1.5;font-family:inherit;background:#fafbff;transition:border-color .15s}.chat-textarea:focus{outline:none;border-color:#6366f1;background:#fff}.chat-textarea:disabled{opacity:.6}.chat-send-btn{width:40px;height:40px;flex-shrink:0;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;border:none;border-radius:8px;font-size:1.1rem;cursor:pointer;transition:opacity .15s}.chat-send-btn:disabled{opacity:.45;cursor:not-allowed}.chat-hints{display:flex;align-items:center;gap:.4rem;margin-top:.45rem;font-size:.78rem;color:#94a3b8;flex-wrap:wrap}.hint-chip{padding:.18rem .65rem;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:20px;color:#475569;font-size:.76rem;cursor:pointer;transition:background .1s}.hint-chip:hover{background:#e2e8f0}.mrp-ai-sidebar{background:#fff;padding:1rem;overflow-y:auto}.sidebar-hd{font-weight:700;font-size:.85rem;color:#374151;margin-bottom:.75rem;padding-bottom:.5rem;border-bottom:1px solid #f1f5f9}.sidebar-empty{font-size:.82rem;color:#94a3b8;text-align:center;padding:1rem 0}.sidebar-search{margin-bottom:.6rem}.sidebar-search-input{width:100%;padding:.35rem .6rem;border:1px solid #e2e8f0;border-radius:6px;font-size:.78rem;color:#374151;background:#f8fafc;box-sizing:border-box;outline:none;transition:border-color .15s}.sidebar-search-input:focus{border-color:#6366f1;background:#fff}.history-card{padding:.6rem .75rem;border-radius:8px;border:1px solid #f1f5f9;cursor:pointer;margin-bottom:.4rem;transition:background .1s}.history-card:hover{background:#f8fafc}.history-card.active{background:#eff6ff;border-color:#bfdbfe}.hc-doc{font-size:.84rem;font-weight:600;color:#1e293b;margin-bottom:.3rem}.hc-meta{display:flex;align-items:center;justify-content:space-between}.hc-status{padding:.1rem .45rem;border-radius:8px;font-size:.72rem;font-weight:600}.hc-date{font-size:.72rem;color:#94a3b8}.hc-status-row{display:flex;align-items:center;gap:.35rem;margin-bottom:.2rem}.hc-status-icon{font-size:.85rem;flex-shrink:0}.hc-summary{font-size:.75rem;color:#64748b;margin-bottom:.2rem}.hc-cancel-btn{margin-top:.4rem;width:100%;padding:.2rem 0;font-size:.72rem;color:#ef4444;background:none;border:1px solid #fecaca;border-radius:6px;cursor:pointer;transition:background .1s}.hc-cancel-btn:hover{background:#fef2f2}.hc-cancel-btn:disabled{opacity:.5;cursor:not-allowed}.table-view{display:flex;flex-direction:column;height:100%;padding:1rem 1.25rem}.table-view-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;gap:1rem;color:#94a3b8}.table-view-hd{display:flex;align-items:center;gap:.85rem;margin-bottom:.85rem;flex-shrink:0}.table-view-title{font-weight:700;color:#1e293b;font-size:.95rem;flex:1}.btn-back{padding:.35rem .85rem;background:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;color:#64748b;font-size:.82rem;cursor:pointer;transition:background .1s}.btn-back:hover{background:#f1f5f9}.table-scroll{flex:1;overflow:auto}.mrp-table{width:100%;border-collapse:collapse;font-size:.83rem}.mrp-table th{background:#f8fafc;padding:.6rem .75rem;text-align:left;font-weight:600;color:#64748b;font-size:.78rem;border-bottom:2px solid #e2e8f0;white-space:nowrap;position:sticky;top:0}.mrp-table td{padding:.65rem .75rem;border-bottom:1px solid #f1f5f9;vertical-align:middle}.mrp-table .num{text-align:right;white-space:nowrap}.mrp-row--from-stock{opacity:.65}.mrp-row:hover{background:#fafafa}.type-badge{padding:.15rem .55rem;border-radius:10px;font-size:.76rem;font-weight:500;white-space:nowrap}.muted{color:#94a3b8}.need{color:#2563eb}.path-btn{background:#f1f5f9;border:1px solid #e2e8f0;color:#64748b;padding:.15rem .5rem;border-radius:5px;font-size:.75rem;cursor:pointer}.path-detail{font-size:.75rem;color:#64748b;margin-top:.3rem;padding:.3rem .5rem;background:#f8fafc;border-radius:4px;line-height:1.5}.chat-context-bar{display:flex;align-items:center;gap:.5rem;padding:.35rem .65rem;background:#f0f9ff;border:1px solid #bae6fd;border-radius:6px;margin-bottom:.55rem;font-size:.8rem}.context-label{color:#64748b}.context-val{font-weight:600;color:#0284c7}.context-change{margin-left:auto;padding:.1rem .5rem;background:#fff;border:1px solid #bae6fd;border-radius:4px;color:#0284c7;font-size:.75rem;cursor:pointer}.context-mode-badge{padding:.1rem .5rem;background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;border-radius:10px;font-size:.72rem;font-weight:600}.confirm-card{margin-top:.75rem;padding:.75rem 1rem;background:#fffbeb;border:1px solid #fde68a;border-radius:8px}.confirm-card-hint{font-size:.8rem;color:#92400e;margin-bottom:.5rem;font-weight:500}.confirm-card-actions{display:flex;gap:.5rem}.bom-tree-view{display:flex;flex-direction:column;height:100%}.bom-tree-hd{display:flex;align-items:center;gap:.75rem;padding:.85rem 1.25rem;border-bottom:1px solid #e2e8f0;background:#fff;flex-shrink:0;flex-wrap:wrap}.bom-tree-title{font-weight:700;font-size:.95rem;color:#1e293b;flex:1}.bom-tree-subtitle{font-weight:400;font-size:.85rem}.bom-tree-actions{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.bom-override-badge{padding:.15rem .6rem;background:#fef3c7;border:1px solid #fde68a;border-radius:12px;font-size:.75rem;color:#92400e;font-weight:600}.bom-legend{display:flex;align-items:center;gap:.85rem;padding:.5rem 1.25rem;background:#f8fafc;border-bottom:1px solid #f1f5f9;font-size:.78rem;flex-shrink:0;flex-wrap:wrap}.bom-legend-item{display:flex;align-items:center;gap:.25rem;color:#374151}.bom-legend-sep{color:#cbd5e1}.bom-tree-body{flex:1;overflow-y:auto;padding:.75rem 0}.bom-node{display:flex;align-items:center;gap:.45rem;padding:.42rem 1rem .42rem 8px;border-bottom:1px solid #f8fafc;transition:background .1s;min-height:38px;position:relative}.bom-node:hover{background:#f8fafc}.bom-node--product{background:#f0f4ff;border-bottom:2px solid #e0e7ff;font-size:.9rem}.bom-node--product:hover{background:#e8eeff}.bom-node--stock{opacity:.65}.bom-node--unchecked{opacity:.5}.bom-expand-btn{background:none;border:none;width:18px;height:18px;flex-shrink:0;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#94a3b8;font-size:.7rem;padding:0;border-radius:3px}.bom-expand-btn:hover{background:#e2e8f0;color:#475569}.bom-checkbox{flex-shrink:0;width:15px;height:15px;cursor:pointer;accent-color:#6366f1}.bom-product-icon{flex-shrink:0;font-size:.9rem}.bom-node-info{display:flex;align-items:baseline;gap:.4rem;flex:1;min-width:0}.bom-node-name{font-size:.85rem;color:#1e293b;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bom-node-name--product{font-weight:700;font-size:.92rem;color:#3730a3}.bom-node-code{font-size:.74rem;white-space:nowrap}.bom-multipath-badge{display:inline-flex;align-items:center;padding:.05rem .45rem;border-radius:8px;font-size:.7rem;font-weight:600;background:#fef3c7;border:1px solid #fde68a;color:#92400e;white-space:nowrap;cursor:help}.bom-node-qty{display:flex;align-items:baseline;gap:.35rem;flex-shrink:0;min-width:90px;text-align:right;justify-content:flex-end;flex-wrap:wrap}.bom-stock-hint{font-size:.72rem;color:#94a3b8;white-space:nowrap}.bom-action-select{display:flex;gap:.25rem;flex-shrink:0}.bom-action-btn{padding:.2rem .6rem;border:1px solid #e2e8f0;border-radius:6px;background:#f8fafc;color:#64748b;font-size:.76rem;cursor:pointer;transition:all .12s;white-space:nowrap}.bom-action-btn:hover{border-color:#94a3b8;background:#f1f5f9}.bom-action-btn--active{font-weight:700}.bom-action-btn--purchase.bom-action-btn--active{background:#eff6ff;border-color:#93c5fd;color:#1d4ed8}.bom-action-btn--production.bom-action-btn--active{background:#faf5ff;border-color:#c4b5fd;color:#6d28d9}.bom-action-btn--stock.bom-action-btn--active{background:#f0fdf4;border-color:#86efac;color:#16a34a}.bom-no-bom-hint{font-size:.74rem;padding:.15rem .45rem;background:#fff7ed;border:1px solid #fed7aa;color:#c2410c;border-radius:4px;white-space:nowrap;flex-shrink:0;cursor:default}.bom-supplier-hint{font-size:.76rem;white-space:nowrap;flex-shrink:0;max-width:160px;overflow:hidden;text-overflow:ellipsis}.bom-stock-badge{font-size:.75rem;color:#16a34a;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:8px;padding:.1rem .45rem;flex-shrink:0}.bom-children{border-left:2px solid #e0e7ff;margin-left:26px}.bom-order-done-badge{display:inline-flex;align-items:center;gap:.25rem;padding:.2rem .65rem;border-radius:10px;font-size:.76rem;font-weight:600;text-decoration:none;cursor:pointer;transition:opacity .15s;flex-shrink:0}.bom-order-done-badge:hover{opacity:.8}.bom-order-done-badge--production{background:#f0fdf4;border:1px solid #86efac;color:#16a34a}.bom-order-done-badge--purchase{background:#eff6ff;border:1px solid #93c5fd;color:#1d4ed8}.bom-staging-badge{display:inline-flex;align-items:center;gap:.25rem;padding:.2rem .65rem;border-radius:10px;font-size:.76rem;font-weight:600;text-decoration:none;cursor:pointer;transition:opacity .15s;flex-shrink:0}.bom-staging-badge:hover{opacity:.8}.bom-staging-badge--pending{background:#fffbeb;border:1px solid #fde68a;color:#92400e}.bom-staging-badge--converted{background:#eff6ff;border:1px solid #93c5fd;color:#1d4ed8}.bom-node--done{background:#f8fafb}.bom-node--done .bom-node-name{color:#64748b}.bom-checkbox:disabled{cursor:not-allowed;opacity:.5}.mat-card--done{background:#f0fdf4;opacity:.85}.mat-card--done .mat-card-name{color:#64748b}.mat-card-done-badge{display:inline-flex;align-items:center;padding:.1rem .5rem;background:#dcfce7;border:1px solid #86efac;border-radius:8px;font-size:.73rem;font-weight:600;color:#16a34a;white-space:nowrap}.result-done-info{display:flex;align-items:center;flex-wrap:wrap;gap:.5rem;padding:.55rem .85rem;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:8px;font-size:.82rem}.result-done-icon{font-size:1rem}.result-done-text{color:#16a34a;font-weight:500}.result-done-link{display:inline-flex;align-items:center;padding:.2rem .65rem;background:#fff;border:1px solid #86efac;border-radius:6px;color:#16a34a;font-size:.78rem;font-weight:600;cursor:pointer;transition:background .1s}.result-done-link:hover{background:#dcfce7}.result-done-link--purchase{border-color:#93c5fd;color:#1d4ed8}.result-done-link--purchase:hover{background:#eff6ff}.qty-split-editor{background:#f8fafc;border:1px solid #e2e8f0;border-top:none;border-radius:0 0 6px 6px;padding:.4rem .75rem .45rem;display:flex;flex-direction:column;gap:.28rem}.qty-split-header{display:flex;align-items:center;gap:.6rem;margin-bottom:.1rem}.qty-split-header-label{font-size:.72rem;font-weight:700;color:#475569;text-transform:uppercase;letter-spacing:.03em}.qty-split-header-info{font-size:.72rem}.qty-split-row{display:flex;align-items:center;gap:.45rem}.qty-split-label{font-size:.75rem;font-weight:600;width:4rem;flex-shrink:0;white-space:nowrap}.qty-split-label--purchase{color:#2563eb}.qty-split-label--production{color:#7c3aed}.qty-split-label--stock{color:#16a34a}.qty-split-input{width:5.5rem;padding:.18rem .4rem;border:1px solid #cbd5e1;border-radius:4px;font-size:.82rem;text-align:right;transition:border-color .15s,background .15s;background:#fff}.qty-split-input:focus{outline:none;border-color:#6366f1;box-shadow:0 0 0 2px #e0e7ff}.qty-split-input--modified{border-color:#f59e0b;background:#fffbeb}.qty-split-input--modified:focus{border-color:#d97706;box-shadow:0 0 0 2px #fef3c7}.qty-split-unit{font-size:.76rem;color:#64748b;flex-shrink:0}.qty-split-hint{font-size:.7rem;color:#94a3b8}.qty-split-row--stock{opacity:.85}.qty-split-stock-val{min-width:5.5rem;text-align:right;font-size:.82rem;font-weight:600;color:#16a34a;padding:.18rem .4rem;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:4px}.qty-split-stock-val--zero{color:#94a3b8;background:#f8fafc;border-color:#e2e8f0}.qty-split-summary{font-size:.72rem;color:#64748b;padding-top:.2rem;border-top:1px dashed #e2e8f0;margin-top:.05rem}.qty-split-summary--over{color:#b45309;background:#fffbeb;padding:.2rem .4rem;border-radius:4px;border:none}.qty-split-err{color:#dc2626;font-weight:700}.qty-split-remain{color:#0369a1}.bom-partial-hint{font-size:.72rem;color:#92400e;background:#fffbeb;border:1px solid #fde68a;border-radius:4px;padding:.1rem .4rem;margin-left:.3rem;white-space:nowrap}.bom-full-hint{font-size:.72rem;color:#16a34a;margin-left:.3rem}.mrp-shortage-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;z-index:2000;display:flex;align-items:center;justify-content:center;padding:16px}.mrp-shortage-modal{background:#fff;border-radius:14px;width:640px;max-width:96vw;max-height:85vh;display:flex;flex-direction:column;box-shadow:0 20px 60px #0000002e;overflow:hidden}.mrp-shortage-header{display:flex;align-items:center;gap:10px;padding:20px 24px 0}.mrp-shortage-icon{font-size:22px;line-height:1}.mrp-shortage-header h3{margin:0;font-size:17px;font-weight:700;color:#92400e}.mrp-shortage-desc{margin:10px 24px 12px;font-size:13px;color:#374151;line-height:1.6}.mrp-shortage-table-wrap{flex:1;overflow-y:auto;margin:0 24px;border:1px solid #e5e7eb;border-radius:8px}.mrp-shortage-table{width:100%;border-collapse:collapse;font-size:13px}.mrp-shortage-table th{position:sticky;top:0;background:#fefce8;padding:8px 12px;text-align:left;font-size:12px;font-weight:600;color:#78350f;border-bottom:1px solid #fde68a;white-space:nowrap}.mrp-shortage-table th.num{text-align:right}.shortage-row td{padding:9px 12px;border-bottom:1px solid #f3f4f6;vertical-align:middle}.shortage-row:last-child td{border-bottom:none}.shortage-row:hover td{background:#fffbeb}.shortage-mat-name{font-weight:500;color:#1e293b;max-width:160px;word-break:break-all}.shortage-code{color:#9ca3af;font-size:12px}.mrp-shortage-table .num{text-align:right}.shortage-unit{color:#9ca3af;font-size:11px}.shortage-gap{color:#ef4444;font-size:14px}.shortage-type-badge{display:inline-flex;align-items:center;padding:2px 8px;border-radius:99px;font-size:12px;font-weight:500;white-space:nowrap}.shortage-type-badge--purchase{background:#dbeafe;color:#1d4ed8}.shortage-type-badge--production{background:#ede9fe;color:#6d28d9}.mrp-shortage-hint{margin:10px 24px 0;font-size:12px;color:#6b7280;line-height:1.5}.mrp-shortage-actions{display:flex;justify-content:flex-end;gap:10px;padding:16px 24px;border-top:1px solid #f3f4f6;margin-top:8px}.mrp-shortage-cancel{padding:8px 18px;border:1px solid #d1d5db;border-radius:7px;background:#f9fafb;color:#374151;font-size:13px;font-weight:500;cursor:pointer;transition:background .15s}.mrp-shortage-cancel:hover{background:#e5e7eb}.mrp-shortage-confirm{padding:8px 20px;border:none;border-radius:7px;background:#d97706;color:#fff;font-size:13px;font-weight:600;cursor:pointer;transition:background .15s}.mrp-shortage-confirm:hover{background:#b45309}.so-page{padding:1.25rem 1.5rem 1rem;display:flex;flex-direction:column;height:100%;overflow:hidden}.so-page .page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;flex-shrink:0}.so-page .page-header h1{margin:0;font-size:1.25rem;font-weight:600;color:#111827;letter-spacing:-.01em}.so-page .filter-section{background:#fff;border:1px solid #e5e7eb;border-radius:6px;margin-bottom:.75rem;flex-shrink:0;overflow:hidden}.so-page .search-box{display:flex;gap:.5rem;padding:.75rem 1rem;border-bottom:1px solid #f3f4f6;align-items:center}.so-page .search-box input{flex:1;height:32px;padding:0 .75rem;border:1px solid #d1d5db;border-radius:4px;font-size:.8125rem;color:#111827;background:#fafafa;transition:border-color .15s,box-shadow .15s}.so-page .search-box input:focus{outline:none;border-color:#2563eb;background:#fff;box-shadow:0 0 0 2px #2563eb1a}.so-page .search-box button{height:32px;padding:0 1rem;background:#2563eb!important;background-image:none!important;color:#fff!important;border:none!important;border-radius:4px!important;box-shadow:none!important;cursor:pointer;font-size:.8125rem;font-weight:500;white-space:nowrap;transition:background .15s}.so-page .search-box button:hover{background:#1d4ed8!important}.so-page .status-tabs{display:flex;gap:0;padding:0 .5rem}.so-page .status-tabs .status-tab{padding:.5rem 1rem;background:transparent!important;background-image:none!important;border:none!important;border-bottom:2px solid transparent!important;border-radius:0!important;box-shadow:none!important;cursor:pointer;font-size:.8125rem;color:#6b7280!important;font-weight:400;white-space:nowrap;transition:color .15s;margin-bottom:-1px}.so-page .status-tabs .status-tab:hover{color:#374151!important;background:transparent!important}.so-page .status-tabs .status-tab.active{color:#2563eb!important;font-weight:600;border-bottom:2px solid #2563eb!important;background:transparent!important}.so-page .so-table-wrap{flex:1;min-height:0;background:#fff;border:1px solid #e5e7eb;border-radius:6px;overflow:auto}.so-page .so-table{width:100%;border-collapse:collapse;font-size:.8125rem}.so-page .so-table thead tr{background:#f8f9fa;position:sticky;top:0;z-index:2}.so-page .so-table thead tr:after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:#e5e7eb}.so-page .so-table th{padding:.5rem .75rem;text-align:left;font-size:.7rem;font-weight:700;color:#9ca3af;text-transform:uppercase;letter-spacing:.05em;white-space:nowrap;border-bottom:1px solid #e5e7eb}.so-page .so-table th.num,.so-page .so-table td.num{text-align:right}.so-page .so-row{border-bottom:1px solid #f3f4f6;cursor:pointer;transition:background .1s}.so-page .so-row:last-child{border-bottom:none}.so-page .so-row:hover{background:#f5f8ff}.so-page .so-table td{padding:.5rem .75rem;vertical-align:middle}.so-page .doc-no{font-weight:600;font-size:.8125rem;color:#111827;white-space:nowrap}.so-page .muted{color:#9ca3af;font-size:.78rem}.so-page .so-status-badge{display:inline-flex;align-items:center;gap:.3rem;padding:0 .5rem;height:20px;border-radius:3px;font-size:.72rem;font-weight:600;white-space:nowrap}.so-page .status-dot{width:5px;height:5px;border-radius:50%;flex-shrink:0}.so-page .so-mrp-badge{display:inline-flex;align-items:center;padding:0 .45rem;height:18px;border-radius:3px;font-size:.7rem;font-weight:600;white-space:nowrap}.so-page .so-mrp-none{color:#9ca3af;background:#f3f4f6}.so-page .settle-badge{display:inline-flex;align-items:center;padding:0 .45rem;height:18px;border-radius:3px;font-size:.7rem;font-weight:600;white-space:nowrap}.so-page .settle-badge.settled{background:#d1fae5;color:#065f46}.so-page .settle-badge.partial{background:#fef3c7;color:#92400e}.so-page .row-actions{display:flex;align-items:center;gap:.3rem}.so-page .btn-row--primary{height:26px;padding:0 .625rem;background:#2563eb!important;background-image:none!important;color:#fff!important;border:none!important;border-radius:4px!important;box-shadow:none!important;cursor:pointer;font-size:.73rem;font-weight:500;white-space:nowrap;transition:background .15s;flex-shrink:0}.so-page .btn-row--primary:hover{background:#1d4ed8!important}.so-page .btn-link{background:none!important;border:none!important;box-shadow:none!important;color:#2563eb!important;cursor:pointer;padding:.2rem .4rem;font-size:.78rem;border-radius:3px;transition:background .1s}.so-page .btn-link:hover{background:#eff6ff!important;text-decoration:none}.so-page .btn-link-green{color:#16a34a!important}.so-page .btn-link-green:hover{background:#f0fdf4!important}.so-page .btn-link-blue{color:#2563eb!important;font-weight:500}.so-page .btn-link-blue:hover{background:#eff6ff!important}.so-page .btn-link-blue:disabled{opacity:.5;cursor:not-allowed}.so-page .btn-link-warn{color:#d97706!important;font-weight:500}.so-page .btn-link-warn:hover{background:#fffbeb!important}.so-page .loading{text-align:center;padding:3rem;color:#9ca3af;font-size:.875rem}.so-page .empty-state{display:flex;flex-direction:column;align-items:center;gap:.75rem;padding:4rem 2rem;color:#9ca3af}.so-page .empty-icon{font-size:2.5rem}.so-page .pagination{display:flex;justify-content:center;align-items:center;gap:.75rem;margin-top:.75rem;flex-shrink:0}.so-page .pagination button{height:28px;padding:0 .75rem;background:#fff!important;background-image:none!important;border:1px solid #d1d5db!important;border-radius:4px!important;box-shadow:none!important;cursor:pointer;font-size:.8rem;color:#374151!important;transition:all .15s}.so-page .pagination button:hover:not(:disabled){background:#f3f4f6!important;border-color:#9ca3af!important}.so-page .pagination button:disabled{opacity:.4;cursor:not-allowed}.so-page .pagination span{font-size:.8rem;color:#6b7280}.so-page .btn{height:32px;padding:0 1rem;border-radius:4px!important;border:1px solid transparent;cursor:pointer;font-size:.8125rem;font-weight:500;white-space:nowrap;transition:all .15s;box-shadow:none!important}.so-page .btn-primary{background:#2563eb!important;background-image:none!important;color:#fff!important;border-color:#2563eb!important}.so-page .btn-primary:hover{background:#1d4ed8!important;border-color:#1d4ed8!important}.so-page .btn-secondary{background:#fff!important;background-image:none!important;color:#374151!important;border-color:#d1d5db!important}.so-page .btn-secondary:hover{background:#f9fafb!important;border-color:#9ca3af!important}.so-page .tab-count-badge{display:inline-flex;align-items:center;justify-content:center;min-width:16px;height:16px;padding:0 4px;margin-left:4px;border-radius:8px;background:#ef4444;color:#fff;font-size:.65rem;font-weight:700;line-height:1;vertical-align:middle}.so-page .status-tab.active .tab-count-badge{background:#2563eb}.so-page .prog-text-cell{display:inline-flex;align-items:baseline;gap:2px;white-space:nowrap}.so-page .prog-num{font-size:.8rem;font-weight:600;color:#111827}.so-page .prog-sep{font-size:.75rem;color:#9ca3af;margin:0 1px}.so-page .prog-denom{font-size:.75rem;color:#6b7280}.so-page .prog-done-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:#10b981;margin-left:4px;flex-shrink:0;align-self:center}.so-page .prog-combined-cell{display:flex;flex-direction:column;gap:3px}.so-page .prog-combined-row{display:inline-flex;align-items:baseline;gap:2px;white-space:nowrap}.so-page .prog-label{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;border-radius:3px;font-size:.65rem;font-weight:700;flex-shrink:0;margin-right:3px;align-self:center}.so-page .prog-label--buy{background:#fef3c7;color:#92400e}.so-page .prog-label--make{background:#ede9fe;color:#5b21b6}.so-page .search-box{display:flex;flex-wrap:wrap;gap:.5rem;padding:.625rem .875rem;align-items:center;border-bottom:none}.so-page .search-box input,.so-page .search-box select{height:30px;padding:0 .625rem;border:1px solid #d1d5db;border-radius:4px;font-size:.8125rem;background:#fafafa;color:#111827;transition:border-color .15s,box-shadow .15s;box-sizing:border-box;-webkit-appearance:auto;-moz-appearance:auto;appearance:auto}.so-page .search-box input:focus,.so-page .search-box select:focus{outline:none;border-color:#2563eb;background:#fff;box-shadow:0 0 0 2px #2563eb1a}.so-page .search-box .inp-keyword{width:160px}.so-page .search-box .inp-short{width:130px}.so-page .search-box .inp-date{width:126px}.so-page .search-box .sel-mrp{width:112px}.so-page .search-box .inp-amount{width:90px}.so-page .search-sep{font-size:.75rem;color:#d1d5db;flex-shrink:0;line-height:30px}.so-page .search-actions{display:flex;gap:.375rem;align-items:center;margin-left:auto}.so-page .btn-ghost{height:30px;padding:0 .875rem;background:#fff!important;background-image:none!important;color:#374151!important;border:1px solid #d1d5db!important;border-radius:4px!important;box-shadow:none!important;cursor:pointer;font-size:.8125rem;font-weight:500;white-space:nowrap;transition:all .15s}.so-page .btn-ghost:hover{background:#f9fafb!important;border-color:#9ca3af!important}.so-page .so-table-wrap{flex:1;min-height:0;background:#fff;border:1px solid #e5e7eb;border-radius:6px;overflow:hidden;display:flex;flex-direction:column}.so-page .table-tabs{display:flex;gap:0;padding:0 .5rem;border-bottom:1px solid #e5e7eb;background:#fff;flex-shrink:0;overflow-x:auto;scrollbar-width:none}.so-page .table-tabs::-webkit-scrollbar{display:none}.so-page .table-tabs .status-tab{padding:.45rem .875rem;background:transparent!important;background-image:none!important;border:none!important;border-bottom:2px solid transparent!important;border-radius:0!important;box-shadow:none!important;cursor:pointer;font-size:.8125rem;color:#6b7280!important;font-weight:400;white-space:nowrap;transition:color .15s;margin-bottom:-1px}.so-page .table-tabs .status-tab:hover{color:#374151!important}.so-page .table-tabs .status-tab.active{color:#2563eb!important;font-weight:600;border-bottom:2px solid #2563eb!important}.so-page .table-toolbar{display:flex;align-items:center;justify-content:space-between;padding:.35rem .875rem;border-bottom:1px solid #f3f4f6;background:#fafafa;flex-shrink:0;font-size:.78rem;color:#6b7280}.so-page .pager{display:flex;align-items:center;gap:.5rem}.so-page .pager button{height:24px;padding:0 .625rem;background:#fff!important;background-image:none!important;border:1px solid #d1d5db!important;border-radius:3px!important;box-shadow:none!important;cursor:pointer;font-size:.73rem;color:#374151!important;transition:all .12s}.so-page .pager button:hover:not(:disabled){background:#f3f4f6!important;border-color:#9ca3af!important}.so-page .pager button:disabled{opacity:.35;cursor:not-allowed}.so-page .table-scroll{flex:1;min-height:0;overflow:auto}.btn-link-profit{color:#2563eb;font-weight:500;background:#eff6ff;border:none;border-radius:4px;padding:3px 8px;font-size:.78rem;cursor:pointer;white-space:nowrap;transition:background .15s,color .15s}.btn-link-profit:hover{background:#dbeafe;color:#1d4ed8}.btn-link-profit:active{opacity:.8}.btn-link-disabled{opacity:.4;cursor:not-allowed;pointer-events:none}.profit-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000059;z-index:900;animation:pd-fade-in .2s ease}.profit-drawer{position:fixed;top:0;right:0;bottom:0;width:560px;max-width:100vw;background:#fff;box-shadow:-4px 0 32px #00000024;z-index:901;display:flex;flex-direction:column;animation:pd-slide-in .22s ease}@keyframes pd-fade-in{0%{opacity:0}to{opacity:1}}@keyframes pd-slide-in{0%{transform:translate(100%)}to{transform:translate(0)}}.pd-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.25rem;border-bottom:1px solid #e5e7eb;flex-shrink:0;background:#fff}.pd-header-left{display:flex;align-items:center;gap:.625rem}.pd-title{font-size:1rem;font-weight:700;color:#111827}.pd-docno{font-size:.78rem;color:#6b7280;font-family:SF Mono,Consolas,monospace;background:#f3f4f6;padding:2px 7px;border-radius:4px}.pd-close{width:2rem;height:2rem;border-radius:50%;border:none;background:#f3f4f6;color:#6b7280;font-size:.85rem;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .15s}.pd-close:hover{background:#e5e7eb;color:#111827}.pd-body{flex:1;overflow-y:auto;padding:1.25rem;display:flex;flex-direction:column;gap:1rem}.pd-loading{display:flex;flex-direction:column;align-items:center;gap:.75rem;padding:3rem 0;color:#6b7280;font-size:.875rem}.pd-spinner{width:2rem;height:2rem;border:3px solid #e5e7eb;border-top-color:#2563eb;border-radius:50%;animation:pd-spin .75s linear infinite}@keyframes pd-spin{to{transform:rotate(360deg)}}.pd-summary{border-radius:8px;padding:1rem 1.125rem;border:1px solid transparent}.pd-summary--ok{background:linear-gradient(135deg,#ecfdf5,#f0fdf4);border-color:#a7f3d0}.pd-summary--risk{background:linear-gradient(135deg,#fffbeb,#fefce8);border-color:#fcd34d}.pd-kpi-row{display:flex;gap:0;margin-bottom:.875rem}.pd-kpi{flex:1;display:flex;flex-direction:column;align-items:center;padding:0 .5rem;border-right:1px solid rgba(0,0,0,.07)}.pd-kpi:last-child{border-right:none}.pd-kpi-val{font-size:1.45rem;font-weight:800;color:#111827;font-variant-numeric:tabular-nums;line-height:1.2}.pd-kpi-val--ok{color:#059669}.pd-kpi-val--risk{color:#d97706}.pd-kpi-val--profit{color:#059669}.pd-kpi-label{font-size:.72rem;color:#6b7280;margin-top:.25rem;white-space:nowrap}.pd-ai-summary{display:flex;align-items:flex-start;gap:.4rem;background:#ffffffa6;border-radius:6px;padding:.5rem .75rem;font-size:.8rem;color:#374151;line-height:1.6;margin-bottom:.5rem}.pd-ai-icon{color:#7c3aed;font-size:.75rem;flex-shrink:0;margin-top:2px}.pd-risks{display:flex;flex-direction:column;gap:4px}.pd-risk-item{display:flex;align-items:flex-start;gap:.35rem;font-size:.78rem;color:#92400e;line-height:1.5}.pd-risk-dot{color:#d97706;flex-shrink:0;margin-top:1px}.pd-section{display:flex;flex-direction:column;gap:.625rem}.pd-section-title{font-size:.72rem;font-weight:700;color:#9ca3af;text-transform:uppercase;letter-spacing:.06em}.pd-bar-wrap{display:flex;flex-direction:column;gap:.4rem}.pd-bar{display:flex;height:10px;border-radius:5px;overflow:hidden;background:#f3f4f6}.pd-bar-seg{height:100%;transition:width .4s ease}.pd-bar-mat{background:#2563eb}.pd-bar-labor{background:#10b981}.pd-bar-ohd{background:#f59e0b}.pd-bar-other{background:#8b5cf6}.pd-bar-legend{display:flex;gap:1rem;flex-wrap:wrap}.pd-legend-item{display:flex;align-items:center;gap:5px;font-size:.75rem;color:#6b7280}.pd-dot{display:inline-block;width:10px;height:10px;border-radius:2px;flex-shrink:0}.pd-dot-mat{background:#2563eb}.pd-dot-labor{background:#10b981}.pd-dot-ohd{background:#f59e0b}.pd-dot-other{background:#8b5cf6}.pd-cost-list{border:1px solid #e5e7eb;border-radius:8px;overflow:hidden}.pd-cost-group{border-bottom:1px solid #e5e7eb}.pd-cost-group:last-child{border-bottom:none}.pd-cost-row{display:flex;align-items:flex-start;justify-content:space-between;padding:.75rem 1rem;gap:.75rem;border-bottom:1px solid #f3f4f6;background:#fff}.pd-cost-row:last-child{border-bottom:none}.pd-cost-row--group{cursor:pointer;-webkit-user-select:none;user-select:none;transition:background .12s}.pd-cost-row--group:hover{background:#f9fafb}.pd-cost-row--total{background:#f9fafb;border-top:1px solid #e5e7eb}.pd-cost-left{display:flex;align-items:flex-start;gap:.6rem;flex:1;min-width:0}.pd-cost-left .pd-dot{margin-top:3px;flex-shrink:0}.pd-cost-name{font-size:.875rem;font-weight:600;color:#111827;line-height:1.4}.pd-cost-name--total{font-size:.9rem;font-weight:700}.pd-cost-note{font-size:.72rem;color:#9ca3af;margin-top:2px;line-height:1.55}.pd-cost-right{display:flex;align-items:center;gap:.5rem;flex-shrink:0;text-align:right}.pd-cost-amt{font-size:.9rem;font-weight:700;color:#111827;font-variant-numeric:tabular-nums;white-space:nowrap}.pd-cost-amt--total{font-size:1rem;font-weight:800}.pd-cost-pct{font-size:.72rem;color:#9ca3af;white-space:nowrap;min-width:2.5rem;text-align:right}.pd-expand-icon{font-size:.65rem;color:#9ca3af;margin-left:2px}.pd-mat-table-wrap{background:#f9fafb;border-top:1px solid #e5e7eb;padding:.625rem 1rem .75rem}.pd-warn-bar{background:#fffbeb;border:1px solid #fcd34d;border-radius:5px;padding:.375rem .75rem;font-size:.75rem;color:#92400e;margin-bottom:.625rem}.pd-mat-table{width:100%;border-collapse:collapse;font-size:.78rem}.pd-mat-table th{padding:.3rem .5rem;text-align:left;font-weight:600;color:#6b7280;font-size:.7rem;text-transform:uppercase;letter-spacing:.04em;border-bottom:1px solid #e5e7eb;white-space:nowrap}.pd-mat-table th.num,.pd-mat-table td.num{text-align:right}.pd-mat-table td{padding:.375rem .5rem;color:#111827;border-bottom:1px solid #f3f4f6;vertical-align:middle}.pd-mat-table tbody tr:last-child td{border-bottom:none}.pd-mat-row--missing{background:#fffbeb}.pd-mat-name{max-width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pd-mat-qty{color:#374151}.pd-mat-sub{font-weight:700;color:#111827}.pd-no-price{color:#d97706;font-style:italic}.pd-mat-table tfoot td{padding:.4rem .5rem;border-top:2px solid #e5e7eb;font-weight:700}.pd-mat-footer-label{color:#374151;font-size:.78rem}.pd-mat-footer-total{color:#111827;font-size:.85rem;font-variant-numeric:tabular-nums}.pd-src-tag{display:inline-block;font-size:.68rem;padding:1px 6px;border-radius:3px;font-weight:600;white-space:nowrap}.src-avg{background:#eff6ff;color:#1d4ed8}.src-last{background:#f5f3ff;color:#6d28d9}.src-missing{background:#fffbeb;color:#b45309}.pd-footer{display:flex;align-items:center;justify-content:space-between;padding-top:.5rem;border-top:1px solid #f3f4f6;margin-top:auto}.pd-updated{font-size:.72rem;color:#9ca3af}.pd-refresh-btn{font-size:.78rem;color:#2563eb;background:#eff6ff;border:none;border-radius:4px;padding:4px 12px;cursor:pointer;font-weight:500;transition:background .15s}.pd-refresh-btn:hover{background:#dbeafe}.pd-refresh-btn:disabled{opacity:.5;cursor:not-allowed}.shipboard-page{padding:12px 16px;max-width:1400px;font-size:13px;color:#1f2937;display:flex;flex-direction:column;gap:8px}.sb-toolbar{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;background:#fff;border:1px solid #e5e7eb;border-radius:4px;padding:8px 14px}.sb-toolbar-left{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.sb-toolbar-right{display:flex;align-items:center;gap:6px}.sb-view-switch{display:flex;border:1px solid #d9d9d9;border-radius:4px;overflow:hidden}.sb-view-btn{background:none;border:none;padding:4px 12px;font-size:12px;font-weight:500;cursor:pointer;color:#6b7280;transition:background .1s,color .1s}.sb-view-btn+.sb-view-btn{border-left:1px solid #d9d9d9}.sb-view-btn--active{background:#1677ff;color:#fff}.sb-view-btn:not(.sb-view-btn--active):hover{background:#f3f4f6}.sb-nav{display:flex;align-items:center;gap:4px}.sb-nav-btn{background:none;border:1px solid #e5e7eb;border-radius:4px;width:26px;height:26px;font-size:16px;cursor:pointer;color:#374151;display:flex;align-items:center;justify-content:center}.sb-nav-btn:hover{background:#f3f4f6}.sb-month-label{font-size:14px;font-weight:700;color:#111827;min-width:130px;text-align:center}.sb-today-btn{height:26px;padding:0 10px;background:none;border:1px solid #d9d9d9;border-radius:4px;font-size:12px;cursor:pointer;color:#374151}.sb-today-btn:hover{border-color:#1677ff;color:#1677ff}.sb-select{height:28px;padding:0 8px;border:1px solid #d9d9d9;border-radius:4px;font-size:12px;background:#fff}.sb-search{display:flex;align-items:center;gap:4px}.sb-search-input{height:28px;padding:0 8px;width:180px;border:1px solid #d9d9d9;border-radius:4px;font-size:12px;outline:none}.sb-search-input:focus{border-color:#1677ff}.sb-search-btn{height:28px;padding:0 10px;background:#1677ff;color:#fff;border:none;border-radius:4px;font-size:12px;cursor:pointer}.sb-clear-btn{height:28px;padding:0 8px;background:none;border:1px solid #ffccc7;border-radius:4px;font-size:12px;color:#cf1322;cursor:pointer}.sb-clear-btn:hover{background:#fff1f0}.sb-btn{height:28px;padding:0 12px;border-radius:4px;border:1px solid transparent;font-size:12px;font-weight:500;cursor:pointer;white-space:nowrap}.sb-btn:disabled{opacity:.45;cursor:not-allowed}.sb-btn-primary{background:#1677ff;color:#fff;border-color:#1677ff}.sb-btn-primary:hover:not(:disabled){background:#0958d9}.sb-btn-ghost{background:#fff;color:#374151;border-color:#d9d9d9}.sb-btn-ghost:hover:not(:disabled){border-color:#1677ff;color:#1677ff}.sb-btn-danger{background:#fff;color:#ff4d4f;border-color:#ff4d4f}.sb-btn-danger:hover:not(:disabled){background:#fff1f0}.sb-error{background:#fff1f0;border:1px solid #ffccc7;color:#cf1322;padding:7px 12px;border-radius:4px;font-size:12px}.sb-success{background:#f6ffed;border:1px solid #d9f7be;color:#389e0d;padding:7px 12px;border-radius:4px;font-size:12px}.sb-summary{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:12px;padding:4px 2px}.sb-legend{display:flex;align-items:center;gap:10px}.sb-legend-item{display:flex;align-items:center;gap:4px;font-size:11px;color:#6b7280}.sb-legend-dot{width:10px;height:10px;border-radius:2px;flex-shrink:0}.sb-summary-divider{width:1px;height:16px;background:#e5e7eb}.sb-summary-label{color:#6b7280}.sb-summary-label strong{color:#111827}.sb-summary-chip{padding:2px 7px;border-radius:3px;font-size:11px;font-weight:600}.sb-calendar{background:#fff;border:1px solid #e5e7eb;border-radius:4px;overflow:hidden;flex:1}.sb-cal-header{display:grid;grid-template-columns:repeat(7,1fr);background:#fafafa;border-bottom:1px solid #e5e7eb}.sb-cal-dow{padding:6px 0;text-align:center;font-size:11px;font-weight:600;color:#9ca3af}.sb-cal-grid{display:grid;grid-template-columns:repeat(7,1fr);grid-template-rows:repeat(6,minmax(90px,auto))}.sb-cal-grid--week{grid-template-rows:minmax(240px,auto)}.sb-cal-cell{min-height:90px;padding:4px;border-right:1px solid #f0f0f0;border-bottom:1px solid #f0f0f0;overflow:hidden}.sb-cal-cell--week{min-height:240px}.sb-cal-cell:nth-child(7n){border-right:none}.sb-cal-grid>.sb-cal-cell:nth-last-child(-n+7){border-bottom:none}.sb-cal-cell--out{background:#fafafa}.sb-cal-cell--out .sb-cal-date-num{color:#d1d5db}.sb-cal-date-num{display:flex;align-items:center;gap:4px;font-size:12px;font-weight:600;color:#374151;margin-bottom:4px;min-height:22px}.sb-date-today-circle{background:#1677ff;color:#fff;border-radius:50%;width:20px;height:20px;display:inline-flex;align-items:center;justify-content:center;font-weight:700;font-size:11px}.sb-date-count{font-size:10px;color:#9ca3af;font-weight:400}.sb-cal-events{display:flex;flex-direction:column;gap:2px}.sb-event{display:flex;align-items:flex-start;gap:4px;width:100%;padding:3px 5px;border-radius:3px;border:none;border-left:3px solid;cursor:pointer;font-size:11px;text-align:left;overflow:hidden;transition:filter .1s;min-height:20px}.sb-event:hover{filter:brightness(.92)}.sb-event-dot{width:6px;height:6px;border-radius:50%;flex-shrink:0;margin-top:3px}.sb-event-body{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.sb-event-row1{display:flex;align-items:center;justify-content:space-between;gap:3px}.sb-event-no{font-weight:700;font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sb-event-count{font-size:10px;color:#6b7280;white-space:nowrap;flex-shrink:0}.sb-event-row2{display:flex;align-items:center;gap:3px}.sb-event-cust{font-size:10px;color:#6b7280;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sb-event-products{display:flex;flex-direction:column;gap:1px;margin-top:2px}.sb-event-product-row{display:flex;align-items:center;justify-content:space-between;font-size:10px;color:#374151}.sb-event-product-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1}.sb-event-product-qty{flex-shrink:0;color:#6b7280;margin-left:4px}.sb-event-product-more{font-size:10px;color:#9ca3af}.sb-event-progress{display:flex;align-items:center;gap:4px;margin-top:2px}.sb-event-progress-bar{flex:1;height:3px;background:#0000001a;border-radius:2px;overflow:hidden}.sb-event-progress-fill{height:100%;border-radius:2px;transition:width .2s}.sb-event-progress-pct{font-size:10px;color:#9ca3af;flex-shrink:0}.sb-event--compact{padding:2px 4px;min-height:16px}.sb-event--compact .sb-event-dot{width:5px;height:5px;margin-top:2px}.sb-event--tiny{padding:1px 3px;min-height:13px;font-size:10px}.sb-event--tiny .sb-event-dot{width:4px;height:4px;margin-top:1px}.sb-event--week{padding:6px 8px;min-height:60px;flex-direction:column;gap:4px;align-items:stretch}.sb-event--week .sb-event-dot{display:none}.sb-event--week .sb-event-no{font-size:12px}.sb-pop-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000004d;z-index:500;display:flex;align-items:center;justify-content:center}.sb-pop{background:#fff;border-radius:6px;width:420px;max-width:96vw;box-shadow:0 8px 32px #00000029;padding:16px 18px;max-height:85vh;overflow-y:auto}.sb-pop-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.sb-pop-title{display:flex;align-items:center;gap:7px;flex-wrap:wrap}.sb-pop-no{font-size:14px;font-weight:700;color:#111827}.sb-pop-status{font-size:11px;font-weight:600;padding:2px 7px;border-radius:3px}.sb-pop-stock{font-size:11px;font-weight:600}.sb-pop-close{background:none;border:none;color:#9ca3af;cursor:pointer;font-size:16px;padding:2px 4px;border-radius:4px}.sb-pop-close:hover{color:#ff4d4f;background:#fff1f0}.sb-pop-meta{display:flex;flex-direction:column;gap:5px;font-size:12px;color:#374151;padding-bottom:10px;border-bottom:1px solid #f0f0f0;margin-bottom:10px}.sb-pop-meta>div{display:flex;align-items:center;gap:6px}.sb-pop-lbl{color:#9ca3af;flex-shrink:0;min-width:56px}.sb-pop-link{background:none;border:none;padding:0;color:#1677ff;cursor:pointer;font-size:12px;font-family:inherit}.sb-pop-link:hover{text-decoration:underline}.sb-pop-lines-title{font-size:11px;font-weight:600;color:#6b7280;margin-bottom:6px;text-transform:uppercase;letter-spacing:.03em}.sb-pop-lines{display:flex;flex-direction:column;gap:6px;margin-bottom:14px}.sb-pop-line{padding:7px 10px;background:#fafafa;border-radius:4px;display:flex;flex-direction:column;gap:3px}.sb-pop-line-top{display:flex;align-items:center;gap:6px}.sb-pop-line-name{font-weight:600;font-size:12px;color:#111827;flex:1}.sb-pop-line-code{font-size:10px;color:#9ca3af;background:#f0f0f0;padding:1px 5px;border-radius:3px}.sb-pop-line-bar-row{display:flex;align-items:center;gap:6px}.sb-pop-line-bar{flex:1;height:4px;background:#e5e7eb;border-radius:2px;overflow:hidden}.sb-pop-line-bar-fill{height:100%;border-radius:2px;transition:width .2s}.sb-pop-line-qty{font-size:11px;color:#6b7280;white-space:nowrap}.sb-pop-line-stock{font-size:11px;font-weight:500}.sb-pop-actions{display:flex;gap:6px;justify-content:flex-end;flex-wrap:wrap;padding-top:12px;border-top:1px solid #f0f0f0}.sb-btn-ai{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-color:transparent}.sb-btn-ai:hover:not(:disabled){background:linear-gradient(135deg,#5a6fd6,#6a4190)}.sb-btn-ai:disabled{background:#d1d5db}.sb-ai-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000040;z-index:600;display:flex;justify-content:flex-end}.sb-ai-panel{width:520px;max-width:96vw;height:100%;background:#fff;box-shadow:-4px 0 24px #0000001f;display:flex;flex-direction:column;animation:sb-ai-slide-in .22s ease}@keyframes sb-ai-slide-in{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.sb-ai-header{display:flex;align-items:center;justify-content:space-between;padding:14px 18px 12px;border-bottom:1px solid #e5e7eb;flex-shrink:0}.sb-ai-title{display:flex;align-items:center;gap:8px;font-size:15px;font-weight:700;color:#111827}.sb-ai-icon{font-size:18px}.sb-ai-badge{font-size:11px;font-weight:500;background:#ede9fe;color:#6d28d9;padding:2px 8px;border-radius:10px}.sb-ai-badge--cached{background:#fef3c7;color:#92400e}.sb-ai-scope{padding:6px 18px;font-size:11px;color:#6b7280;background:#f9fafb;border-bottom:1px solid #f0f0f0;flex-shrink:0;display:flex;align-items:center;gap:6px;flex-wrap:wrap}.sb-ai-scope-sep{color:#d1d5db}.sb-ai-body{flex:1;overflow-y:auto;padding:16px 18px}.sb-ai-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:60px 20px;color:#6b7280;font-size:13px;text-align:center}.sb-ai-spinner{width:36px;height:36px;border:3px solid #e5e7eb;border-top-color:#7c3aed;border-radius:50%;animation:sb-spin .8s linear infinite}@keyframes sb-spin{to{transform:rotate(360deg)}}.sb-ai-error{background:#fff1f0;border:1px solid #ffccc7;color:#cf1322;padding:12px 14px;border-radius:6px;font-size:13px}.sb-ai-footer{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:12px 18px;border-top:1px solid #e5e7eb;flex-shrink:0}.sb-ai-hint{font-size:11px;color:#9ca3af;flex:1;text-align:right}.sb-ai-markdown{font-size:13px;line-height:1.7;color:#1f2937}.sb-ai-h2{font-size:15px;font-weight:700;color:#111827;margin:16px 0 6px;padding-bottom:4px;border-bottom:2px solid #ede9fe}.sb-ai-h3{font-size:13px;font-weight:700;color:#374151;margin:12px 0 4px}.sb-ai-p{margin:4px 0;color:#374151}.sb-ai-li{margin:3px 0 3px 16px;list-style:disc;display:list-item;color:#374151}.sb-ai-li--num{list-style:decimal}.sb-ai-gap{height:6px}.sb-ai-table{width:100%;border-collapse:collapse;margin:8px 0;font-size:12px}.sb-ai-table th,.sb-ai-table td{border:1px solid #e5e7eb;padding:5px 8px;text-align:left}.sb-ai-table th{background:#f9fafb;font-weight:600;color:#374151}.sb-ai-table tr:nth-child(2n) td{background:#fafafa}.sb-ai-tabs{display:flex;border-bottom:1px solid #e5e7eb;flex-shrink:0}.sb-ai-tab{flex:1;height:36px;background:none;border:none;font-size:12px;font-weight:500;color:#6b7280;cursor:pointer;border-bottom:2px solid transparent;transition:color .15s,border-color .15s;display:flex;align-items:center;justify-content:center;gap:5px}.sb-ai-tab:hover{color:#374151}.sb-ai-tab--active{color:#7c3aed;border-bottom-color:#7c3aed}.sb-ai-tab-count{background:#ede9fe;color:#6d28d9;font-size:10px;padding:1px 5px;border-radius:8px;font-weight:600}.sb-ai-hist-empty{padding:48px 20px;text-align:center;font-size:13px;color:#9ca3af}.sb-ai-hist-list{display:flex;flex-direction:column;gap:6px}.sb-ai-hist-item{border:1px solid #e5e7eb;border-radius:6px;overflow:hidden}.sb-ai-hist-header{display:flex;align-items:center;justify-content:space-between;padding:9px 12px;background:#fafafa;cursor:pointer;-webkit-user-select:none;user-select:none;transition:background .1s}.sb-ai-hist-header:hover{background:#f3f4f6}.sb-ai-hist-meta{display:flex;align-items:center;gap:6px;flex-wrap:wrap;flex:1}.sb-ai-hist-time{font-size:12px;font-weight:600;color:#374151}.sb-ai-hist-tag{font-size:11px;color:#6b7280;background:#f0f0f0;padding:1px 6px;border-radius:3px}.sb-ai-hist-count{font-size:11px;color:#7c3aed;font-weight:600}.sb-ai-hist-actions{display:flex;align-items:center;gap:8px;flex-shrink:0}.sb-ai-hist-arrow{font-size:10px;color:#9ca3af}.sb-ai-hist-del{background:none;border:none;color:#d1d5db;cursor:pointer;font-size:13px;padding:0 2px;line-height:1;transition:color .1s}.sb-ai-hist-del:hover{color:#ef4444}.sb-ai-hist-content{padding:12px 14px;border-top:1px solid #f0f0f0;background:#fff;max-height:480px;overflow-y:auto}.ck-page{padding:1.25rem 1.5rem 2rem;display:flex;flex-direction:column;gap:1rem;min-height:0;overflow-y:auto;height:100%}.ck-header{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;flex-shrink:0}.ck-header-left{flex:1}.ck-title{margin:0 0 .25rem;font-size:1.2rem;font-weight:700;color:#0f172a;letter-spacing:-.02em;display:flex;align-items:center;gap:.5rem}.ck-title:before{content:"";display:inline-block;width:4px;height:1.2em;background:#2563eb;border-radius:2px}.ck-subtitle{margin:0;font-size:.8125rem;color:#64748b;line-height:1.6}.ck-btn{display:inline-flex;align-items:center;gap:.4rem;height:36px;padding:0 1.125rem;border-radius:6px;border:1px solid transparent;font-size:.8125rem;font-weight:500;cursor:pointer;white-space:nowrap;transition:all .15s;box-shadow:none!important;background-image:none!important}.ck-btn-primary{background:#2563eb!important;color:#fff}.ck-btn-primary:hover:not(:disabled){background:#1d4ed8!important}.ck-btn-primary:disabled{opacity:.6;cursor:not-allowed}.ck-spinner{display:inline-block;width:14px;height:14px;border:2px solid rgba(255,255,255,.4);border-top-color:#fff;border-radius:50%;animation:ck-spin .7s linear infinite}@keyframes ck-spin{to{transform:rotate(360deg)}}.ck-tip-box{display:flex;gap:.75rem;background:#eff6ff;border:1px solid #bfdbfe;border-radius:8px;padding:.875rem 1rem;flex-shrink:0}.ck-tip-icon{font-size:1rem;flex-shrink:0;margin-top:1px}.ck-tip-text{font-size:.8125rem;color:#1e40af;line-height:1.65}.ck-tip-text strong{color:#1e3a8a}.ck-error-bar{background:#fef2f2;border:1px solid #fecaca;border-radius:6px;padding:.625rem .875rem;font-size:.8125rem;color:#b91c1c;flex-shrink:0}.ck-list-wrap{flex:1;background:#fff;border:1px solid #e2e8f0;border-radius:8px;overflow:hidden;display:flex;flex-direction:column}.ck-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.75rem;padding:4rem 2rem;color:#94a3b8;font-size:.875rem}.ck-empty-icon{font-size:2.5rem;opacity:.4}.ck-empty-text{color:#64748b}.ck-table{width:100%;border-collapse:collapse;font-size:.8125rem}.ck-table th{padding:.625rem .875rem;text-align:left;font-weight:600;color:#64748b;font-size:.72rem;text-transform:uppercase;letter-spacing:.05em;background:#f8fafc;border-bottom:1px solid #e2e8f0;white-space:nowrap}.ck-table th.num,.ck-table td.num{text-align:right}.ck-table td{padding:.75rem .875rem;border-bottom:1px solid #f1f5f9;vertical-align:middle;color:#374151}.ck-table tbody tr:last-child td{border-bottom:none}.ck-table tbody tr:hover td{background:#f8fafc}.ck-filename{display:flex;align-items:center;gap:.5rem;max-width:260px}.ck-filename span:last-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:500;color:#0f172a}.ck-file-icon{font-size:1rem;flex-shrink:0}.ck-filetype{font-weight:600;color:#64748b;font-size:.72rem}.ck-filesize{color:#94a3b8;white-space:nowrap}.ck-date{color:#94a3b8;white-space:nowrap;font-size:.75rem}.ck-chunk-count{font-weight:700;color:#2563eb}.ck-status{display:inline-flex;align-items:center;gap:.3rem;font-size:.72rem;font-weight:600;padding:3px 8px;border-radius:4px;white-space:nowrap}.ck-status--pending{background:#f1f5f9;color:#64748b}.ck-status--processing{background:#eff6ff;color:#2563eb}.ck-status--done{background:#f0fdf4;color:#16a34a}.ck-status--failed{background:#fef2f2;color:#b91c1c}.ck-status-spin{display:inline-block;width:10px;height:10px;border:2px solid rgba(37,99,235,.25);border-top-color:#2563eb;border-radius:50%;animation:ck-spin .7s linear infinite}.ck-error-hint{font-size:.69rem;color:#ef4444;margin-top:3px;line-height:1.4}.ck-row-actions{display:flex;gap:.5rem;align-items:center}.ck-btn-link{background:none;border:none;padding:3px 6px;font-size:.78rem;color:#2563eb;cursor:pointer;border-radius:4px;transition:background .12s}.ck-btn-link:hover{background:#eff6ff}.ck-btn-link:disabled{opacity:.5;cursor:not-allowed}.ck-btn-link-danger{color:#dc2626}.ck-btn-link-danger:hover{background:#fef2f2}.ck-pager{display:flex;align-items:center;justify-content:center;gap:.75rem;padding:.75rem;border-top:1px solid #f1f5f9;font-size:.8125rem;color:#64748b;flex-shrink:0}.ck-pager button{background:none;border:1px solid #e2e8f0;border-radius:5px;padding:4px 12px;font-size:.78rem;color:#374151;cursor:pointer}.ck-pager button:disabled{opacity:.4;cursor:not-allowed}.ck-pager button:hover:not(:disabled){background:#f8fafc}.ck-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000059;z-index:900;animation:ck-fade-in .2s ease}.ck-drawer{position:fixed;top:0;right:0;bottom:0;width:520px;max-width:100vw;background:#fff;box-shadow:-4px 0 32px #0000001f;z-index:901;display:flex;flex-direction:column;animation:ck-slide-in .22s ease}@keyframes ck-fade-in{0%{opacity:0}to{opacity:1}}@keyframes ck-slide-in{0%{transform:translate(100%)}to{transform:translate(0)}}.ck-drawer-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.25rem;border-bottom:1px solid #e2e8f0;flex-shrink:0}.ck-drawer-title{font-size:.9375rem;font-weight:700;color:#0f172a}.ck-drawer-sub{font-size:.75rem;color:#64748b;margin-top:2px}.ck-drawer-close{width:2rem;height:2rem;border-radius:50%;border:none;background:#f1f5f9;color:#64748b;font-size:.85rem;display:flex;align-items:center;justify-content:center;cursor:pointer}.ck-drawer-close:hover{background:#e2e8f0}.ck-drawer-body{flex:1;overflow-y:auto;padding:1rem 1.25rem;display:flex;flex-direction:column;gap:.75rem}.ck-chunk-card{border:1px solid #e2e8f0;border-radius:8px;overflow:hidden}.ck-chunk-meta{background:#f8fafc;padding:.4rem .875rem;font-size:.72rem;font-weight:600;color:#64748b;border-bottom:1px solid #e2e8f0;text-transform:uppercase;letter-spacing:.04em}.ck-chunk-content{padding:.75rem .875rem;font-size:.8125rem;color:#374151;line-height:1.7;white-space:pre-wrap;word-break:break-word}.ck-tpl-section{background:#fff;border:1px solid #e2e8f0;border-radius:8px;overflow:hidden;flex-shrink:0}.ck-tpl-header{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;background:#f8fafc;border-bottom:1px solid #e2e8f0}.ck-tpl-title{font-size:.875rem;font-weight:700;color:#0f172a;white-space:nowrap}.ck-tpl-desc{font-size:.78rem;color:#64748b}.ck-tpl-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:0}@media(max-width:1100px){.ck-tpl-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.ck-tpl-grid{grid-template-columns:1fr}}.ck-tpl-card{display:flex;align-items:flex-start;gap:.625rem;padding:.875rem 1rem;border-right:1px solid #f1f5f9;transition:background .12s}.ck-tpl-card:last-child{border-right:none}.ck-tpl-card:hover{background:#f8fafc}.ck-tpl-card-icon{font-size:1.5rem;flex-shrink:0;margin-top:2px;line-height:1}.ck-tpl-card-body{flex:1;min-width:0}.ck-tpl-card-name{font-size:.8125rem;font-weight:600;color:#0f172a;margin-bottom:.25rem;white-space:nowrap}.ck-tpl-card-desc{font-size:.75rem;color:#64748b;line-height:1.55}.ck-tpl-card-desc strong{color:#16a34a;font-weight:600}.ck-tpl-dl-btn{flex-shrink:0;background:#eff6ff;border:1px solid #bfdbfe;border-radius:5px;color:#1d4ed8;font-size:.78rem;font-weight:600;padding:5px 12px;cursor:pointer;white-space:nowrap;align-self:center;transition:all .12s}.ck-tpl-dl-btn:hover{background:#dbeafe;border-color:#93c5fd}.ck-tpl-dl-btn:active{opacity:.8}.alert-page{padding:1.5rem;max-width:1100px}.page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.25rem;flex-wrap:wrap;gap:.75rem}.header-actions{display:flex;gap:.5rem;align-items:center}.wh-select{padding:.45rem .65rem;border:1px solid #d1d5db;border-radius:6px;font-size:.875rem;background:#fff}.alert-summary-card{display:flex;gap:1rem;align-items:flex-start;background:linear-gradient(135deg,#faf5ff,#ede9fe);border:1px solid #ddd6fe;border-radius:12px;padding:1.1rem 1.25rem;margin-bottom:1.5rem}.summary-icon{font-size:1.6rem;flex-shrink:0;margin-top:.1rem}.summary-title{font-weight:600;font-size:.88rem;color:#6d28d9;margin-bottom:.3rem}.summary-text{font-size:.9rem;color:#374151;line-height:1.6}.summary-time{font-size:.75rem;margin-top:.4rem}.empty-state{display:flex;flex-direction:column;align-items:center;gap:.75rem;padding:3rem 2rem;color:#9ca3af}.empty-icon{font-size:2.5rem}.alert-tabs{display:flex;border-bottom:2px solid #e2e8f0;margin-bottom:1.25rem;gap:0}.alert-tab{padding:.65rem 1.25rem;background:none;border:none;border-bottom:2px solid transparent;margin-bottom:-2px;cursor:pointer;font-size:.875rem;font-weight:500;color:#64748b;display:flex;align-items:center;gap:.4rem;transition:all .15s}.alert-tab:hover{color:#374151}.alert-tab.active{font-weight:600}.tab-count{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 5px;background:#e2e8f0;color:#64748b;border-radius:10px;font-size:.72rem;font-weight:700}.alert-list{display:flex;flex-direction:column;gap:.75rem}.alert-card{background:#fff;border-radius:10px;border:1px solid #e2e8f0;border-left:4px solid #e2e8f0;padding:1rem 1.25rem;box-shadow:0 1px 4px #0000000f;transition:box-shadow .15s}.alert-card:hover{box-shadow:0 3px 12px #0000001a}.alert-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:.75rem;gap:1rem}.alert-mat-info{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;flex:1}.alert-mat-name{font-weight:600;font-size:.95rem;color:#1e293b}.alert-level-badge{padding:.15rem .5rem;border-radius:8px;font-size:.72rem;font-weight:700;color:#fff}.alert-days{text-align:right;flex-shrink:0}.days-num{font-size:1.75rem;font-weight:700;line-height:1;display:block}.days-label{font-size:.75rem;color:#6b7280;display:block;margin-top:.1rem}.alert-card-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:.5rem;margin-bottom:.75rem}@media(max-width:700px){.alert-card-stats{grid-template-columns:repeat(2,1fr)}}.stat-item{display:flex;flex-direction:column;gap:.15rem}.alert-card .stat-label{font-size:.72rem;color:#94a3b8;font-weight:500}.stat-val{font-size:.875rem;font-weight:500;color:#374151}.stat-val.warn{color:#d97706;font-weight:700}.alert-actions{display:flex;gap:.5rem}.alert-page .muted{color:#94a3b8;font-size:.82rem}.alert-page .btn{padding:.45rem 1rem;border-radius:7px;border:none;cursor:pointer;font-size:.875rem;font-weight:500;transition:opacity .15s}.alert-page .btn:disabled{opacity:.5;cursor:not-allowed}.alert-page .btn-primary{background:var(--brand);color:#fff}.alert-page .btn-secondary{background:#f1f5f9;color:#374151;border:1px solid #d1d5db}.alert-page .btn-sm{padding:.3rem .75rem;font-size:.8rem}.partners-page{padding:1.5rem;max-width:1000px}.page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.25rem}.page-header h1{margin:0;font-size:1.5rem}.search-bar{display:flex;align-items:center;gap:.5rem;background:#fff;padding:.85rem 1rem;border-radius:8px;box-shadow:0 1px 3px #00000014;margin-bottom:1.25rem}.search-bar input{flex:1;padding:.45rem .75rem;border:1px solid #d1d5db;border-radius:6px;font-size:.875rem}.search-bar button{padding:.45rem 1.2rem;background:var(--brand);color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:.875rem}.total-hint{font-size:.82rem;color:#94a3b8;margin-left:.5rem;white-space:nowrap}.loading{padding:3rem;text-align:center;color:#9ca3af}.partner-table-wrap{background:#fff;border-radius:10px;box-shadow:0 1px 3px #00000014;overflow:hidden}.partner-table{width:100%;border-collapse:collapse}.partner-table th{background:#f8fafc;padding:.65rem 1rem;text-align:left;font-size:.8rem;color:#64748b;font-weight:600;border-bottom:1px solid #e2e8f0;white-space:nowrap}.partner-table td{padding:.75rem 1rem;border-bottom:1px solid #f1f5f9;font-size:.875rem;vertical-align:middle}.code-col{color:#94a3b8;font-size:.82rem;width:120px}.name-col{font-weight:500}.empty-cell{text-align:center;color:#9ca3af;padding:2.5rem}.row-actions{display:flex;gap:.25rem}.btn-link{background:none;border:none;color:var(--brand);cursor:pointer;padding:.2rem .4rem;font-size:.83rem}.btn-link:hover{text-decoration:underline}.btn-link-red{color:#ef4444}.btn-link-blue{color:#2563eb}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;z-index:1000;display:flex;align-items:center;justify-content:center}.modal-content{background:#fff;border-radius:12px;padding:1.5rem;width:440px;max-width:95vw;box-shadow:0 20px 60px #0003}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.25rem}.modal-header h3{margin:0;font-size:1.05rem}.modal-close{background:none;border:none;font-size:1.1rem;cursor:pointer;color:#9ca3af;padding:.2rem .4rem;border-radius:4px}.modal-close:hover{color:#374151;background:#f3f4f6}.modal-form{display:flex;flex-direction:column;gap:.85rem}.modal-form label{display:flex;flex-direction:column;gap:.3rem;font-size:.85rem;color:#374151}.modal-form input{padding:.45rem .65rem;border:1px solid #d1d5db;border-radius:6px;font-size:.875rem}.modal-footer{display:flex;justify-content:flex-end;gap:.75rem;margin-top:1.25rem;padding-top:1rem;border-top:1px solid #e5e7eb}.form-error{color:#ef4444;font-size:.84rem;margin-top:.5rem}.checkbox-label{flex-direction:row!important;align-items:center;gap:.5rem!important;cursor:pointer}.drawer-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000004d;z-index:900;display:flex;justify-content:flex-end}.drawer-panel{width:480px;max-width:95vw;height:100%;background:#fff;box-shadow:-4px 0 24px #0000001f;display:flex;flex-direction:column;animation:slideIn .2s ease}@keyframes slideIn{0%{transform:translate(100%)}to{transform:translate(0)}}.drawer-header{display:flex;justify-content:space-between;align-items:flex-start;padding:1.25rem 1.5rem;border-bottom:1px solid #e5e7eb}.drawer-header h3{margin:0;font-size:1.05rem}.drawer-toolbar{padding:.85rem 1.5rem;border-bottom:1px solid #f1f5f9}.drawer-loading{padding:2rem;text-align:center;color:#9ca3af}.addr-list{flex:1;overflow-y:auto;padding:1rem 1.5rem;display:flex;flex-direction:column;gap:.75rem}.addr-card{border:1px solid #e5e7eb;border-radius:8px;padding:.85rem 1rem}.addr-header{display:flex;align-items:center;gap:.5rem;margin-bottom:.35rem}.addr-label{font-weight:600;font-size:.9rem;flex:1}.default-tag{background:#eff6ff;color:#2563eb;padding:.1rem .5rem;border-radius:8px;font-size:.75rem;font-weight:500;border:1px solid #bfdbfe}.addr-actions{display:flex;gap:.25rem;margin-left:auto}.addr-detail{font-size:.875rem;color:#374151;margin-bottom:.2rem}.addr-contact{font-size:.8rem}.muted{color:#94a3b8;font-size:.83rem}.hint{font-size:.82rem;padding:1rem 0}.btn-sm{padding:.3rem .75rem;font-size:.8rem}.partners-pagination{display:flex;align-items:center;justify-content:center;gap:1rem;padding:1rem 0;font-size:.875rem;color:#6b7280}.partners-pagination button{padding:.35rem .875rem;border:1px solid #d1d5db;border-radius:6px;background:#fff;color:#374151;cursor:pointer;font-size:.85rem;transition:background .12s,border-color .12s}.partners-pagination button:hover:not(:disabled){background:#f3f4f6;border-color:#9ca3af}.partners-pagination button:disabled{opacity:.4;cursor:not-allowed}.partners-tabs{display:flex;gap:0;border-bottom:2px solid #e5e7eb;margin-bottom:1.25rem}.partners-tab{padding:.55rem 1.25rem;border:none;background:none;cursor:pointer;font-size:.875rem;color:#6b7280;border-bottom:2px solid transparent;margin-bottom:-2px;transition:color .15s,border-color .15s;font-weight:500}.partners-tab:hover{color:#374151}.partners-tab--active{color:var(--brand);border-bottom-color:var(--brand)}.accounts-stats{display:flex;gap:1rem;margin-bottom:1.25rem}.accounts-stat-card{flex:1;background:#fff;border:1px solid #e5e7eb;border-radius:10px;padding:1rem 1.25rem;text-align:center}.accounts-stat-card--active{border-color:#bbf7d0;background:#f0fdf4}.accounts-stat-card--warn{border-color:#fed7aa;background:#fff7ed}.accounts-stat-value{font-size:1.75rem;font-weight:700;color:#111827;line-height:1;margin-bottom:.3rem}.accounts-stat-card--active .accounts-stat-value{color:#16a34a}.accounts-stat-card--warn .accounts-stat-value{color:#ea580c}.accounts-stat-label{font-size:.8rem;color:#6b7280}.account-badge{display:inline-flex;align-items:center;padding:.15rem .6rem;border-radius:99px;font-size:.78rem;font-weight:500;white-space:nowrap}.account-badge--none{background:#f3f4f6;color:#9ca3af;border:1px solid #e5e7eb}.account-badge--active{background:#dcfce7;color:#15803d;border:1px solid #bbf7d0}.account-badge--disabled{background:#fef2f2;color:#dc2626;border:1px solid #fecaca}.accounts-username-list{display:flex;flex-wrap:wrap;gap:.3rem}.accounts-username-tag{background:#eff6ff;color:#1d4ed8;border:1px solid #bfdbfe;border-radius:4px;padding:.1rem .45rem;font-size:.78rem;font-family:monospace}.accounts-username-tag--disabled{background:#f9fafb;color:#9ca3af;border-color:#e5e7eb;text-decoration:line-through}.account-list{flex:1;overflow-y:auto;padding:1rem 1.5rem;display:flex;flex-direction:column;gap:.75rem}.account-empty{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:3rem 1rem;color:#6b7280;font-size:.875rem;text-align:center}.account-empty-icon{font-size:2.5rem}.account-card{border:1px solid #e5e7eb;border-radius:10px;padding:.9rem 1rem;background:#fff;display:flex;align-items:center;gap:1rem;transition:border-color .15s}.account-card:hover{border-color:#c7d2fe}.account-card--disabled{background:#fafafa;opacity:.75}.account-card-main{flex:1;min-width:0}.account-info{display:flex;align-items:center;gap:.5rem;margin-bottom:.25rem;flex-wrap:wrap}.account-username{font-weight:600;font-size:.9rem;font-family:monospace;color:#1e293b}.account-displayname{font-size:.82rem;color:#6b7280}.account-status-tag{padding:.1rem .5rem;border-radius:99px;font-size:.73rem;font-weight:500}.account-status-tag--active{background:#dcfce7;color:#15803d}.account-status-tag--disabled{background:#fee2e2;color:#dc2626}.account-meta{font-size:.78rem;color:#94a3b8}.account-actions{display:flex;gap:.1rem;align-items:center;flex-shrink:0}.btn-link-purple{color:#7c3aed}.btn-link-green{color:#16a34a}.password-result-card{border:1px solid #fef08a;background:#fefce8;border-radius:10px;padding:1rem 1.1rem}.password-result-header{display:flex;align-items:flex-start;gap:.75rem;margin-bottom:.85rem}.password-result-icon{font-size:1.5rem;flex-shrink:0}.password-result-title{font-weight:600;font-size:.9rem;color:#1e293b}.password-result-supplier{font-size:.8rem;color:#6b7280;margin-top:.15rem}.password-result-body{display:flex;flex-direction:column;gap:.5rem;margin-bottom:.75rem}.password-result-row{display:flex;align-items:center;gap:.75rem;background:#fff;border:1px solid #e5e7eb;border-radius:6px;padding:.5rem .75rem}.password-result-row--wrap{align-items:flex-start;flex-wrap:wrap}.password-result-label{font-size:.78rem;color:#6b7280;white-space:nowrap;min-width:52px}.password-result-value{font-size:.875rem;color:#111827;flex:1}.password-result-value--mono{font-family:monospace;font-size:1rem;letter-spacing:.05em;color:#1d4ed8;font-weight:700}.password-result-value--break{word-break:break-all}.password-result-tip{font-size:.78rem;color:#b45309}.create-account-tip{font-size:.8rem;color:#92400e;background:#fffbeb;border:1px solid #fde68a;border-radius:6px;padding:.5rem .75rem}.modal-content--sm{width:360px}.po-page{padding:1.25rem 1.5rem 1rem;display:flex;flex-direction:column;height:100%;overflow:hidden}.po-page .page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;flex-shrink:0}.po-page .page-header h1{margin:0;font-size:1.25rem;font-weight:600;color:#111827;letter-spacing:-.01em}.po-page .filter-section{background:#fff;border:1px solid #e5e7eb;border-radius:6px;margin-bottom:.75rem;flex-shrink:0;overflow:hidden}.po-page .search-box{display:flex;gap:.5rem;padding:.75rem 1rem;border-bottom:1px solid #f3f4f6;align-items:center}.po-page .search-box input{flex:1;height:32px;padding:0 .75rem;border:1px solid #d1d5db;border-radius:4px;font-size:.8125rem;color:#111827;background:#fafafa;transition:border-color .15s,box-shadow .15s}.po-page .search-box input:focus{outline:none;border-color:#2563eb;background:#fff;box-shadow:0 0 0 2px #2563eb1a}.po-page .search-box button{height:32px;padding:0 1rem;background:#2563eb!important;background-image:none!important;color:#fff!important;border:none!important;border-radius:4px!important;box-shadow:none!important;cursor:pointer;font-size:.8125rem;font-weight:500;white-space:nowrap;transition:background .15s}.po-page .search-box button:hover{background:#1d4ed8!important}.po-page .status-tabs{display:flex;gap:0;padding:0 .5rem}.po-page .status-tabs .status-tab{padding:.5rem 1rem;background:transparent!important;background-image:none!important;border:none!important;border-bottom:2px solid transparent!important;border-radius:0!important;box-shadow:none!important;cursor:pointer;font-size:.8125rem;color:#6b7280!important;font-weight:400;white-space:nowrap;transition:color .15s;margin-bottom:-1px}.po-page .status-tabs .status-tab:hover{color:#374151!important;background:transparent!important}.po-page .status-tabs .status-tab.active{color:#2563eb!important;font-weight:600;border-bottom:2px solid #2563eb!important;background:transparent!important}.po-page .po-table-wrap{flex:1;min-height:0;background:#fff;border:1px solid #e5e7eb;border-radius:6px;overflow:auto}.po-page .po-table{width:100%;border-collapse:collapse;font-size:.8125rem}.po-page .po-table thead tr{background:#f8f9fa;position:sticky;top:0;z-index:2}.po-page .po-table thead tr:after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:#e5e7eb}.po-page .po-table th{padding:.5rem .75rem;text-align:left;font-size:.7rem;font-weight:700;color:#9ca3af;text-transform:uppercase;letter-spacing:.05em;white-space:nowrap;border-bottom:1px solid #e5e7eb}.po-page .po-table th.num,.po-page .po-table td.num{text-align:right}.po-page .po-table th.center,.po-page .po-table td.center{text-align:center}.po-page .po-row{border-bottom:1px solid #f3f4f6;cursor:pointer;transition:background .1s}.po-page .po-row:last-child{border-bottom:none}.po-page .po-row:hover{background:#f5f8ff}.po-page .po-table td{padding:.5rem .75rem;vertical-align:middle}.po-page .doc-no{font-weight:600;font-size:.8125rem;color:#111827;white-space:nowrap}.po-page .muted{color:#9ca3af;font-size:.78rem}.po-page .status-badge{display:inline-flex;align-items:center;gap:.3rem;padding:0 .5rem;height:20px;border-radius:3px;font-size:.72rem;font-weight:600;white-space:nowrap}.po-page .status-dot{width:5px;height:5px;border-radius:50%;flex-shrink:0}.po-page .row-actions{display:flex;align-items:center;gap:.3rem}.po-page .btn-row--primary{height:26px;padding:0 .625rem;background:#2563eb!important;background-image:none!important;color:#fff!important;border:none!important;border-radius:4px!important;box-shadow:none!important;cursor:pointer;font-size:.73rem;font-weight:500;white-space:nowrap;transition:background .15s;flex-shrink:0}.po-page .btn-row--primary:hover{background:#1d4ed8!important}.po-page .btn-link{background:none!important;border:none!important;box-shadow:none!important;color:#2563eb!important;cursor:pointer;padding:.2rem .4rem;font-size:.78rem;border-radius:3px;transition:background .1s}.po-page .btn-link:hover{background:#eff6ff!important}.po-page .btn-link-green{color:#16a34a!important}.po-page .btn-link-green:hover{background:#f0fdf4!important}.po-page .loading{text-align:center;padding:3rem;color:#9ca3af;font-size:.875rem}.po-page .empty-state{display:flex;flex-direction:column;align-items:center;gap:.75rem;padding:4rem 2rem;color:#9ca3af}.po-page .empty-icon{font-size:2.5rem}.po-page .pagination{display:flex;justify-content:center;align-items:center;gap:.75rem;margin-top:.75rem;flex-shrink:0}.po-page .pagination button{height:28px;padding:0 .75rem;background:#fff!important;background-image:none!important;border:1px solid #d1d5db!important;border-radius:4px!important;box-shadow:none!important;cursor:pointer;font-size:.8rem;color:#374151!important;transition:all .15s}.po-page .pagination button:hover:not(:disabled){background:#f3f4f6!important;border-color:#9ca3af!important}.po-page .pagination button:disabled{opacity:.4;cursor:not-allowed}.po-page .pagination span{font-size:.8rem;color:#6b7280}.po-page .btn{height:32px;padding:0 1rem;border-radius:4px!important;border:1px solid transparent;cursor:pointer;font-size:.8125rem;font-weight:500;white-space:nowrap;transition:all .15s;box-shadow:none!important}.po-page .btn-primary{background:#2563eb!important;background-image:none!important;color:#fff!important;border-color:#2563eb!important}.po-page .btn-primary:hover{background:#1d4ed8!important;border-color:#1d4ed8!important}.po-page .btn-secondary{background:#fff!important;background-image:none!important;color:#374151!important;border-color:#d1d5db!important}.po-page .btn-secondary:hover{background:#f9fafb!important;border-color:#9ca3af!important}.po-detail-page{padding:1.5rem;max-width:1200px}.detail-topbar{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem;flex-wrap:wrap}.btn-back{background:none;border:none;color:var(--brand);cursor:pointer;font-size:.9rem;padding:0;white-space:nowrap}.detail-title{display:flex;align-items:center;gap:.6rem;flex:1;flex-wrap:wrap}.detail-title h1{margin:0;font-size:1.4rem}.detail-actions{display:flex;gap:.5rem;flex-wrap:wrap}.detail-body{display:flex;flex-direction:column;gap:1.25rem}.detail-card{background:#fff;border-radius:12px;padding:1.25rem 1.5rem;box-shadow:0 1px 4px #00000014}.info-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:.75rem}.info-item{display:flex;flex-direction:column;gap:.2rem}.info-item.full{grid-column:1 / -1}.info-label{font-size:.78rem;color:#94a3b8}.info-val{font-size:.9rem;color:#1e293b}.detail-table{width:100%;border-collapse:collapse;font-size:.83rem}.detail-table th{background:#f8fafc;padding:.55rem .75rem;text-align:left;font-weight:600;color:#64748b;font-size:.78rem;border-bottom:2px solid #e2e8f0}.detail-table td{padding:.6rem .75rem;border-bottom:1px solid #f1f5f9;vertical-align:middle}.detail-table .num{text-align:right}.mat-cell{display:flex;align-items:center;gap:.35rem}.amount-summary{margin-top:1rem;display:flex;flex-direction:column;align-items:flex-end;gap:.35rem;padding-right:.75rem}.amount-row{display:flex;gap:2rem;font-size:.875rem}.amount-row span:first-child{color:#6b7280;min-width:80px;text-align:right}.amount-row.total{font-weight:700;font-size:1rem}.mrp-source-tip{background:#fffbeb;border:1px solid #fde68a;color:#92400e;padding:.85rem 1.1rem;border-radius:8px;font-size:.875rem}.btn{padding:.45rem 1.1rem;border-radius:7px;border:none;cursor:pointer;font-size:.875rem;font-weight:500;transition:opacity .15s}.btn-danger-outline{background:transparent;color:#ef4444;border:1px solid #ef4444}.approval-panel{border-radius:10px;padding:1rem 1.25rem;margin-bottom:1.25rem;border:1px solid #e2e8f0;background:#f8fafc}.approval-panel--pending{border-color:#fde68a;background:#fffbeb}.approval-panel--approved{border-color:#bbf7d0;background:#f0fdf4}.approval-panel--rejected{border-color:#fecaca;background:#fef2f2}.approval-panel-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.65rem;flex-wrap:wrap;gap:.4rem}.approval-panel-title{font-weight:700;font-size:.95rem}.approval-panel--pending .approval-panel-title{color:#92400e}.approval-panel--approved .approval-panel-title{color:#166534}.approval-panel--rejected .approval-panel-title{color:#991b1b}.approval-approvers{font-size:.82rem;color:#6b7280}.approval-records{display:flex;flex-direction:column;gap:.4rem;margin-bottom:.75rem}.approval-record{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap;padding:.4rem .75rem;border-radius:6px;font-size:.82rem;background:#fff9}.approval-record--approved{border-left:3px solid #16a34a}.approval-record--rejected{border-left:3px solid #ef4444}.ar-user{color:#1e293b;font-weight:500}.ar-step{color:#6b7280}.ar-comment{color:#374151;font-style:italic}.approval-actions{margin-top:.65rem}.approval-act-form{display:flex;flex-direction:column;gap:.5rem}.approval-comment{width:100%;padding:.5rem .75rem;border:1px solid #d1d5db;border-radius:6px;font-size:.875rem;resize:vertical;font-family:inherit}.approval-comment:focus{outline:none;border-color:#6366f1}.approval-act-btns{display:flex;gap:.5rem}.btn-sm{padding:5px 12px!important;font-size:13px!important}.btn-danger{background:#ef4444;color:#fff;border:none;border-radius:6px;cursor:pointer;padding:7px 14px;font-size:13px;font-weight:500}.btn-danger:disabled{opacity:.55;cursor:not-allowed}.po-page .search-box{display:flex;flex-wrap:wrap;gap:.5rem;padding:.625rem .875rem;align-items:center;border-bottom:none}.po-page .search-box input,.po-page .search-box select{height:30px;padding:0 .625rem;border:1px solid #d1d5db;border-radius:4px;font-size:.8125rem;background:#fafafa;color:#111827;transition:border-color .15s,box-shadow .15s;box-sizing:border-box;-webkit-appearance:auto;-moz-appearance:auto;appearance:auto}.po-page .search-box input:focus,.po-page .search-box select:focus{outline:none;border-color:#2563eb;background:#fff;box-shadow:0 0 0 2px #2563eb1a}.po-page .search-box .inp-keyword{width:140px}.po-page .search-box .sel-supplier{width:150px}.po-page .search-box .sel-warehouse{width:110px}.po-page .search-box .inp-date{width:126px}.po-page .search-box .inp-short{width:130px}.po-page .search-box .inp-amount{width:90px}.po-page .search-sep{font-size:.75rem;color:#d1d5db;flex-shrink:0;line-height:30px}.po-page .search-actions{display:flex;gap:.375rem;align-items:center;margin-left:auto}.po-page .btn-ghost{height:30px;padding:0 .875rem;background:#fff!important;background-image:none!important;color:#374151!important;border:1px solid #d1d5db!important;border-radius:4px!important;box-shadow:none!important;cursor:pointer;font-size:.8125rem;font-weight:500;white-space:nowrap;transition:all .15s}.po-page .btn-ghost:hover{background:#f9fafb!important;border-color:#9ca3af!important}.po-page .po-table-wrap{flex:1;min-height:0;background:#fff;border:1px solid #e5e7eb;border-radius:6px;overflow:hidden;display:flex;flex-direction:column}.po-page .table-tabs{display:flex;gap:0;padding:0 .5rem;border-bottom:1px solid #e5e7eb;background:#fff;flex-shrink:0;overflow-x:auto;scrollbar-width:none}.po-page .table-tabs::-webkit-scrollbar{display:none}.po-page .table-tabs .status-tab{padding:.45rem .875rem;background:transparent!important;background-image:none!important;border:none!important;border-bottom:2px solid transparent!important;border-radius:0!important;box-shadow:none!important;cursor:pointer;font-size:.8125rem;color:#6b7280!important;font-weight:400;white-space:nowrap;transition:color .15s;margin-bottom:-1px}.po-page .table-tabs .status-tab:hover{color:#374151!important}.po-page .table-tabs .status-tab.active{color:#2563eb!important;font-weight:600;border-bottom:2px solid #2563eb!important}.po-page .table-toolbar{display:flex;align-items:center;justify-content:space-between;padding:.35rem .875rem;border-bottom:1px solid #f3f4f6;background:#fafafa;flex-shrink:0;font-size:.78rem;color:#6b7280}.po-page .pager{display:flex;align-items:center;gap:.5rem}.po-page .pager button{height:24px;padding:0 .625rem;background:#fff!important;background-image:none!important;border:1px solid #d1d5db!important;border-radius:3px!important;box-shadow:none!important;cursor:pointer;font-size:.73rem;color:#374151!important;transition:all .12s}.po-page .pager button:hover:not(:disabled){background:#f3f4f6!important;border-color:#9ca3af!important}.po-page .pager button:disabled{opacity:.35;cursor:not-allowed}.po-page .table-scroll{flex:1;min-height:0;overflow:auto}.btn-ai-audit{display:inline-flex;align-items:center;gap:.35rem;padding:.42rem 1rem;background:#f0f9ff;color:#0369a1;border:1.5px solid #7dd3fc;border-radius:6px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .15s}.btn-ai-audit:hover:not(:disabled){background:#e0f2fe;border-color:#38bdf8}.btn-ai-audit:disabled{opacity:.55;cursor:not-allowed}.ai-audit-card{border-radius:10px;border:1.5px solid #e2e8f0;background:#f8fafc;padding:1rem 1.25rem;margin-bottom:1.25rem;animation:audit-fadein .2s ease}@keyframes audit-fadein{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.ai-audit-card--pass{border-color:#bbf7d0;background:#f0fdf4}.ai-audit-card--review{border-color:#fde68a;background:#fffbeb}.ai-audit-card--reject{border-color:#fecaca;background:#fef2f2}.ai-audit-card--loading{border-color:#bae6fd;background:#f0f9ff}.ai-audit-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.6rem}.ai-audit-title{font-weight:700;font-size:.95rem}.ai-audit-card--pass .ai-audit-title{color:#15803d}.ai-audit-card--review .ai-audit-title{color:#92400e}.ai-audit-card--reject .ai-audit-title{color:#b91c1c}.ai-audit-card--loading .ai-audit-title{color:#0369a1}.ai-audit-close{background:none;border:none;font-size:1.1rem;color:#94a3b8;cursor:pointer;padding:0 .25rem;line-height:1;border-radius:4px;transition:color .1s}.ai-audit-close:hover{color:#374151;background:#f1f5f9}.ai-audit-loading{font-size:.85rem;color:#0369a1;padding:.5rem 0;animation:poss-pulse 1.4s ease-in-out infinite}.ai-audit-summary{font-size:.9rem;color:#374151;margin:0 0 .75rem;line-height:1.55}.ai-audit-badges{display:flex;flex-wrap:wrap;gap:.4rem;margin-bottom:.85rem}.ai-audit-badge{display:inline-flex;align-items:center;gap:.2rem;padding:.18rem .65rem;border-radius:999px;font-size:.78rem;font-weight:600}.ai-audit-badge--block{background:#fef2f2;color:#b91c1c;border:1px solid #fecaca}.ai-audit-badge--warn{background:#fffbeb;color:#b45309;border:1px solid #fde68a}.ai-audit-badge--info,.ai-audit-badge--pass{background:#f0fdf4;color:#15803d;border:1px solid #bbf7d0}.ai-audit-issues{display:flex;flex-direction:column;gap:.6rem}.ai-audit-group{border-radius:7px;padding:.55rem .8rem}.ai-audit-group--block{background:#fef2f2}.ai-audit-group--warn{background:#fffbeb}.ai-audit-group--info{background:#f0fdf4}.ai-audit-group-title{font-size:.78rem;font-weight:700;margin-bottom:.35rem}.ai-audit-group--block .ai-audit-group-title{color:#b91c1c}.ai-audit-group--warn .ai-audit-group-title{color:#b45309}.ai-audit-group--info .ai-audit-group-title{color:#15803d}.ai-audit-issue-row{font-size:.84rem;color:#374151;padding:.22rem 0;border-bottom:1px solid rgba(0,0,0,.04);line-height:1.5}.ai-audit-issue-row:last-child{border-bottom:none}.ai-audit-mat{font-weight:600}.ai-audit-section-title{font-size:.8rem;font-weight:700;color:#475569;margin:.85rem 0 .45rem;letter-spacing:.02em}.ai-audit-line-section{overflow-x:auto}.ai-audit-line-table{width:100%;border-collapse:collapse;font-size:.82rem;background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 1px 4px #0000000f}.ai-audit-line-table thead tr{background:#f1f5f9}.ai-audit-line-table th{padding:.45rem .65rem;text-align:left;font-size:.73rem;font-weight:600;color:#64748b;border-bottom:1.5px solid #e2e8f0;white-space:nowrap}.ai-audit-line-table th.num{text-align:right}.ai-audit-line-table td{padding:.42rem .65rem;border-bottom:1px solid #f1f5f9;vertical-align:top}.ai-audit-line-table td.num{text-align:right;font-variant-numeric:tabular-nums}.ai-audit-line-row--block{background:#fff5f5}.ai-audit-line-row--warn{background:#fffcf0}.ai-audit-line-row--ok{background:#fff}.ai-audit-mat-name{font-weight:500;max-width:140px}.ai-audit-line-ok{color:#16a34a;font-size:.8rem}.ai-audit-line-issues{display:flex;flex-direction:column;gap:.2rem}.ai-audit-line-tag{font-size:.76rem;padding:.15rem .5rem;border-radius:4px;line-height:1.45}.ai-audit-line-tag--block{background:#fef2f2;color:#b91c1c}.ai-audit-line-tag--warn{background:#fffbeb;color:#b45309}.ai-audit-line-tag--info{background:#f0fdf4;color:#15803d}.ai-audit-order-issues{margin-top:.65rem;padding:.65rem .8rem;background:#f8fafc;border-radius:7px;border:1px solid #e2e8f0}.ai-audit-issue-row--block{color:#b91c1c;font-size:.84rem;padding:.2rem 0}.ai-audit-issue-row--warn{color:#b45309;font-size:.84rem;padding:.2rem 0}.ai-audit-issue-row--info{color:#15803d;font-size:.84rem;padding:.2rem 0}.staging-page{padding:24px;max-width:1200px;margin:0 auto}.staging-page .page-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:20px}.staging-page .page-header h1{margin:0;font-size:22px;font-weight:700}.staging-page .page-subtitle{margin:4px 0 0;font-size:13px;color:#6b7280}.staging-page .header-actions{display:flex;gap:10px;align-items:center;flex-shrink:0}.staging-tabs{display:flex;gap:4px;border-bottom:2px solid #e5e7eb;margin-bottom:20px}.staging-tab{padding:8px 22px;border:none;background:none;cursor:pointer;font-size:14px;color:#6b7280;border-bottom:2px solid transparent;margin-bottom:-2px;transition:all .15s}.staging-tab:hover{color:#374151}.staging-tab.active{font-weight:600}.staging-tab-badge{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 6px;margin-left:6px;font-size:11px;font-weight:600;line-height:1;color:#fff;background:#9ca3af;border-radius:99px;vertical-align:middle}.staging-tab.active .staging-tab-badge{background:#fff;color:currentColor}.staging-tab:not(.active):hover .staging-tab-badge{background:#6b7280}.staging-page .loading{padding:60px;text-align:center;color:#9ca3af}.staging-empty{text-align:center;padding:60px 20px;color:#9ca3af}.staging-empty-icon{font-size:48px;margin-bottom:12px}.staging-empty-hint{font-size:13px;color:#9ca3af;max-width:440px;margin:8px auto 0;line-height:1.6}.supplier-groups{display:flex;flex-direction:column;gap:16px}.supplier-group-card{border:1px solid #e5e7eb;border-radius:12px;overflow:hidden;background:#fff;transition:box-shadow .15s}.supplier-group-card:hover{box-shadow:0 2px 12px #00000012}.supplier-group-card--invalid{border-color:#fde68a;background:#fffdf0}.sg-header{display:flex;align-items:center;justify-content:space-between;padding:14px 20px;background:#f8fafc;border-bottom:1px solid #e5e7eb;gap:12px}.supplier-group-card--invalid .sg-header{background:#fffbeb;border-color:#fde68a}.sg-header-left{display:flex;align-items:center;gap:10px;flex:1;min-width:0}.sg-supplier-name{font-size:15px;font-weight:700;color:#1e293b;white-space:nowrap}.sg-meta{font-size:13px;color:#6b7280}.sg-amount{color:#2563eb;font-weight:600}.sg-warn{color:#d97706}.sg-header-right{flex-shrink:0}.sg-invalid-hint{font-size:12px;color:#d97706;font-style:italic}.sg-build-btn{padding:7px 16px!important;font-size:13px!important;white-space:nowrap}.sg-table{width:100%;border-collapse:collapse;font-size:13px}.sg-table th{background:#f8fafc;padding:8px 16px;text-align:left;font-weight:600;font-size:12px;color:#64748b;border-bottom:1px solid #e5e7eb;white-space:nowrap}.sg-table th.num{text-align:right}.sg-table th:last-child{width:56px;min-width:56px}.sg-table td{padding:10px 16px;border-bottom:1px solid #f1f5f9;vertical-align:middle}.sg-table td.num{text-align:right}.sg-table tbody tr:last-child td{border-bottom:none}.sg-row:hover td{background:#fafbff}.sg-mat-name{font-weight:500;color:#1e293b}.warn-text{color:#d97706}.sg-total-row td{border-top:2px solid #e5e7eb!important;background:#f8fafc;padding:8px 16px}.sg-total-label{font-size:12px;font-weight:600;color:#64748b;text-align:right}.sg-total-amount{font-size:14px;font-weight:700;color:#2563eb}.staging-table-wrap{overflow-x:auto;border:1px solid #e5e7eb;border-radius:8px}.staging-table{width:100%;border-collapse:collapse;font-size:13px}.staging-table th{background:#f8fafc;padding:10px 14px;text-align:left;font-weight:600;color:#6b7280;font-size:12px;border-bottom:2px solid #e5e7eb;white-space:nowrap}.staging-table th.num{text-align:right}.staging-table td{padding:10px 14px;border-bottom:1px solid #f3f4f6;vertical-align:middle}.staging-table td.num{text-align:right}.staging-row:hover td{background:#fafafa}.staging-row--converted td{opacity:.6}.staging-mat-name{font-weight:500;color:#1e293b}.staging-select{width:100%;min-width:160px;padding:5px 8px;border:1px solid #d1d5db;border-radius:6px;font-size:13px}.staging-price-input{width:90px;padding:5px 8px;border:1px solid #d1d5db;border-radius:6px;font-size:13px;text-align:right}.staging-edit-actions{display:flex;gap:6px}.staging-page .btn{padding:7px 14px;border-radius:6px;border:none;cursor:pointer;font-size:13px;font-weight:500;transition:opacity .15s}.staging-page .btn-primary{background:#2563eb;color:#fff}.staging-page .btn-primary:hover{background:#1d4ed8}.staging-page .btn-primary:disabled{opacity:.55;cursor:not-allowed}.staging-page .btn-secondary{background:#f3f4f6;color:#374151;border:1px solid #d1d5db}.staging-page .btn-secondary:hover{background:#e5e7eb}.staging-page .btn-sm{padding:4px 10px;font-size:12px}.staging-page .btn-link{background:none;border:none;color:#2563eb;cursor:pointer;font-size:13px;padding:0;text-decoration:underline}.staging-page .btn-link:hover{color:#1d4ed8}.staging-void-btn{color:#ef4444!important;white-space:nowrap}.staging-void-btn:hover{color:#dc2626!important}.staging-page .muted{color:#9ca3af}.staging-page .pagination{display:flex;align-items:center;justify-content:center;gap:16px;padding:20px 0}.staging-page .pagination button{padding:6px 14px;border:1px solid #d1d5db;border-radius:6px;background:#fff;cursor:pointer;font-size:13px}.staging-page .pagination button:disabled{opacity:.5;cursor:not-allowed}.staging-page .modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;z-index:1000;display:flex;align-items:center;justify-content:center}.staging-page .modal-content{background:#fff;border-radius:12px;padding:24px;width:420px;max-width:95vw}.staging-page .modal-content h3{margin:0 0 12px;font-size:18px}.staging-page .modal-desc{color:#374151;line-height:1.6;margin-bottom:20px}.staging-page .modal-actions{display:flex;gap:10px;justify-content:flex-end}.staging-page .btn-danger{background:#ef4444;color:#fff}.staging-page .btn-danger:hover{background:#dc2626}.staging-page .btn-danger:disabled{opacity:.55;cursor:not-allowed}.staging-batch-bar{display:flex;align-items:center;gap:16px;padding:10px 14px;background:#f0f9ff;border:1px solid #bae6fd;border-radius:8px 8px 0 0;border-bottom:none}.staging-select-all{display:flex;align-items:center;gap:6px;font-size:13px;color:#374151;cursor:pointer;-webkit-user-select:none;user-select:none}.staging-select-all input[type=checkbox]{width:15px;height:15px;cursor:pointer}.staging-row--selected{background:#eff6ff!important}.staging-row--selected:hover{background:#dbeafe!important}.staging-table td input[type=checkbox]{width:15px;height:15px;cursor:pointer}.modal-form label{display:flex;flex-direction:column;gap:4px;margin-bottom:14px;font-size:13px;color:#374151}.modal-form label span{font-weight:500}.modal-form .staging-select,.modal-form .staging-price-input{width:100%;box-sizing:border-box}.sg-table th input[type=checkbox],.sg-table td input[type=checkbox]{width:15px;height:15px;cursor:pointer}.sg-row--selected td{background:#eff6ff!important}.sg-row--selected:hover td{background:#dbeafe!important}.staging-so-filter{display:flex;align-items:center;gap:8px;padding:8px 12px;background:#f8fafc;border:1px solid #e5e7eb;border-radius:4px;margin-bottom:10px;font-size:13px}.staging-so-filter-label{color:#6b7280;white-space:nowrap}.staging-so-search-wrap{position:relative;flex:1;max-width:360px}.staging-so-input{width:100%;height:28px;padding:0 8px;border:1px solid #d9d9d9;border-radius:4px;font-size:13px;outline:none;box-sizing:border-box;transition:border-color .15s}.staging-so-input:focus{border-color:#1677ff;box-shadow:0 0 0 2px #1677ff1a}.staging-so-input::placeholder{color:#bfbfbf}.staging-so-dropdown{position:absolute;top:calc(100% + 3px);left:0;min-width:100%;width:max-content;max-width:420px;background:#fff;border:1px solid #e5e7eb;border-radius:6px;box-shadow:0 6px 20px #0000001a;z-index:200;max-height:240px;overflow-y:auto}.staging-so-drop-hint{padding:10px 14px;font-size:12px;color:#9ca3af}.staging-so-drop-item{display:flex;align-items:center;gap:8px;padding:8px 14px;cursor:pointer;font-size:13px;transition:background .08s}.staging-so-drop-item:hover,.staging-so-drop-item--active{background:#e6f4ff}.staging-so-drop-no{font-weight:600;color:#111827;white-space:nowrap}.staging-so-drop-cust{color:#6b7280;font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.staging-so-clear{height:28px;padding:0 8px;background:none;border:1px solid #ffccc7;border-radius:4px;font-size:12px;color:#cf1322;cursor:pointer;white-space:nowrap}.staging-so-clear:hover{background:#fff1f0}.staging-so-count{font-size:12px;color:#9ca3af;white-space:nowrap}.assigned-supplier-tabs{display:flex;gap:0;flex-wrap:wrap;border-bottom:2px solid #e5e7eb;margin-bottom:14px}.assigned-stab{display:inline-flex;align-items:center;gap:5px;background:none;border:none;border-bottom:2px solid transparent;padding:7px 14px;margin-bottom:-2px;font-size:13px;color:#6b7280;cursor:pointer;white-space:nowrap;transition:color .15s,border-color .15s}.assigned-stab:hover{color:#374151}.assigned-stab--active{color:#1677ff;border-bottom-color:#1677ff;font-weight:600}.assigned-stab-count{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 5px;background:#f0f0f0;color:#6b7280;border-radius:9px;font-size:11px;font-weight:600}.assigned-stab--active .assigned-stab-count{background:#e6f4ff;color:#1677ff}.finance-page{padding:1.5rem}.finance-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1.5rem}.finance-header h1{margin:0 0 .25rem;font-size:1.5rem}.fin-header-actions{display:flex;gap:.75rem;align-items:center}.fin-kpi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:1.5rem}.fin-kpi-card{background:var(--card-bg, #fff);border:1px solid var(--border, #e5e7eb);border-radius:12px;padding:1.25rem;cursor:default;transition:box-shadow .2s}.fin-kpi-card:hover{box-shadow:0 4px 16px #00000014}.fin-kpi-card.fin-alert{border-color:#fca5a5;background:#fff5f5}.fin-kpi-label{font-size:.8rem;color:var(--muted, #6b7280);margin-bottom:.5rem;font-weight:500;text-transform:uppercase;letter-spacing:.04em}.fin-kpi-value{font-size:1.5rem;font-weight:700;color:var(--text, #111);margin-bottom:.25rem}.fin-kpi-sub{font-size:.8rem;color:var(--muted, #6b7280)}.fin-overdue-badge{background:#fef2f2;color:#ef4444;padding:2px 8px;border-radius:100px;font-size:.78rem;font-weight:600}.fin-revenue .fin-kpi-value{color:#2563eb}.fin-cost .fin-kpi-value{color:#7c3aed}.fin-profit .fin-kpi-value{color:#059669}.fin-shortcuts{display:flex;gap:.75rem;flex-wrap:wrap;margin-bottom:1.5rem}.fin-shortcut-btn{display:flex;flex-direction:column;align-items:center;gap:.4rem;padding:.875rem 1.25rem;background:var(--card-bg, #fff);border:1px solid var(--border, #e5e7eb);border-radius:10px;cursor:pointer;font-size:.85rem;color:var(--text, #111);transition:all .2s;min-width:80px}.fin-shortcut-btn:hover{background:#f0f9ff;border-color:#93c5fd;transform:translateY(-1px)}.fin-shortcut-icon{font-size:1.5rem}.fin-ai-panel{padding:1.25rem}.fin-ai-header{display:flex;align-items:flex-start;gap:1rem;margin-bottom:1rem}.fin-ai-icon{font-size:2rem}.fin-ai-header h3{margin:0}.fin-ai-response{margin-bottom:1rem}.fin-ai-bubble{background:#f0f9ff;border:1px solid #bae6fd;border-radius:10px;padding:.875rem 1rem;font-size:.9rem;line-height:1.6;white-space:pre-wrap}.fin-ai-input-row{display:flex;gap:.75rem;margin-bottom:.75rem}.fin-ai-input{flex:1;padding:.625rem .875rem;border:1px solid var(--border, #e5e7eb);border-radius:8px;font-size:.9rem}.fin-ai-send{padding:.625rem 1.25rem;white-space:nowrap}.fin-ai-suggestions{display:flex;gap:.5rem;flex-wrap:wrap}.fin-ai-suggestion{padding:.35rem .75rem;background:#f8fafc;border:1px solid #e2e8f0;border-radius:100px;font-size:.78rem;cursor:pointer;color:#64748b}.fin-ai-suggestion:hover{background:#e0f2fe;border-color:#7dd3fc;color:#0369a1}.fin-ai-analysis{margin-top:1rem;border:1px solid #bae6fd;border-radius:8px;overflow:hidden}.fin-ai-analysis-title{background:#e0f2fe;color:#0369a1;padding:.5rem 1rem;font-size:.82rem;font-weight:600}.fin-ai-analysis-content{padding:.75rem 1rem;font-size:.88rem;line-height:1.7;display:flex;flex-direction:column;gap:.3rem}.fin-ai-tip{background:#fefce8;border:1px solid #fde68a;border-radius:6px;padding:.5rem .875rem;font-size:.82rem;color:#92400e;margin:.75rem 0}.fin-ai-badge{background:#dbeafe;color:#1d4ed8;padding:2px 8px;border-radius:100px;font-size:.75rem}.status-tag.status-danger{background:#fef2f2;color:#dc2626}.status-tag.status-settled{background:#f0fdf4;color:#15803d}.status-tag.status-cancelled{background:#f9fafb;color:#9ca3af}.status-tag.status-info{background:#eff6ff;color:#1d4ed8}.fin-row-danger{background:#fff5f5!important}.fin-negative-badge{background:#fef2f2;color:#dc2626;padding:1px 6px;border-radius:4px;font-size:.72rem;font-weight:600}.fin-aging-chart h3{margin-bottom:1rem}.fin-aging-bars{display:flex;flex-direction:column;gap:.75rem}.fin-aging-bar-row{display:grid;grid-template-columns:90px 1fr 180px;align-items:center;gap:.75rem}.fin-aging-bar-label{font-size:.85rem;font-weight:600}.fin-aging-bar-track{background:#f1f5f9;border-radius:100px;height:12px;overflow:hidden}.fin-aging-bar-fill{height:100%;border-radius:100px;transition:width .4s ease}.fin-aging-bar-value{font-size:.85rem;font-weight:600}.fin-aging-bar-pct{color:#94a3b8;font-weight:400;margin-left:4px}.fin-risk-alert{display:flex;gap:1rem;align-items:flex-start;background:#fff7ed;border-color:#fed7aa}.fin-risk-icon{font-size:1.75rem}.fin-risk-tag{padding:2px 8px;border-radius:100px;font-size:.75rem;font-weight:600}.fin-risk-tag.high{background:#fef2f2;color:#dc2626}.fin-risk-tag.medium{background:#fff7ed;color:#c2410c}.fin-risk-tag.low{background:#f0fdf4;color:#15803d}.fin-type-toggle{display:flex;gap:.5rem;margin-bottom:1.5rem}.fin-toggle-btn{padding:.625rem 1.25rem;border:1px solid var(--border, #e5e7eb);border-radius:8px;background:var(--card-bg, #fff);cursor:pointer;font-size:.9rem;color:var(--muted, #6b7280)}.fin-toggle-btn.active{background:#2563eb;color:#fff;border-color:#2563eb}.fin-report-layout{display:grid;grid-template-columns:240px 1fr;gap:1rem}.fin-report-list{padding:1rem;min-height:400px}.fin-report-list h3{margin-bottom:1rem}.fin-report-item{padding:.75rem;border-radius:8px;cursor:pointer;border:1px solid transparent;margin-bottom:.5rem}.fin-report-item:hover{background:#f8fafc}.fin-report-item.active{background:#eff6ff;border-color:#93c5fd}.fin-report-item-month{font-weight:700;font-size:1rem}.fin-report-item-margin{font-size:.85rem;font-weight:600}.fin-report-item-revenue{font-size:.78rem}.fin-report-detail{display:flex;flex-direction:column;gap:1rem}.fin-report-detail-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.fin-report-detail-header h2{margin:0}.fin-report-kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-bottom:1.5rem}.fin-report-kpi{text-align:center;padding:1rem;background:#f8fafc;border-radius:8px}.fin-report-kpi-label{font-size:.78rem;color:var(--muted, #6b7280);margin-bottom:.4rem}.fin-report-kpi-value{font-size:1.2rem;font-weight:700}.fin-report-profit-bar{margin-top:.5rem}.fin-report-profit-label{font-size:.82rem;color:var(--muted, #6b7280);margin-bottom:.5rem}.fin-report-profit-track{display:flex;height:20px;border-radius:6px;overflow:hidden;background:#f1f5f9}.fin-report-profit-cost{background:#8b5cf6}.fin-report-profit-margin{background:#22c55e}.fin-report-profit-legend{display:flex;gap:1rem;margin-top:.5rem;font-size:.78rem;color:var(--muted, #6b7280)}.fin-legend-dot{display:inline-block;width:10px;height:10px;border-radius:50%;margin-right:4px}.fin-legend-dot.cost{background:#8b5cf6}.fin-legend-dot.profit{background:#22c55e}.fin-report-empty{display:flex;align-items:center;justify-content:center;min-height:200px;color:var(--muted, #6b7280)}.fin-ai-narrative-header{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem}.fin-ai-narrative-header h3{margin:0}.fin-ai-narrative-body{font-size:.92rem;line-height:1.8;color:var(--text, #111);white-space:pre-wrap}.fin-cost-summary{display:flex;gap:1rem;margin-bottom:1rem}.fin-cost-summary-item{background:var(--card-bg, #fff);border:1px solid var(--border, #e5e7eb);border-radius:10px;padding:1rem 1.5rem}.fin-cost-summary-label{font-size:.8rem;color:var(--muted, #6b7280)}.fin-cost-summary-value{font-size:1.25rem;font-weight:700}.fin-margin-modal{max-width:680px!important}.fin-margin-result{margin-top:1.25rem}.fin-margin-header{display:flex;justify-content:space-between;align-items:center;padding:.75rem;background:#f8fafc;border-radius:8px;margin-bottom:1rem;font-weight:600;flex-wrap:wrap;gap:.5rem}.fin-margin-kpis{display:flex;gap:1rem;font-size:.88rem}.field-row{display:flex;flex-direction:column;gap:.35rem;margin-bottom:.875rem}.field-row label{font-size:.82rem;font-weight:600;color:var(--muted, #6b7280)}.field-row input,.field-row select{padding:.5rem .75rem;border:1px solid var(--border, #e5e7eb);border-radius:6px;font-size:.9rem}.modal-footer{display:flex;justify-content:flex-end;gap:.75rem;margin-top:1.25rem;padding-top:1rem;border-top:1px solid var(--border, #e5e7eb)}.btn-group{display:flex;gap:.5rem}.pagination{display:flex;align-items:center;gap:.75rem;justify-content:center;padding-top:1rem;font-size:.88rem}.pagination button{padding:.35rem .875rem;border:1px solid var(--border, #e5e7eb);border-radius:6px;background:var(--card-bg, #fff);cursor:pointer}.pagination button:disabled{opacity:.4;cursor:not-allowed}.ap-stage-tabs{display:flex;gap:.4rem;flex-wrap:wrap;margin-bottom:1rem;padding:.75rem;background:var(--card-bg, #fff);border:1px solid var(--border, #e5e7eb);border-radius:10px}.ap-stage-tab{display:flex;align-items:center;gap:.35rem;padding:.35rem .875rem;border:1px solid var(--border, #e5e7eb);border-radius:100px;background:#f9fafb;font-size:.8rem;cursor:pointer;color:var(--muted, #6b7280);transition:all .15s}.ap-stage-tab:hover{background:#f1f5f9}.ap-stage-tab.active{background:#1e40af;color:#fff;border-color:#1e40af}.ap-status-dot{width:8px;height:8px;border-radius:50%;display:inline-block;flex-shrink:0}.ap-badge{background:#ef4444;color:#fff;border-radius:100px;padding:0 5px;font-size:.7rem;min-width:18px;text-align:center}.ap-stage-tab.active .ap-badge{background:#ffffff4d}.ap-status-cell{display:flex;flex-direction:column;gap:1px}.ap-step-dot{width:8px;height:8px;border-radius:50%;display:inline-block;margin-right:4px}.ap-overdue-tag{background:#fef2f2;color:#dc2626;padding:1px 6px;border-radius:4px;font-size:.72rem;margin-left:4px}.ap-row-overdue{background:#fffbeb!important}.ap-action-btn{padding:.3rem .7rem;border-radius:6px;font-size:.78rem;cursor:pointer;font-weight:500;border:none}.ap-action-btn.receipt{background:#f0f9ff;color:#0369a1;border:1px solid #bae6fd}.ap-action-btn.recon{background:#fefce8;color:#a16207;border:1px solid #fde68a}.ap-action-btn.invoice{background:#fff7ed;color:#c2410c;border:1px solid #fed7aa}.ap-action-btn.confirm{background:#fdf4ff;color:#7e22ce;border:1px solid #e9d5ff}.ap-action-btn.pay{background:#f0fdf4;color:#15803d;border:1px solid #bbf7d0}.ap-action-btn:hover{filter:brightness(.95)}.ap-msg{padding:.625rem 1rem;border-radius:8px;font-size:.88rem;margin-bottom:.75rem}.ap-msg.ok{background:#f0fdf4;color:#15803d}.ap-msg.err{background:#fef2f2;color:#dc2626}.ap-priority-panel{margin-bottom:1rem}.ap-priority-header{display:flex;justify-content:space-between;align-items:center;font-weight:600;margin-bottom:.75rem}.ap-priority-ai{background:#f0f9ff;border:1px solid #bae6fd;border-radius:8px;padding:.75rem 1rem;font-size:.88rem;color:#0c4a6e;margin-bottom:.75rem;line-height:1.6;white-space:pre-wrap}.ap-detail-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000059;z-index:200;display:flex;justify-content:flex-end}.ap-detail-panel{width:min(640px,95vw);background:#fff;height:100vh;overflow-y:auto;box-shadow:-8px 0 32px #0000001f;display:flex;flex-direction:column}.ap-detail-header{padding:1.25rem 1.5rem .75rem;border-bottom:1px solid #e5e7eb;position:sticky;top:0;background:#fff;z-index:10}.ap-detail-header h2{margin:0 0 .25rem;font-size:1.2rem}.ap-detail-header-sub{display:flex;gap:.5rem;align-items:center;font-size:.88rem}.ap-detail-body{padding:1.25rem 1.5rem;flex:1;display:flex;flex-direction:column;gap:1.25rem}.ap-detail-actions{display:flex;gap:.75rem;flex-wrap:wrap;padding-top:.75rem;border-top:1px solid #f1f5f9}.ap-progress-bar{display:flex;align-items:center;padding:1rem 1.5rem;background:#f8fafc;border-bottom:1px solid #e5e7eb}.ap-progress-step{display:flex;align-items:center;gap:.4rem;flex:1}.ap-progress-dot{width:28px;height:28px;border-radius:50%;border:2px solid #e5e7eb;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:700;background:#fff;flex-shrink:0}.ap-progress-step.done .ap-progress-dot{background:#22c55e;border-color:#22c55e;color:#fff}.ap-progress-step.active .ap-progress-dot{background:#2563eb;border-color:#2563eb;color:#fff}.ap-progress-step.pending .ap-progress-dot{color:#94a3b8}.ap-progress-label{font-size:.72rem;color:var(--muted, #6b7280);white-space:nowrap}.ap-progress-step.active .ap-progress-label{color:#2563eb;font-weight:600}.ap-progress-step.done .ap-progress-label{color:#22c55e}.ap-progress-line{flex:1;height:2px;background:#e5e7eb;margin:0 .5rem}.ap-progress-line.done{background:#22c55e}.ap-amounts-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem}.ap-amount-item{background:#f8fafc;border-radius:8px;padding:.75rem;display:flex;flex-direction:column;gap:.25rem}.ap-amount-item span{font-size:.75rem;color:var(--muted, #6b7280)}.ap-amount-item strong{font-size:1rem;font-weight:700}.ap-amount-item.highlight{background:#fef2f2}.ap-amount-item.warn{background:#fefce8}.ap-info-title{font-size:.82rem;font-weight:600;color:var(--muted, #6b7280);margin-bottom:.5rem;padding-bottom:.4rem;border-bottom:1px solid #f1f5f9}.ap-info-grid{display:flex;gap:1rem;flex-wrap:wrap;font-size:.85rem}.ap-ai-block{border-radius:8px;overflow:hidden;border:1px solid #e0f2fe}.ap-ai-block-title{background:#e0f2fe;padding:.4rem .875rem;font-size:.8rem;font-weight:600}.ap-ai-block-body{padding:.75rem .875rem;font-size:.85rem;line-height:1.7;display:flex;flex-direction:column;gap:.3rem}.ap-ai-badge{padding:1px 8px;border-radius:4px;font-weight:600;font-size:.78rem}.ap-ai-badge.PASS,.ap-ai-badge.OK{background:#f0fdf4;color:#15803d}.ap-ai-badge.WARN{background:#fefce8;color:#a16207}.ap-ai-badge.FAIL,.ap-ai-badge.DIFF{background:#fef2f2;color:#dc2626}.ap-risk{padding:1px 8px;border-radius:4px;font-weight:600;font-size:.78rem}.ap-risk.LOW{background:#f0fdf4;color:#15803d}.ap-risk.MEDIUM{background:#fefce8;color:#a16207}.ap-risk.HIGH{background:#fef2f2;color:#dc2626}.ap-risk-item{display:inline-block;background:#fef2f2;color:#dc2626;padding:1px 8px;border-radius:4px;font-size:.75rem;margin:0 3px}.ap-variance-note{background:#fefce8;border:1px solid #fde68a;border-radius:6px;padding:.5rem .875rem;font-size:.85rem}.ap-ai-tip{background:#fefce8;border:1px solid #fde68a;border-radius:6px;padding:.5rem .875rem;font-size:.82rem;color:#92400e;margin-bottom:.75rem}.ap-invoice-form{display:grid;grid-template-columns:1fr 1fr;gap:.5rem 1rem}.ap-invoice-form .field-row{margin-bottom:0}.ap-compare-preview{display:flex;align-items:center;gap:.75rem;padding:.75rem;background:#f8fafc;border-radius:8px;margin:.75rem 0;justify-content:center}.ap-compare-item{text-align:center}.ap-compare-item span{display:block;font-size:.72rem;color:var(--muted, #6b7280)}.ap-compare-item strong{font-size:1rem;font-weight:700}.ap-compare-arrow{color:#94a3b8;font-size:1.2rem}.ap-confirm-btns{display:flex;flex-direction:column;gap:.5rem}.ap-confirm-choice{padding:.625rem 1rem;border:2px solid #e5e7eb;border-radius:8px;background:#fff;cursor:pointer;text-align:left;font-size:.88rem}.ap-confirm-choice.selected{border-color:#2563eb;background:#eff6ff;color:#1d4ed8}.ap-confirm-choice.reject.selected{border-color:#dc2626;background:#fef2f2;color:#dc2626}.ap-receipt-compare{display:flex;align-items:center;gap:.75rem;background:#f8fafc;border-radius:10px;padding:.875rem 1rem;margin-bottom:.875rem}.ap-receipt-compare-item{flex:1;display:flex;flex-direction:column;gap:.2rem;text-align:center}.ap-receipt-compare-item span{font-size:.72rem;color:var(--muted, #6b7280)}.ap-receipt-compare-item strong{font-size:1.05rem;font-weight:700}.ap-receipt-compare-item.highlight{background:#eff6ff;border-radius:8px;padding:.5rem}.ap-receipt-compare-item small{font-size:.7rem}.ap-receipt-compare-arrow{font-size:1.25rem;color:#94a3b8;flex-shrink:0}.ap-receipt-inbounds{margin-bottom:.75rem;border:1px solid #e0f2fe;border-radius:8px;overflow:hidden}.ap-receipt-inbound-row{display:grid;grid-template-columns:1fr auto auto auto;gap:.75rem;padding:.5rem .875rem;font-size:.82rem;border-bottom:1px solid #f0f9ff;align-items:center}.ap-receipt-inbound-row:last-child{border-bottom:none}.ap-receipt-inbound-no{font-family:monospace;color:#0369a1}.ap-receipt-inbound-status{background:#f0fdf4;color:#15803d;padding:1px 6px;border-radius:4px;font-size:.72rem}.ap-receipt-inbound-row strong{text-align:right;font-weight:700}.ap-inbound-badge{display:inline-flex;align-items:center;gap:.35rem;background:#eff6ff;color:#1d4ed8;padding:2px 8px;border-radius:100px;font-size:.75rem;font-weight:600}.ap-search-input{width:100%;padding:.5rem .75rem;border:1px solid #e2e8f0;border-radius:8px;font-size:.88rem;outline:none;transition:border-color .15s}.ap-search-input:focus{border-color:#2563eb}.ap-badge-count{display:inline-flex;align-items:center;justify-content:center;min-width:22px;height:22px;background:#e0f2fe;color:#0369a1;border-radius:100px;font-size:.75rem;font-weight:600;padding:0 6px}.pr-status-tag{padding:2px 10px;border-radius:100px;font-size:.78rem;font-weight:600}.pr-rollback-group{display:flex;gap:.5rem;margin-left:auto;flex-wrap:wrap}.pr-rollback-btn{padding:.3rem .75rem;border-radius:6px;font-size:.78rem;cursor:pointer;background:#f9fafb;border:1px solid #e5e7eb;color:#6b7280}.pr-rollback-btn:hover{background:#f1f5f9}.pr-rollback-btn.danger{color:#dc2626;border-color:#fca5a5;background:#fef2f2}.pr-period-row{display:flex;align-items:flex-end;gap:.5rem}.pr-period-sep{font-size:1.2rem;color:#94a3b8;padding-bottom:.4rem}.pr-gen-result{background:#f0fdf4;border:1px solid #bbf7d0;border-radius:8px;padding:.75rem;margin-top:.75rem}.pr-gen-result-header{display:flex;gap:1rem;align-items:center;flex-wrap:wrap;font-size:.88rem}.btn-danger{background:#dc2626;color:#fff;border:none;padding:.5rem 1rem;border-radius:6px;cursor:pointer;font-weight:500}.pr-gen-modal{max-width:900px!important}.pr-gen-steps{display:flex;align-items:center;gap:.35rem;font-size:.78rem}.pr-gen-step{padding:2px 8px;border-radius:100px;background:#f1f5f9;color:#94a3b8}.pr-gen-step.done{background:#dcfce7;color:#15803d}.pr-gen-step.active{background:#dbeafe;color:#1d4ed8;font-weight:600}.pr-gen-step-sep{color:#cbd5e1}.pr-preview-bar{display:flex;align-items:center;gap:1.25rem;flex-wrap:wrap;padding:.625rem .875rem;background:#f8fafc;border-radius:8px;margin-bottom:.75rem;font-size:.85rem}.pr-preview-bar>div{display:flex;gap:.4rem;margin-left:auto}.pr-inbound-table-wrap{max-height:400px;overflow-y:auto;border:1px solid #e5e7eb;border-radius:8px}.pr-inbound-table{font-size:.82rem}.pr-inbound-table thead th{position:sticky;top:0;background:#f8fafc;z-index:1}.pr-row-unchecked{opacity:.4}.pr-price-input{width:90px;padding:.3rem .5rem;border:1px solid #e5e7eb;border-radius:5px;text-align:right;font-size:.82rem}.pr-price-input.changed{border-color:#f59e0b;background:#fefce8}.pr-price-input:disabled{background:#f9fafb;color:#94a3b8}.pr-invoice-modal{max-width:980px!important;width:95vw!important}.pr-invoice-body{display:grid;grid-template-columns:380px 1fr;gap:1.75rem;min-height:440px}.pr-invoice-left{display:flex;flex-direction:column;gap:.875rem}.pr-invoice-compare{display:flex;align-items:center;justify-content:center;gap:1rem;background:#f8fafc;border-radius:10px;padding:.875rem}.pr-invoice-compare-col{text-align:center}.pr-invoice-compare-label{font-size:.72rem;color:#94a3b8;margin-bottom:.25rem}.pr-invoice-compare-val{font-size:1.1rem;font-weight:700}.pr-invoice-compare-val.match{color:#16a34a}.pr-invoice-compare-val.diff{color:#dc2626}.pr-invoice-compare-arrow{color:#cbd5e1;font-size:1.2rem}.pr-invoice-upload-zone{border:2px dashed #cbd5e1;border-radius:10px;padding:1.5rem;text-align:center;cursor:pointer;transition:all .2s;background:#fafafa;flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.4rem;min-height:120px}.pr-invoice-upload-zone:hover{border-color:#2563eb;background:#eff6ff}.pr-invoice-upload-zone.dragover{border-color:#2563eb;background:#dbeafe}.pr-invoice-upload-zone.uploading{border-color:#7c3aed;background:#f5f3ff}.pr-upload-icon{font-size:2rem}.pr-upload-hint{font-size:.88rem;font-weight:600;color:#374151}.pr-upload-sub{font-size:.75rem;color:#94a3b8}.pr-upload-loading{display:flex;flex-direction:column;align-items:center;gap:.5rem;color:#7c3aed;font-size:.88rem}.pr-upload-spinner{width:24px;height:24px;border:3px solid #e9d5ff;border-top-color:#7c3aed;border-radius:50%;animation:spin .8s linear infinite}.pr-invoice-thumbs{display:flex;gap:.5rem;flex-wrap:wrap}.pr-invoice-thumb{position:relative;width:72px;height:72px;border-radius:6px;overflow:hidden;border:1px solid #e5e7eb;cursor:pointer;flex-shrink:0}.pr-invoice-thumb img{width:100%;height:100%;object-fit:cover}.pr-invoice-thumb-del{position:absolute;top:2px;right:2px;width:18px;height:18px;border-radius:50%;background:#0000008c;color:#fff;border:none;font-size:.7rem;cursor:pointer;display:flex;align-items:center;justify-content:center;line-height:1}.pr-invoice-thumb-badge{position:absolute;bottom:2px;left:2px;background:#16a34a;color:#fff;font-size:.6rem;padding:1px 4px;border-radius:3px}.pr-ocr-result{background:#f0fdf4;border:1px solid #bbf7d0;border-radius:8px;overflow:hidden;font-size:.82rem}.pr-ocr-result-title{background:#dcfce7;padding:.4rem .75rem;font-weight:600;color:#15803d;font-size:.78rem;display:flex;align-items:center;gap:.5rem}.pr-ocr-applied{background:#16a34a;color:#fff;padding:1px 6px;border-radius:4px;font-size:.7rem;font-weight:400}.pr-ocr-result-body{padding:.5rem .75rem;display:flex;flex-direction:column;gap:.2rem}.pr-invoice-right{display:flex;flex-direction:column;gap:0}.pr-invoice-right .field-row{margin-bottom:.75rem}.pr-invoice-right .field-row input,.pr-invoice-right .field-row select{padding:.5rem .75rem;border:1.5px solid #e5e7eb;border-radius:7px;font-size:.9rem;transition:border-color .15s;width:100%}.pr-invoice-right .field-row input:focus,.pr-invoice-right .field-row select:focus{border-color:#2563eb;outline:none}.pr-invoice-right .field-row input.filled{border-color:#16a34a;background:#f0fdf4}.pr-amount-input-wrap{position:relative}.pr-amount-prefix{position:absolute;left:.75rem;top:50%;transform:translateY(-50%);color:#94a3b8;font-weight:600;pointer-events:none}.pr-amount-input-wrap input{padding-left:1.5rem!important;font-size:1rem!important;font-weight:600}.pr-amount-diff-hint{margin-top:.3rem;font-size:.78rem;color:#f59e0b;background:#fefce8;padding:3px 8px;border-radius:4px}.pr-invoice-ai-tip{display:flex;gap:.5rem;align-items:flex-start;background:#fefce8;border:1px solid #fde68a;border-radius:8px;padding:.625rem .875rem;font-size:.82rem;color:#92400e;margin-top:auto;margin-bottom:.75rem}.pr-invoice-submit-btn{display:flex;align-items:center;gap:.5rem;padding:.625rem 1.5rem}.pr-btn-spinner{width:14px;height:14px;border:2px solid rgba(255,255,255,.4);border-top-color:#fff;border-radius:50%;animation:spin .6s linear infinite}.pr-invoice-modal .modal-body{padding:1.25rem}.pr-invoice-modal .modal-header{padding:1.125rem 1.25rem .875rem;border-bottom:1px solid #f1f5f9}.pr-invoice-thumb-add{display:flex;align-items:center;justify-content:center;background:#f8fafc;border:2px dashed #cbd5e1;cursor:pointer;font-size:1.5rem;color:#94a3b8}.pr-invoice-thumb-add:hover{border-color:#2563eb;color:#2563eb;background:#eff6ff}.fpr-page{padding:1.5rem;max-width:1200px}.fpr-header{margin-bottom:1.25rem}.fpr-header-left{display:flex;align-items:center;gap:.75rem;margin-bottom:.25rem}.fpr-title{font-size:1.25rem;font-weight:700;color:#111827;margin:0}.fpr-badge-total{background:#fef3c7;color:#92400e;border:1px solid #fde68a;border-radius:12px;padding:2px 10px;font-size:.78rem;font-weight:600}.fpr-subtitle{font-size:.85rem;margin:0}.fpr-error{background:#fef2f2;border:1px solid #fecaca;color:#dc2626;padding:8px 12px;border-radius:6px;font-size:.85rem;margin-bottom:1rem;cursor:pointer}.fpr-tabs{display:flex;gap:0;border-bottom:2px solid #e5e7eb;margin-bottom:1rem}.fpr-tab{padding:.6rem 1.25rem;background:none;border:none;border-bottom:2px solid transparent;margin-bottom:-2px;cursor:pointer;font-size:.9rem;color:#6b7280;display:flex;align-items:center;gap:.4rem;transition:color .15s,border-color .15s}.fpr-tab:hover{color:#1d4ed8}.fpr-tab.active{color:#1d4ed8;border-bottom-color:#2563eb;font-weight:600}.fpr-tab-badge{background:#ef4444;color:#fff;border-radius:10px;padding:0 6px;font-size:.72rem;font-weight:700;min-width:18px;text-align:center;line-height:1.5}.fpr-panel{background:#fff;border:1px solid #e5e7eb;border-radius:8px;overflow:hidden}.fpr-panel-toolbar{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;border-bottom:1px solid #f3f4f6;background:#fafafa}.fpr-count{font-size:.85rem}.fpr-loading,.fpr-empty{padding:3rem 1rem;text-align:center;color:#9ca3af;font-size:.9rem}.fpr-table{width:100%;border-collapse:collapse;font-size:.85rem}.fpr-table th{padding:.6rem .8rem;text-align:left;font-weight:600;color:#6b7280;font-size:.78rem;background:#f9fafb;border-bottom:1px solid #e5e7eb;white-space:nowrap}.fpr-table td{padding:.65rem .8rem;border-bottom:1px solid #f3f4f6;vertical-align:middle}.fpr-table tr:last-child td{border-bottom:none}.fpr-table tr:hover td{background:#f9fafb}.fpr-table .num{text-align:right}.fpr-amount{font-weight:600;color:#111827}.fpr-link{background:none;border:none;color:#2563eb;cursor:pointer;font-size:.85rem;padding:0;text-decoration:underline;text-underline-offset:2px}.fpr-link:hover{color:#1d4ed8}.fpr-actions{white-space:nowrap;display:flex;gap:.4rem;align-items:center}.fpr-btn-confirm{background:none;border:1px solid #bbf7d0;color:#16a34a;border-radius:4px;padding:3px 10px;font-size:.78rem;cursor:pointer;transition:background .1s}.fpr-btn-confirm:hover:not(:disabled){background:#f0fdf4}.fpr-btn-reject{background:none;border:1px solid #fecaca;color:#dc2626;border-radius:4px;padding:3px 10px;font-size:.78rem;cursor:pointer;transition:background .1s}.fpr-btn-reject:hover:not(:disabled){background:#fef2f2}.fpr-btn-confirm:disabled,.fpr-btn-reject:disabled{opacity:.5;cursor:not-allowed}.fpr-pagination{display:flex;align-items:center;justify-content:center;gap:1rem;padding:.75rem;border-top:1px solid #f3f4f6;font-size:.85rem;color:#6b7280}.fpr-pagination button{background:#fff;border:1px solid #e5e7eb;border-radius:4px;padding:4px 12px;cursor:pointer;font-size:.82rem;color:#374151}.fpr-pagination button:hover:not(:disabled){background:#f3f4f6}.fpr-pagination button:disabled{opacity:.4;cursor:not-allowed}.fpr-review-info{font-size:.9rem;padding:6px 0}.btn.btn-danger{background:#dc2626;color:#fff;border:none}.btn.btn-danger:hover:not(:disabled){background:#b91c1c}.ch-layout{display:flex;height:100%;overflow:hidden;background:#f0f2f5}.ch-left{width:260px;flex-shrink:0;display:flex;flex-direction:column;background:#fff;border-right:1px solid #e5e7eb;overflow:hidden}.ch-tab-bar{display:flex;border-bottom:1px solid #e5e7eb;flex-shrink:0}.ch-tab-btn{flex:1;padding:11px 6px;font-size:13px;font-weight:500;color:#6b7280;background:transparent;border:none;border-bottom:2px solid transparent;cursor:pointer;transition:color .15s,border-color .15s;display:flex;align-items:center;justify-content:center;gap:5px;white-space:nowrap}.ch-tab-btn:hover{color:#374151;background:#f9fafb}.ch-tab-btn--active{color:#6366f1;border-bottom-color:#6366f1;background:transparent}.ch-tab-badge{background:#ef4444;color:#fff;border-radius:10px;padding:1px 5px;font-size:11px;font-weight:600;line-height:1.4}.ch-tab-pane{flex:1;display:flex;flex-direction:column;overflow:hidden}.ch-ai-history{display:flex;flex-direction:column;height:100%;overflow:hidden}.ch-ai-history__header{display:flex;align-items:center;justify-content:space-between;padding:12px 14px;border-bottom:1px solid #f3f4f6;flex-shrink:0}.ch-ai-history__title{font-size:13px;font-weight:600;color:#374151}.ch-ai-history__new-btn{width:26px;height:26px;border-radius:7px;border:1px solid #e5e7eb;background:#f9fafb;color:#6366f1;font-size:17px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s}.ch-ai-history__new-btn:hover{background:#6366f1;color:#fff;border-color:#6366f1}.ch-ai-history__list{flex:1;overflow-y:auto;padding:6px 0}.ch-ai-history__empty{padding:20px 14px;text-align:center;font-size:13px;color:#9ca3af}.ch-ai-history__group-label{padding:5px 14px 3px;font-size:11px;font-weight:600;color:#9ca3af;text-transform:uppercase;letter-spacing:.05em;-webkit-user-select:none;user-select:none}.ch-ai-history__item{display:flex;align-items:center;gap:5px;padding:7px 8px 7px 14px;cursor:pointer;border-left:2px solid transparent;transition:background .1s}.ch-ai-history__item:hover{background:#f5f3ff}.ch-ai-history__item--active{background:#ede9fe;border-left-color:#6366f1}.ch-ai-history__item-body{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.ch-ai-history__item-title{font-size:13px;font-weight:500;color:#111827;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ch-ai-history__item--active .ch-ai-history__item-title{color:#4f46e5}.ch-ai-history__item-meta{display:flex;align-items:center;gap:5px}.ch-ai-history__item-count{font-size:11px;color:#9ca3af;background:#f3f4f6;border-radius:8px;padding:1px 5px}.ch-ai-history__item-time{font-size:11px;color:#9ca3af}.ch-ai-history__delete-btn{flex-shrink:0;width:20px;height:20px;border-radius:5px;border:none;background:transparent;color:#d1d5db;font-size:13px;cursor:pointer;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .15s,background .15s,color .15s;padding:0}.ch-ai-history__item:hover .ch-ai-history__delete-btn{opacity:1}.ch-ai-history__delete-btn:hover{background:#fee2e2;color:#ef4444}.ch-right{flex:1;display:flex;flex-direction:column;overflow:hidden;min-width:0}.ch-right .ai-chat-page{height:100%;background:#fff}.ch-right .wc-layout{height:100%}.ch-right .wc-layout .wc-sidebar{display:none}.ai-chat-page{display:flex;flex-direction:column;height:100%;background:#f8fafc}.ai-chat-header{display:flex;align-items:center;justify-content:space-between;padding:12px 20px;background:#fff;border-bottom:1px solid #e5e7eb;flex-shrink:0}.ai-chat-header-left{display:flex;flex-direction:column;gap:2px}.ai-chat-header-actions{display:flex;align-items:center;gap:8px}.ai-chat-title{font-size:16px;font-weight:600;color:#111827}.ai-chat-subtitle{font-size:12px;color:#6b7280}.ai-chat-new-btn{font-size:13px;padding:6px 14px}.ai-chat-messages{flex:1;overflow-y:auto;padding:16px 20px;display:flex;flex-direction:column;gap:16px}.ai-chat-empty{margin:auto;max-width:480px;text-align:center;color:#6b7280;padding:32px 0}.ai-chat-empty-icon{font-size:40px;margin-bottom:12px}.ai-chat-empty p{font-size:15px;color:#374151;margin-bottom:8px}.ai-chat-empty ul{text-align:left;display:inline-block;font-size:13px;color:#6b7280;line-height:1.8;margin-bottom:16px}.ai-chat-quick-questions{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}.ai-chat-quick-btn{background:#fff;border:1px solid #e5e7eb;border-radius:20px;padding:6px 14px;font-size:13px;color:#374151;cursor:pointer;transition:all .15s}.ai-chat-quick-btn:hover{border-color:#6366f1;color:#6366f1;background:#f5f3ff}.ai-chat-row{display:flex;gap:10px;align-items:flex-start}.ai-chat-row--user{flex-direction:row-reverse}.ai-chat-avatar{width:32px;height:32px;border-radius:50%;background:#e0e7ff;display:flex;align-items:center;justify-content:center;font-size:16px;flex-shrink:0}.ai-chat-bubble{max-width:640px;padding:10px 14px;border-radius:12px;font-size:14px;line-height:1.6;word-break:break-word}.ai-chat-bubble--user{background:#6366f1;color:#fff;border-bottom-right-radius:4px}.ai-chat-bubble--ai{background:#fff;color:#111827;border:1px solid #e5e7eb;border-bottom-left-radius:4px}.ai-chat-pre{margin:0;white-space:pre-wrap;font-family:inherit;font-size:14px;line-height:1.6}.ai-chat-ai-body{display:flex;flex-direction:column;gap:6px}.ai-chat-skill-tag{display:inline-block;font-size:11px;font-weight:500;padding:2px 8px;border-radius:10px;align-self:flex-start}.ai-chat-time{font-size:11px;color:#9ca3af;align-self:flex-end}.ai-chat-actions{display:flex;gap:8px;flex-wrap:wrap}.ai-chat-action-btn{padding:7px 18px;border-radius:8px;font-size:13px;font-weight:500;cursor:pointer;border:1px solid #d1d5db;background:#fff;color:#374151;transition:all .15s}.ai-chat-action-btn:hover:not(:disabled){border-color:#6366f1;color:#6366f1}.ai-chat-action-btn--green{background:#059669;color:#fff;border-color:#059669}.ai-chat-action-btn--green:hover:not(:disabled){background:#047857;border-color:#047857;color:#fff}.ai-chat-action-btn:disabled{opacity:.6;cursor:not-allowed}.ai-chat-thinking{display:flex;gap:5px;padding:12px 16px;background:#fff;border:1px solid #e5e7eb;border-radius:12px 12px 12px 4px}.ai-chat-thinking span{width:8px;height:8px;border-radius:50%;background:#9ca3af;animation:ai-bounce 1.2s infinite ease-in-out}.ai-chat-thinking span:nth-child(2){animation-delay:.2s}.ai-chat-thinking span:nth-child(3){animation-delay:.4s}@keyframes ai-bounce{0%,80%,to{transform:translateY(0)}40%{transform:translateY(-6px)}}.ai-chat-input-area{display:flex;gap:10px;padding:12px 20px;background:#fff;border-top:1px solid #e5e7eb;flex-shrink:0;align-items:flex-end}.ai-chat-input{flex:1;resize:none;border:1px solid #d1d5db;border-radius:10px;padding:10px 14px;font-size:14px;line-height:1.5;font-family:inherit;color:#111827;outline:none;transition:border-color .15s}.ai-chat-input:focus{border-color:#6366f1;box-shadow:0 0 0 2px #6366f11a}.ai-chat-input:disabled{background:#f9fafb;color:#9ca3af}.ai-chat-send-btn{padding:10px 22px;background:#6366f1;color:#fff;border:none;border-radius:10px;font-size:14px;font-weight:500;cursor:pointer;transition:background .15s;white-space:nowrap;align-self:flex-end}.ai-chat-send-btn:hover:not(:disabled){background:#4f46e5}.ai-chat-send-btn:disabled{background:#9ca3af;cursor:not-allowed}.ai-chat-draft-panel{display:flex;flex-direction:column;gap:10px;margin-top:4px}.ai-sales-created-bar{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.ai-chat-action-btn--mrp{background:linear-gradient(135deg,#0ea5e9,#6366f1);color:#fff;border-color:transparent;font-weight:600}.ai-chat-action-btn--mrp:hover:not(:disabled){opacity:.88;border-color:transparent}.ai-chat-confirm-bar{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.ai-chat-action-btn--confirm{background:#6366f1;color:#fff;border-color:#6366f1}.ai-chat-action-btn--confirm:hover:not(:disabled){background:#4f46e5;border-color:#4f46e5;color:#fff}.ai-chat-action-btn--cancel{background:#fff;color:#6b7280;border-color:#d1d5db}.ai-chat-action-btn--cancel:hover:not(:disabled){background:#f9fafb;color:#374151;border-color:#9ca3af}.ai-unmatched-panel{background:#fff7ed;border:1px solid #fed7aa;border-radius:10px;padding:12px 14px;display:flex;flex-direction:column;gap:8px}.ai-unmatched-panel--done{background:#f0fdf4;border-color:#bbf7d0;flex-direction:row;align-items:center;gap:8px;color:#15803d;font-size:13px}.ai-unmatched-panel__icon{font-size:16px;flex-shrink:0}.ai-unmatched-panel__title{font-size:13px;color:#9a3412;line-height:1.5}.ai-unmatched-panel__list{margin:0;padding-left:18px;font-size:13px;color:#7c2d12;display:flex;flex-direction:column;gap:3px;max-height:140px;overflow-y:auto}.ai-unmatched-panel__hint{font-size:12px;color:#78350f;line-height:1.5}.ai-chat-action-btn--create-material{align-self:flex-start;background:#ea580c;color:#fff;border:none;border-radius:8px;padding:7px 16px;font-size:13px;cursor:pointer;font-weight:500;transition:background .15s}.ai-chat-action-btn--create-material:hover:not(:disabled){background:#c2410c}.ai-chat-action-btn--create-material:disabled{opacity:.6;cursor:not-allowed}.ai-party-picker{background:#fffbeb;border:1px solid #fde68a;border-radius:10px;padding:10px 12px;display:flex;flex-direction:column;gap:8px}.ai-party-picker__title{font-size:13px;color:#92400e;font-weight:500}.ai-party-picker__candidates{display:flex;flex-wrap:wrap;gap:6px}.ai-party-picker__new-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.ai-party-picker__chip{padding:4px 12px;border-radius:20px;font-size:13px;border:1px solid #d1d5db;background:#fff;color:#374151;cursor:pointer;transition:all .15s;white-space:nowrap}.ai-party-picker__chip:hover{border-color:#6366f1;color:#6366f1}.ai-party-picker__chip--active{background:#6366f1;color:#fff;border-color:#6366f1}.ai-party-picker__chip--active:hover{background:#4f46e5;color:#fff}.ai-party-picker__input{flex:1;min-width:140px;padding:5px 10px;border:1px solid #d1d5db;border-radius:8px;font-size:13px;color:#111827;outline:none}.ai-party-picker__input:focus{border-color:#6366f1;box-shadow:0 0 0 2px #6366f11a}.ai-history-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000040;z-index:40}.ai-history-drawer{position:absolute;top:0;left:0;height:100%;width:280px;z-index:50;transform:translate(-100%);transition:transform .25s ease;pointer-events:none}.ai-history-drawer--open{transform:translate(0);pointer-events:auto}.ai-history-panel{display:flex;flex-direction:column;height:100%;background:#fff;border-right:1px solid #e5e7eb;box-shadow:2px 0 12px #00000014}.ai-history-panel__header{display:flex;align-items:center;justify-content:space-between;padding:14px 16px 12px;border-bottom:1px solid #f3f4f6;flex-shrink:0}.ai-history-panel__title{font-size:14px;font-weight:600;color:#111827}.ai-history-panel__new-btn{width:28px;height:28px;border-radius:8px;border:1px solid #e5e7eb;background:#f9fafb;color:#6366f1;font-size:18px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s}.ai-history-panel__new-btn:hover{background:#6366f1;color:#fff;border-color:#6366f1}.ai-history-panel__list{flex:1;overflow-y:auto;padding:8px 0}.ai-history-panel__empty{padding:24px 16px;text-align:center;font-size:13px;color:#9ca3af}.ai-history-panel__group{margin-bottom:4px}.ai-history-panel__group-label{padding:6px 16px 4px;font-size:11px;font-weight:600;color:#9ca3af;text-transform:uppercase;letter-spacing:.05em;-webkit-user-select:none;user-select:none}.ai-history-panel__item{display:flex;align-items:center;gap:6px;padding:8px 10px 8px 16px;cursor:pointer;border-radius:0;transition:background .12s;border-left:2px solid transparent}.ai-history-panel__item:hover{background:#f5f3ff}.ai-history-panel__item--active{background:#ede9fe;border-left-color:#6366f1}.ai-history-panel__item-body{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.ai-history-panel__item-title{font-size:13px;color:#111827;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ai-history-panel__item--active .ai-history-panel__item-title{color:#4f46e5}.ai-history-panel__item-meta{display:flex;align-items:center;gap:6px}.ai-history-panel__item-count{font-size:11px;color:#9ca3af;background:#f3f4f6;border-radius:8px;padding:1px 6px}.ai-history-panel__item-time{font-size:11px;color:#9ca3af}.ai-history-panel__delete-btn{flex-shrink:0;width:22px;height:22px;border-radius:6px;border:none;background:transparent;color:#d1d5db;font-size:14px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .15s,background .15s,color .15s;padding:0}.ai-history-panel__item:hover .ai-history-panel__delete-btn{opacity:1}.ai-history-panel__delete-btn:hover{background:#fee2e2;color:#ef4444}.ai-history-panel__delete-btn:disabled{cursor:not-allowed;opacity:.5}.ai-chat-history-btn{padding:6px 12px;border:1px solid #e5e7eb;border-radius:8px;background:#fff;color:#374151;font-size:13px;font-weight:500;cursor:pointer;transition:all .15s;white-space:nowrap;display:flex;align-items:center;gap:4px}.ai-chat-history-btn:hover{background:#f5f3ff;border-color:#6366f1;color:#6366f1}.ai-chat-main{flex:1;display:flex;flex-direction:column;min-width:0;position:relative}.ai-chat-input-area{flex-direction:column;gap:6px}.ai-chat-input-row{display:flex;gap:8px;align-items:flex-end;width:100%}.ai-chat-input-row .ai-chat-input{flex:1;min-width:0}.ai-chat-attach-btn{flex-shrink:0;width:38px;height:38px;border-radius:10px;border:1px solid #e5e7eb;background:#f9fafb;font-size:18px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s;align-self:flex-end;margin-bottom:2px}.ai-chat-attach-btn:hover:not(:disabled){background:#ede9fe;border-color:#6366f1}.ai-chat-attach-btn:disabled{opacity:.5;cursor:not-allowed}.ai-chat-file-panel{display:flex;flex-direction:column;gap:6px;padding:8px 10px;background:#f0f9ff;border:1px solid #bae6fd;border-radius:10px}.ai-chat-file-preview{display:flex;align-items:center;gap:8px;font-size:13px;color:#0369a1}.ai-chat-file-preview__img{width:40px;height:40px;object-fit:cover;border-radius:6px;flex-shrink:0}.ai-chat-file-preview__icon{font-size:24px;flex-shrink:0}.ai-chat-file-preview__name{flex:1;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ai-chat-file-preview__size{color:#64748b;flex-shrink:0}.ai-chat-file-preview__remove{flex-shrink:0;width:20px;height:20px;border-radius:50%;border:none;background:#cbd5e1;color:#475569;font-size:13px;cursor:pointer;display:flex;align-items:center;justify-content:center;line-height:1;padding:0;transition:background .15s}.ai-chat-file-preview__remove:hover{background:#ef4444;color:#fff}.ai-chat-send-btn--upload{background:#0891b2}.ai-chat-send-btn--upload:hover:not(:disabled){background:#0e7490}.ai-chat-rich{font-size:14px;line-height:1.7;white-space:pre-wrap;word-break:break-word}.ai-chat-rich strong{font-weight:600;color:#111827}.ai-cost-card{background:#f9fafb;border:1px solid #e5e7eb;border-radius:10px;padding:12px 14px;font-size:13px;max-width:560px}.ai-cost-card__title{font-size:14px;font-weight:600;color:#111827;margin-bottom:10px}.ai-cost-card__table{width:100%;border-collapse:collapse}.ai-cost-card__table th,.ai-cost-card__table td{padding:5px 8px;text-align:left;border-bottom:1px solid #f3f4f6;color:#374151}.ai-cost-card__table th{font-weight:600;color:#6b7280;font-size:12px;background:#f3f4f6}.ai-cost-card__table tfoot td{border-top:2px solid #e5e7eb;border-bottom:none;padding-top:8px}.ai-cost-card__table tfoot strong{color:#111827}.ai-chat-file-hint{font-size:12px;color:#64748b;padding-top:4px;border-top:1px solid #e0f2fe;line-height:1.5}.ai-attach-image{max-width:260px;margin-bottom:4px}.ai-attach-image__img{display:block;max-width:100%;max-height:200px;border-radius:8px;cursor:pointer;object-fit:cover;border:1px solid rgba(255,255,255,.2);transition:opacity .15s}.ai-attach-image__img:hover{opacity:.88}.ai-attach-image__placeholder{padding:10px 14px;border-radius:8px;background:#ffffff26;font-size:13px;color:#ffffffd9}.ai-attach-file{display:flex;align-items:center;gap:6px;padding:7px 12px;border-radius:8px;background:#ffffff26;border:1px solid rgba(255,255,255,.2);cursor:pointer;color:#fff;font-size:13px;margin-bottom:4px;max-width:260px;transition:background .15s;text-align:left}.ai-attach-file:hover:not(:disabled){background:#ffffff40}.ai-attach-file:disabled{opacity:.6;cursor:not-allowed}.ai-attach-file__icon{font-size:16px;flex-shrink:0}.ai-attach-file__name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ai-attach-file__action{flex-shrink:0;font-size:14px;opacity:.75}.ai-chat-bubble--user .ai-attach-image+span,.ai-chat-bubble--user .ai-attach-file+span{display:block;margin-top:4px}.ai-mrp-card{border:1px solid #bfdbfe;border-radius:10px;background:#f0f7ff;padding:14px 16px;max-width:560px;font-size:13px}.ai-mrp-card__header{font-size:14px;font-weight:600;color:#1e40af;margin-bottom:10px}.ai-mrp-card__summary{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:10px}.ai-mrp-card__badge{display:inline-flex;align-items:center;gap:4px;padding:3px 10px;border-radius:99px;font-size:12px;font-weight:500}.ai-mrp-card__badge--buy{background:#dbeafe;color:#1d4ed8}.ai-mrp-card__badge--prod{background:#ede9fe;color:#6d28d9}.ai-mrp-card__badge--stock{background:#dcfce7;color:#15803d}.ai-mrp-card__table{width:100%;border-collapse:collapse;margin-bottom:12px;font-size:12px}.ai-mrp-card__table th,.ai-mrp-card__table td{padding:5px 8px;border-bottom:1px solid #e2e8f0;text-align:left}.ai-mrp-card__table th{background:#e0eeff;color:#475569;font-weight:600}.ai-mrp-card__table tr:last-child td{border-bottom:none}.ai-action-locked{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:6px;background:#f1f5f9;color:#94a3b8;font-size:12px;border:1px dashed #cbd5e1;cursor:not-allowed;-webkit-user-select:none;user-select:none}.ai-staging-card{border:1px solid #fde68a;border-radius:10px;background:#fffbeb;padding:14px 16px;max-width:540px;font-size:13px}.ai-staging-card__header{font-size:14px;font-weight:600;color:#92400e;margin-bottom:10px}.ai-staging-card__badges{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:10px}.ai-staging-card__badge{display:inline-flex;align-items:center;gap:4px;padding:3px 10px;border-radius:99px;font-size:12px;font-weight:500}.ai-staging-card__badge--pending{background:#fef3c7;color:#92400e}.ai-staging-card__badge--assigned{background:#dbeafe;color:#1d4ed8}.ai-staging-card__badge--warn{background:#fee2e2;color:#b91c1c}.ai-staging-card__table{width:100%;border-collapse:collapse;margin-bottom:10px;font-size:12px}.ai-staging-card__table th,.ai-staging-card__table td{padding:5px 8px;border-bottom:1px solid #fde68a;text-align:left}.ai-staging-card__table th{background:#fef9c3;color:#78350f;font-weight:600}.ai-staging-card__table tr:last-child td{border-bottom:none}.ai-staging-card__warn-list{background:#fff7ed;border:1px solid #fed7aa;border-radius:6px;padding:8px 10px;margin-bottom:10px;font-size:12px;color:#c2410c;display:flex;flex-wrap:wrap;gap:4px;align-items:center}.ai-staging-card__warn-item{display:inline-block}.ai-staging-card__warn-item.muted{color:#9ca3af}.ai-workflow-card{display:flex;align-items:flex-start;gap:12px;padding:14px 16px;border-radius:10px;border-left:4px solid #e2e8f0;background:#f8fafc;margin-top:6px;flex-wrap:wrap}.ai-workflow-card--mrp{border-left-color:#6366f1}.ai-workflow-card--purchase{border-left-color:#2563eb}.ai-workflow-card--supplier{border-left-color:#f59e0b}.ai-workflow-card--warehouse{border-left-color:#10b981}.ai-workflow-card--sales{border-left-color:#ec4899}.ai-workflow-card__icon{font-size:22px;line-height:1;flex-shrink:0;margin-top:2px}.ai-workflow-card__body{flex:1;min-width:0}.ai-workflow-card__title{font-size:13px;font-weight:700;color:#0f172a;margin-bottom:4px}.ai-workflow-card__desc{font-size:12px;color:#475569;line-height:1.5}.ai-workflow-card__list{margin:6px 0 0;padding:0 0 0 16px;font-size:12px;color:#334155;line-height:1.7}.ai-workflow-card__actions{display:flex;gap:8px;flex-wrap:wrap;width:100%;margin-top:4px}.ai-workflow-card>.ai-chat-action-btn{flex-shrink:0;align-self:center}.wc-layout{display:flex;height:100%;overflow:hidden;background:#f0f2f5}.wc-sidebar{width:260px;flex-shrink:0;display:flex;flex-direction:column;background:#fff;border-right:1px solid #e5e7eb;overflow:hidden}.wc-sidebar__header{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border-bottom:1px solid #e5e7eb}.wc-sidebar__title{font-weight:600;font-size:15px;color:#111827}.wc-sidebar__new-btn{width:28px;height:28px;border-radius:50%;border:1.5px solid #6366f1;color:#6366f1;background:transparent;font-size:18px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .15s}.wc-sidebar__new-btn:hover{background:#ede9fe}.wc-sidebar__list{flex:1;overflow-y:auto;padding:8px 0}.wc-sidebar__empty{padding:24px 16px;text-align:center;color:#9ca3af;font-size:13px}.wc-sidebar__item{padding:10px 16px;cursor:pointer;transition:background .12s;border-left:3px solid transparent}.wc-sidebar__item:hover{background:#f9fafb}.wc-sidebar__item--active{background:#ede9fe;border-left-color:#6366f1}.wc-sidebar__item--closed{opacity:.55}.wc-sidebar__item-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:3px}.wc-sidebar__item-title{font-size:14px;font-weight:500;color:#111827;truncate:true}.wc-sidebar__badge{background:#ef4444;color:#fff;border-radius:10px;padding:1px 6px;font-size:11px;font-weight:600;flex-shrink:0}.wc-sidebar__item-meta{display:flex;align-items:center;gap:6px}.wc-sidebar__tag{font-size:11px;padding:1px 6px;border-radius:4px;background:#dbeafe;color:#2563eb;flex-shrink:0}.wc-sidebar__last-msg{font-size:12px;color:#9ca3af;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.wc-chat-area{flex:1;display:flex;flex-direction:column;overflow:hidden;background:#fff}.wc-placeholder{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#9ca3af}.wc-placeholder__icon{font-size:48px;margin-bottom:12px}.wc-placeholder p{font-size:14px}.wc-chat-header{display:flex;align-items:center;justify-content:space-between;padding:12px 20px;border-bottom:1px solid #e5e7eb;background:#fff;flex-shrink:0}.wc-chat-header__left{display:flex;align-items:center;gap:8px}.wc-chat-header__title{font-size:15px;font-weight:600;color:#111827}.wc-chat-header__tag{font-size:11px;padding:2px 7px;border-radius:4px;background:#dbeafe;color:#2563eb}.wc-chat-header__right{display:flex;align-items:center;gap:10px}.wc-chat-header__avatars{display:flex}.wc-chat-header__btn{border:1px solid #e5e7eb;border-radius:8px;background:#fff;padding:5px 12px;font-size:13px;cursor:pointer;transition:background .12s}.wc-chat-header__btn:hover{background:#f3f4f6}.wc-avatar{width:28px;height:28px;border-radius:50%;background:#6366f1;color:#fff;font-size:12px;font-weight:600;display:flex;align-items:center;justify-content:center;margin-left:-6px;border:2px solid #fff;flex-shrink:0}.wc-avatar:first-child{margin-left:0}.wc-avatar--more{background:#9ca3af;font-size:11px}.wc-members-panel{border-bottom:1px solid #e5e7eb;padding:12px 20px;background:#fafafa;max-height:260px;overflow-y:auto}.wc-members-panel__title{font-weight:600;font-size:13px;display:flex;justify-content:space-between;margin-bottom:8px}.wc-members-panel__close{border:none;background:none;cursor:pointer;color:#9ca3af;font-size:16px}.wc-members-panel__list{display:flex;flex-direction:column;gap:6px;margin-bottom:10px}.wc-members-panel__item{display:flex;align-items:center;gap:8px}.wc-members-panel__name{font-size:13px;flex:1}.wc-members-panel__role{font-size:11px;color:#6b7280}.wc-members-panel__role--dim{color:#9ca3af}.wc-members-panel__role-select{font-size:12px;border:1px solid #e5e7eb;border-radius:6px;padding:2px 6px;color:#374151;background:#f9fafb;cursor:pointer;outline:none;max-width:110px}.wc-members-panel__role-select:hover{border-color:#6366f1}.wc-members-panel__role-select--sm{max-width:90px}.wc-members-panel__role-saving{font-size:11px;color:#9ca3af}.wc-members-panel__invite{border-top:1px solid #e5e7eb;padding-top:10px;margin-top:4px}.wc-members-panel__invite-title{font-size:12px;font-weight:600;color:#6b7280;margin-bottom:6px;text-transform:uppercase;letter-spacing:.5px}.wc-members-panel__result-info{display:flex;flex-direction:column;flex:1;min-width:0}.wc-members-panel__result-name{font-size:13px;font-weight:500}.wc-members-panel__search{width:100%;border:1px solid #e5e7eb;border-radius:8px;padding:6px 10px;font-size:13px;outline:none;margin-bottom:4px}.wc-members-panel__hint{font-size:12px;color:#9ca3af}.wc-members-panel__result{display:flex;align-items:center;gap:8px;padding:6px 4px;font-size:13px;border-radius:6px}.wc-members-panel__result:hover{background:#f3f4f6}.wc-members-panel__add-btn{margin-left:auto;border:1px solid #6366f1;border-radius:6px;color:#6366f1;background:transparent;padding:2px 8px;font-size:12px;cursor:pointer}.wc-progress-bar{padding:10px 20px;border-bottom:1px solid #e5e7eb;background:#fafafa;flex-shrink:0}.wc-progress-bar--collapsed{cursor:pointer;font-size:12px;color:#6b7280;display:flex;align-items:center;gap:8px}.wc-progress-bar__collapsed-label{flex:1}.wc-progress-bar__collapsed-pct{font-size:11px;font-weight:600;color:#6366f1}.wc-progress-bar__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.wc-progress-bar__title{font-size:12px;font-weight:600;color:#6b7280;display:flex;align-items:center;gap:6px}.wc-progress-bar__counter{font-size:11px;color:#6366f1;font-weight:700;background:#ede9fe;padding:1px 6px;border-radius:10px}.wc-progress-bar__toggle{border:none;background:none;cursor:pointer;color:#9ca3af}.wc-progress-bar__steps{display:flex;align-items:center}.wc-progress-bar__line{flex:1;height:2px;background:#e5e7eb;transition:background .3s}.wc-progress-bar__line--done{background:#6366f1}.wc-progress-bar__step{display:flex;flex-direction:column;align-items:center;gap:4px;min-width:56px;position:relative}.wc-progress-bar__step--nav{cursor:pointer}.wc-progress-bar__step--nav:hover .wc-progress-bar__label{color:#6366f1;text-decoration:underline}.wc-progress-bar__icon{position:relative;font-size:18px}.wc-progress-bar__label{font-size:11px;color:#6b7280;white-space:nowrap}.wc-progress-bar__step--done .wc-progress-bar__label{color:#6366f1}.wc-progress-bar__step--current .wc-progress-bar__label{color:#111827;font-weight:600}.wc-progress-bar__done-mark{position:absolute;top:-4px;right:-6px;font-size:9px;color:#fff;background:#6366f1;border-radius:50%;width:13px;height:13px;display:flex;align-items:center;justify-content:center;font-weight:700;line-height:1}.wc-progress-bar__pulse{position:absolute;top:-2px;right:-2px;width:8px;height:8px;border-radius:50%;background:#6366f1;animation:wc-pulse 1.4s ease-in-out infinite}@keyframes wc-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.5)}}.wc-message-area{flex:1;overflow-y:auto;padding:16px 20px;display:flex;flex-direction:column;gap:4px}.wc-message-area__loading{text-align:center;font-size:12px;color:#9ca3af;padding:8px 0}.wc-message-area__top-tip{text-align:center;font-size:12px;color:#d1d5db;padding:8px 0}.wc-message-area__empty{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#9ca3af}.wc-message-area__empty-icon{font-size:40px;margin-bottom:10px}.wc-date-divider{text-align:center;font-size:12px;color:#9ca3af;margin:12px 0 6px;position:relative}.wc-date-divider:before,.wc-date-divider:after{content:"";position:absolute;top:50%;width:40%;height:1px;background:#e5e7eb}.wc-date-divider:before{left:0}.wc-date-divider:after{right:0}.wc-msg{display:flex;gap:8px;margin-bottom:10px;align-items:flex-start}.wc-msg--mine{flex-direction:row-reverse}.wc-msg--system{justify-content:center}.wc-msg__system-bubble{background:#f3f4f6;border-radius:12px;padding:6px 14px;font-size:13px;color:#6b7280;max-width:70%}.wc-msg__avatar{width:32px;height:32px;border-radius:50%;background:#6366f1;color:#fff;font-size:13px;font-weight:600;display:flex;align-items:center;justify-content:center;flex-shrink:0}.wc-msg__body{display:flex;flex-direction:column;max-width:65%}.wc-msg--mine .wc-msg__body{align-items:flex-end}.wc-msg__name{font-size:12px;color:#6b7280;margin-bottom:3px}.wc-msg__quote{background:#f3f4f6;border-left:3px solid #6366f1;border-radius:0 6px 6px 0;padding:4px 8px;margin-bottom:4px;font-size:12px}.wc-msg__quote-sender{font-weight:600;color:#6366f1;margin-right:4px}.wc-msg__quote-content{color:#6b7280}.wc-msg__bubble{background:#f3f4f6;border-radius:12px;padding:8px 12px;font-size:14px;line-height:1.6;word-break:break-word}.wc-msg--mine .wc-msg__bubble{background:#6366f1;color:#fff}.wc-msg__footer{display:flex;align-items:center;gap:6px;margin-top:3px}.wc-msg__time{font-size:11px;color:#9ca3af}.wc-msg__reply-btn{border:none;background:none;color:#9ca3af;font-size:14px;cursor:pointer;padding:0 2px;opacity:0;transition:opacity .15s}.wc-msg:hover .wc-msg__reply-btn{opacity:1}.wc-mention{color:#6366f1;font-weight:600;cursor:pointer}.wc-mention:hover{text-decoration:underline}.wc-msg-image{max-width:240px;max-height:180px;border-radius:8px;cursor:zoom-in;display:block}.wc-img-placeholder{width:120px;height:80px;background:#f3f4f6;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:12px;color:#9ca3af}.wc-lightbox{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;background:#000000d9;display:flex;align-items:center;justify-content:center;cursor:zoom-out}.wc-lightbox__img{max-width:90vw;max-height:90vh;border-radius:8px}.wc-file-card{display:flex;align-items:center;gap:8px;background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;padding:8px 12px;font-size:13px}.wc-file-card__icon{font-size:18px}.wc-file-card__name{flex:1;color:#374151}.wc-file-card__download{color:#6366f1;font-weight:700;text-decoration:none;font-size:16px}.wc-inputbar{border-top:1px solid #e5e7eb;padding:10px 16px;background:#fff;flex-shrink:0}.wc-inputbar__quote-bar{display:flex;align-items:center;gap:6px;background:#ede9fe;border-left:3px solid #6366f1;border-radius:0 6px 6px 0;padding:5px 10px;margin-bottom:6px;font-size:12px}.wc-inputbar__quote-sender{font-weight:600;color:#6366f1}.wc-inputbar__quote-content{flex:1;color:#6b7280}.wc-inputbar__quote-close{border:none;background:none;color:#9ca3af;cursor:pointer;font-size:14px}.wc-inputbar__file-list{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:8px}.wc-inputbar__file-chip{display:flex;align-items:center;gap:6px;background:#f3f4f6;border-radius:8px;padding:4px 8px;font-size:12px}.wc-inputbar__file-thumb{width:36px;height:36px;object-fit:cover;border-radius:4px}.wc-inputbar__file-icon{font-size:18px}.wc-inputbar__file-name{max-width:100px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.wc-inputbar__file-remove{border:none;background:none;cursor:pointer;color:#9ca3af}.wc-inputbar__row{display:flex;align-items:flex-end;gap:8px}.wc-inputbar__attach-btn{border:1px solid #e5e7eb;border-radius:8px;background:#fff;padding:7px 10px;font-size:16px;cursor:pointer;transition:background .12s;flex-shrink:0}.wc-inputbar__attach-btn:hover{background:#f3f4f6}.wc-inputbar__textarea-wrap{flex:1;position:relative}.wc-inputbar__textarea{width:100%;border:1px solid #e5e7eb;border-radius:12px;padding:8px 14px;font-size:14px;line-height:1.5;resize:none;outline:none;font-family:inherit;transition:border-color .15s}.wc-inputbar__textarea:focus{border-color:#6366f1}.wc-mention-dropdown{position:absolute;bottom:calc(100% + 4px);left:0;width:220px;background:#fff;border:1px solid #e5e7eb;border-radius:10px;box-shadow:0 4px 16px #0000001a;z-index:100;overflow:hidden}.wc-mention-dropdown__item{display:flex;align-items:center;gap:8px;padding:8px 12px;cursor:pointer;font-size:13px;transition:background .1s}.wc-mention-dropdown__item:hover,.wc-mention-dropdown__item--active{background:#f3f4f6}.wc-mention-dropdown__name{font-weight:500;flex:1;cursor:pointer}.wc-mention-dropdown__name:hover{color:#6366f1}.wc-mention-dropdown__role{font-size:11px;color:#9ca3af}.wc-mention-dropdown__in{font-size:11px;color:#059669}.wc-agent-trigger{border:1px solid #e5e7eb;border-radius:5px;background:#fafafa;color:#6366f1;font-size:12px;padding:2px 6px;cursor:pointer;flex-shrink:0;transition:background .1s,border-color .1s;line-height:1.4}.wc-agent-trigger:hover,.wc-agent-trigger--open{background:#ede9fe;border-color:#6366f1}.wc-agent-actions{background:#faf5ff;border-top:1px solid #ede9fe;padding:4px 0 6px}.wc-agent-actions__hint{padding:4px 16px 6px;font-size:11px;color:#9ca3af}.wc-agent-actions__item{display:flex;align-items:center;gap:8px;padding:7px 16px;cursor:pointer;font-size:13px;transition:background .1s}.wc-agent-actions__item:hover{background:#ede9fe}.wc-agent-actions__icon{font-size:15px;flex-shrink:0}.wc-agent-actions__label{flex:1;color:#374151;font-weight:500}.wc-agent-actions__arrow{font-size:11px;color:#9ca3af}.wc-inputbar__send-btn{border:none;border-radius:10px;background:#6366f1;color:#fff;padding:9px 20px;font-size:14px;font-weight:500;cursor:pointer;flex-shrink:0;transition:background .15s}.wc-inputbar__send-btn:hover:not(:disabled){background:#4f46e5}.wc-inputbar__send-btn:disabled{opacity:.6;cursor:not-allowed}.wc-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;background:#0006;display:flex;align-items:center;justify-content:center}.wc-modal{background:#fff;border-radius:14px;width:420px;max-width:95vw;box-shadow:0 8px 32px #00000026;overflow:hidden}.wc-modal__header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid #e5e7eb;font-weight:600;font-size:15px}.wc-modal__close{border:none;background:none;cursor:pointer;color:#9ca3af;font-size:20px}.wc-modal__body{padding:20px;display:flex;flex-direction:column;gap:14px}.wc-modal__label{display:flex;flex-direction:column;gap:5px;font-size:13px;font-weight:500;color:#374151}.wc-modal__required{color:#ef4444}.wc-modal__input,.wc-modal__select{border:1px solid #e5e7eb;border-radius:8px;padding:8px 12px;font-size:14px;outline:none;transition:border-color .15s}.wc-modal__input:focus,.wc-modal__select:focus{border-color:#6366f1}.wc-modal__error{color:#ef4444;font-size:13px}.wc-modal__footer{display:flex;justify-content:flex-end;gap:8px;padding-top:4px}.mrp-panel-wrapper{border-bottom:1px solid #e5e7eb;background:#fff;flex-shrink:0}.mrp-panel-toggle{width:100%;border:none;background:#f8f8ff;padding:7px 20px;text-align:left;font-size:13px;font-weight:600;color:#4338ca;cursor:pointer;transition:background .12s;border-top:1px solid #e5e7eb}.mrp-panel-toggle:hover{background:#ede9fe}.mrp-panel{background:#fff;border-top:1px solid #e5e7eb;max-height:480px;overflow-y:auto}.mrp-panel--loading,.mrp-panel--empty{display:flex;align-items:center;gap:8px;padding:12px 20px;font-size:13px;color:#6b7280}.mrp-panel__spinner{display:inline-block;width:14px;height:14px;border:2px solid #e5e7eb;border-top-color:#6366f1;border-radius:50%;animation:mrp-spin .7s linear infinite}@keyframes mrp-spin{to{transform:rotate(360deg)}}.mrp-panel__empty-icon{font-size:16px}.mrp-panel__header{display:flex;align-items:center;justify-content:space-between;padding:8px 16px;background:#f5f3ff;border-bottom:1px solid #ddd6fe;flex-wrap:wrap;gap:6px}.mrp-panel__header-left{display:flex;align-items:center;gap:8px}.mrp-panel__header-right{display:flex;align-items:center;gap:12px}.mrp-panel__collapse-btn{border:none;background:none;cursor:pointer;font-size:11px;color:#7c3aed;padding:2px 4px;line-height:1}.mrp-panel__title{font-size:13px;font-weight:700;color:#4338ca}.mrp-panel__status-tag{font-size:11px;padding:1px 7px;border-radius:10px;font-weight:600}.mrp-panel__status-tag--draft{background:#ede9fe;color:#7c3aed}.mrp-panel__status-tag--confirmed{background:#d1fae5;color:#065f46}.mrp-panel__confirmed-time{font-size:11px;color:#9ca3af}.mrp-panel__stat{font-size:12px;color:#6b7280}.mrp-panel__refresh-btn{border:1px solid #e5e7eb;border-radius:6px;background:#fff;padding:2px 8px;font-size:13px;cursor:pointer;color:#6b7280;transition:background .12s}.mrp-panel__refresh-btn:hover{background:#f3f4f6}.mrp-panel__products{display:flex;align-items:center;flex-wrap:wrap;gap:6px;padding:8px 16px;background:#fafafa;border-bottom:1px solid #f0f0f0;font-size:12px}.mrp-panel__section-label{font-size:12px;font-weight:600;color:#6b7280}.mrp-panel__product-chip{padding:2px 8px;border-radius:10px;background:#ede9fe;color:#4338ca;font-size:12px;font-weight:500}.mrp-panel__section{border-bottom:1px solid #f0f0f0}.mrp-panel__section-header{padding:6px 16px;font-size:12px;font-weight:600;color:#374151;background:#fafafa;border-bottom:1px solid #f0f0f0;cursor:default}.mrp-panel__section-header--stock{cursor:pointer;color:#059669}.mrp-panel__section-header--stock:hover{background:#f0fdf4}.mrp-panel__stock-section{border-bottom:1px solid #f0f0f0}.mrp-panel__stock-section>summary{list-style:none}.mrp-panel__stock-section>summary::-webkit-details-marker{display:none}.mrp-panel__table{width:100%;border-collapse:collapse;font-size:12px}.mrp-panel__table thead th{padding:5px 10px;text-align:left;color:#9ca3af;font-weight:500;border-bottom:1px solid #f0f0f0;white-space:nowrap}.mrp-panel__table tbody tr{border-bottom:1px solid #f9fafb;transition:background .1s}.mrp-panel__table tbody tr:hover{background:#fafafa}.mrp-panel__table tbody td{padding:5px 10px;vertical-align:middle}.mrp-panel__row--dirty{background:#fef9c3!important}.mrp-panel__material-name{display:block;font-weight:500;color:#111827;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:140px}.mrp-panel__material-code{display:block;font-size:11px;color:#9ca3af}.mrp-panel__input{border:1px solid #e5e7eb;border-radius:5px;padding:3px 5px;font-size:12px;outline:none;transition:border-color .12s;background:#fff}.mrp-panel__input:focus{border-color:#6366f1}.mrp-panel__input:disabled{background:#f9fafb;color:#9ca3af;cursor:default}.mrp-panel__input--qty{width:64px}.mrp-panel__input--price{width:72px}.mrp-panel__unit{margin-left:3px;font-size:11px;color:#9ca3af}.mrp-panel__qty-dim{color:#9ca3af;font-size:12px;white-space:nowrap}.mrp-panel__qty-ok{color:#059669;font-size:12px;font-weight:500}.mrp-panel__select{border:1px solid #e5e7eb;border-radius:5px;padding:3px 5px;font-size:12px;outline:none;background:#fff;cursor:pointer;max-width:130px;transition:border-color .12s}.mrp-panel__select:focus{border-color:#6366f1}.mrp-panel__select:disabled{background:#f9fafb;color:#9ca3af;cursor:default}.mrp-panel__select--type{max-width:100px;font-weight:500}.mrp-panel__doc-badge{display:inline-block;padding:2px 7px;border-radius:10px;font-size:11px;font-weight:500;white-space:nowrap;border:none;cursor:default}.mrp-panel__doc-badge--po{background:#dbeafe;color:#1d4ed8;cursor:pointer;text-decoration:underline}.mrp-panel__doc-badge--po:hover{background:#bfdbfe}.mrp-panel__doc-badge--wo{background:#ede9fe;color:#5b21b6;cursor:pointer;text-decoration:underline}.mrp-panel__doc-badge--wo:hover{background:#ddd6fe}.mrp-panel__doc-badge--staging{background:#fef3c7;color:#92400e}.mrp-panel__doc-badge--none{background:#f3f4f6;color:#9ca3af}.mrp-panel__save-btn{border:1px solid #6366f1;border-radius:5px;background:#6366f1;color:#fff;padding:2px 10px;font-size:11px;font-weight:600;cursor:pointer;transition:background .12s;white-space:nowrap}.mrp-panel__save-btn:hover:not(:disabled){background:#4f46e5}.mrp-panel__save-btn:disabled{opacity:.5;cursor:not-allowed}.mrp-panel__footer{display:flex;align-items:center;justify-content:space-between;padding:10px 16px;border-top:1px solid #e5e7eb;background:#fafafa;gap:10px;flex-wrap:wrap}.mrp-panel__unsaved-hint{font-size:12px;color:#d97706}.mrp-panel__footer-actions{display:flex;align-items:center;gap:8px;margin-left:auto}.mrp-panel__action-btn{border-radius:8px;padding:6px 16px;font-size:13px;font-weight:500;cursor:pointer;border:none;transition:background .15s;white-space:nowrap}.mrp-panel__action-btn--secondary{background:#f3f4f6;color:#374151;border:1px solid #e5e7eb}.mrp-panel__action-btn--secondary:hover{background:#e5e7eb}.mrp-panel__action-btn--primary{background:#6366f1;color:#fff}.mrp-panel__action-btn--primary:hover:not(:disabled){background:#4f46e5}.mrp-panel__action-btn--primary:disabled{opacity:.55;cursor:not-allowed}.mrp-panel__confirmed-badge{font-size:13px;color:#059669;font-weight:600;padding:4px 10px;background:#d1fae5;border-radius:8px}.ppl-panel{background:#fff;border-bottom:1px solid #e5e7eb;flex-shrink:0;max-height:420px;overflow-y:auto}.ppl-panel--loading,.ppl-panel--empty{display:flex;align-items:center;justify-content:center;gap:10px;padding:14px 20px;font-size:13px;color:#6b7280;border-bottom:1px solid #e5e7eb;background:#fafafa}.ppl-panel__empty-icon{font-size:20px}.ppl-panel__header{display:flex;align-items:center;justify-content:space-between;padding:8px 16px;background:#f0f5ff;border-bottom:1px solid #dbeafe;flex-wrap:wrap;gap:6px;position:sticky;top:0;z-index:1}.ppl-panel__header-left,.ppl-panel__header-right{display:flex;align-items:center;gap:8px}.ppl-panel__collapse{border:none;background:none;cursor:pointer;font-size:11px;color:#3b82f6;padding:2px 4px}.ppl-panel__title{font-size:13px;font-weight:700;color:#1d4ed8}.ppl-panel__run-status{font-size:11px;padding:2px 8px;border-radius:10px;font-weight:600}.ppl-panel__run-status--running{background:#dbeafe;color:#1d4ed8}.ppl-panel__run-status--blocked{background:#fef3c7;color:#92400e}.ppl-panel__run-status--completed{background:#d1fae5;color:#065f46}.ppl-panel__run-status--failed{background:#fee2e2;color:#991b1b}.ppl-panel__block-badge{font-size:11px;padding:2px 8px;border-radius:10px;background:#fef3c7;color:#92400e;font-weight:600;animation:ppl-pulse-bg 2s ease-in-out infinite}@keyframes ppl-pulse-bg{0%,to{background:#fef3c7}50%{background:#fde68a}}.ppl-panel__progress-text{font-size:12px;color:#6b7280;white-space:nowrap}.ppl-panel__progress-bar{width:80px;height:5px;background:#e5e7eb;border-radius:3px;overflow:hidden}.ppl-panel__progress-fill{height:100%;background:#3b82f6;border-radius:3px;transition:width .4s ease}.ppl-panel__refresh{border:1px solid #dbeafe;border-radius:5px;background:#fff;padding:2px 7px;font-size:13px;color:#3b82f6;cursor:pointer}.ppl-panel__refresh:hover{background:#eff6ff}.ppl-panel__start-btn{border:none;border-radius:8px;background:#3b82f6;color:#fff;padding:6px 16px;font-size:13px;font-weight:500;cursor:pointer;transition:background .15s}.ppl-panel__start-btn:hover:not(:disabled){background:#2563eb}.ppl-panel__start-btn:disabled{opacity:.55;cursor:not-allowed}.ppl-panel__start-btn--sm{padding:4px 12px;font-size:12px}.ppl-steps{padding:8px 0;border-bottom:1px solid #f0f0f0}.ppl-step{display:flex;align-items:flex-start;gap:10px;padding:6px 16px;font-size:13px;transition:background .1s}.ppl-step:hover{background:#fafafa}.ppl-step__icon{width:20px;flex-shrink:0;font-size:13px;text-align:center;line-height:1.6}.ppl-step--pending .ppl-step__icon{color:#d1d5db}.ppl-step--running .ppl-step__icon{color:#3b82f6}.ppl-step--done .ppl-step__icon{color:#059669;font-weight:700}.ppl-step--skipped .ppl-step__icon{color:#9ca3af}.ppl-step--blocked .ppl-step__icon{color:#f59e0b}.ppl-step--failed .ppl-step__icon{color:#ef4444}.ppl-step__body{flex:1;min-width:0}.ppl-step__label{display:block;font-weight:500;color:#374151}.ppl-step--pending .ppl-step__label{color:#9ca3af}.ppl-step--done .ppl-step__label{color:#059669}.ppl-step--skipped .ppl-step__label{color:#9ca3af;text-decoration:line-through}.ppl-step--failed .ppl-step__label{color:#ef4444}.ppl-step--blocked .ppl-step__label{color:#d97706}.ppl-step__summary{display:block;font-size:11px;color:#6b7280;margin-top:2px;line-height:1.4}.ppl-step__time{font-size:11px;color:#d1d5db;flex-shrink:0}.ppl-spinner{display:inline-block;width:14px;height:14px;border:2px solid #dbeafe;border-top-color:#3b82f6;border-radius:50%;animation:ppl-spin .7s linear infinite;vertical-align:middle}.ppl-spinner--sm{width:12px;height:12px}@keyframes ppl-spin{to{transform:rotate(360deg)}}.ppl-blocks{padding:8px 0;border-bottom:1px solid #fde68a;background:#fffbeb}.ppl-blocks__title{padding:4px 16px 8px;font-size:12px;font-weight:700;color:#92400e;text-transform:uppercase;letter-spacing:.4px}.ppl-block{margin:0 12px 8px;border:1px solid #fde68a;border-radius:10px;padding:10px 14px;background:#fff}.ppl-block--no_supplier,.ppl-block--no_bom{border-color:#fca5a5;background:#fff}.ppl-block--delivery_gap{border-color:#93c5fd;background:#eff6ff}.ppl-block--resolved{border-color:#d1fae5;background:#f0fdf4;opacity:.7}.ppl-block__header{display:flex;flex-direction:column;gap:3px;margin-bottom:8px}.ppl-block__reason{font-size:11px;font-weight:700;color:#b45309;text-transform:uppercase;letter-spacing:.3px}.ppl-block__reason--resolved{color:#059669}.ppl-block__desc{font-size:13px;color:#374151;line-height:1.5}.ppl-block__actions{display:flex;flex-wrap:wrap;gap:8px}.ppl-block__btn{border-radius:7px;padding:5px 14px;font-size:12px;font-weight:500;cursor:pointer;transition:background .12s;white-space:nowrap}.ppl-block__btn--primary{background:#3b82f6;color:#fff;border:none}.ppl-block__btn--primary:hover:not(:disabled){background:#2563eb}.ppl-block__btn--secondary{background:#fff;color:#374151;border:1px solid #e5e7eb}.ppl-block__btn--secondary:hover:not(:disabled){background:#f3f4f6}.ppl-block__btn:disabled{opacity:.5;cursor:not-allowed}.ppl-resolved{padding:4px 12px}.ppl-resolved__toggle{font-size:12px;color:#9ca3af;cursor:pointer;padding:4px;list-style:none}.ppl-resolved__toggle::-webkit-details-marker{display:none}.ppl-resolved__toggle:hover{color:#6b7280}.ppl-footer{padding:10px 16px;display:flex;align-items:center;justify-content:flex-end;border-top:1px solid #e5e7eb;background:#fafafa}.ppl-footer__done{font-size:13px;color:#059669;font-weight:600}.promise-page{display:flex;flex-direction:column;height:calc(100vh - 56px);background:#f8fafc;overflow:hidden}.promise-topbar{display:flex;align-items:center;justify-content:space-between;padding:.65rem 1.5rem;background:#fff;border-bottom:1px solid #e2e8f0;flex-shrink:0}.promise-topbar-left{display:flex;align-items:center;gap:.6rem}.promise-title{font-size:1rem;font-weight:700;color:#1e293b}.promise-badge{padding:.15rem .55rem;background:linear-gradient(135deg,#f59e0b,#ef4444);color:#fff;border-radius:20px;font-size:.72rem;font-weight:600}.promise-body{flex:1;overflow-y:auto;padding:1.25rem 1.5rem;display:flex;flex-direction:column;gap:1.25rem}.promise-stats-row{display:grid;grid-template-columns:repeat(5,1fr);gap:.85rem}.stat-card{background:#fff;border:1px solid #e2e8f0;border-radius:10px;padding:1rem 1.25rem;display:flex;flex-direction:column;gap:.35rem;transition:box-shadow .15s}.stat-card:hover{box-shadow:0 2px 8px #00000012}.stat-card-label{font-size:.78rem;color:#64748b;font-weight:500}.stat-card-value{font-size:1.8rem;font-weight:800;line-height:1}.stat-card-sub{font-size:.72rem;color:#94a3b8}.stat-card.total .stat-card-value{color:#1e293b}.stat-card.on-track .stat-card-value{color:#22c55e}.stat-card.at-risk .stat-card-value{color:#f59e0b}.stat-card.broken .stat-card-value{color:#ef4444}.stat-card.fulfilled .stat-card-value{color:#64748b}.promise-list-section{background:#fff;border:1px solid #e2e8f0;border-radius:10px;overflow:hidden;flex:1}.promise-list-header{display:flex;align-items:center;justify-content:space-between;padding:.9rem 1.25rem;border-bottom:1px solid #f1f5f9}.promise-list-title{font-size:.9rem;font-weight:700;color:#1e293b;display:flex;align-items:center;gap:.4rem}.promise-refresh-btn{padding:.3rem .75rem;border:1px solid #e2e8f0;border-radius:6px;background:#fff;color:#64748b;font-size:.8rem;cursor:pointer;display:flex;align-items:center;gap:.35rem;transition:all .15s}.promise-refresh-btn:hover{background:#f8fafc;color:#1e293b}.promise-refresh-btn:disabled{opacity:.5;cursor:not-allowed}.promise-table{width:100%;border-collapse:collapse;font-size:.83rem}.promise-table th{padding:.6rem 1rem;background:#f8fafc;color:#64748b;font-weight:600;text-align:left;border-bottom:1px solid #f1f5f9;white-space:nowrap}.promise-table td{padding:.75rem 1rem;border-bottom:1px solid #f8fafc;color:#374151;vertical-align:middle}.promise-table tr:last-child td{border-bottom:none}.promise-table tr:hover td{background:#fafafa}.risk-bar-wrap{display:flex;align-items:center;gap:.5rem}.risk-bar-bg{width:80px;height:6px;background:#e2e8f0;border-radius:3px;overflow:hidden;flex-shrink:0}.risk-bar-fill{height:100%;border-radius:3px;transition:width .3s}.risk-bar-fill.low{background:#22c55e}.risk-bar-fill.medium{background:#f59e0b}.risk-bar-fill.high{background:#ef4444}.risk-score-text{font-size:.78rem;font-weight:700}.risk-score-text.low{color:#16a34a}.risk-score-text.medium{color:#d97706}.risk-score-text.high{color:#dc2626}.promise-status-badge{display:inline-flex;align-items:center;gap:.25rem;padding:.2rem .6rem;border-radius:20px;font-size:.75rem;font-weight:600;white-space:nowrap}.promise-status-badge.on_track{background:#f0fdf4;color:#16a34a}.promise-status-badge.at_risk{background:#fffbeb;color:#d97706}.promise-status-badge.broken{background:#fef2f2;color:#dc2626}.promise-status-badge.fulfilled{background:#f1f5f9;color:#64748b}.promise-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 1rem;color:#94a3b8;gap:.5rem}.promise-empty-icon{font-size:2.5rem}.promise-empty-text{font-size:.9rem}.promise-loading{display:flex;align-items:center;justify-content:center;padding:3rem;color:#94a3b8;font-size:.9rem;gap:.5rem}.risk-factors-detail{font-size:.72rem;color:#94a3b8;margin-top:.15rem}.days-left-chip{display:inline-block;padding:.15rem .5rem;border-radius:20px;font-size:.75rem;font-weight:600}.days-left-chip.urgent{background:#fef2f2;color:#dc2626}.days-left-chip.warning{background:#fffbeb;color:#d97706}.days-left-chip.ok{background:#f0fdf4;color:#16a34a}.days-left-chip.overdue{background:#fee2e2;color:#991b1b}@media(max-width:1100px){.promise-stats-row{grid-template-columns:repeat(3,1fr)}}.objectives-page{display:flex;flex-direction:column;height:calc(100vh - 56px);background:#f8fafc;overflow:hidden}.objectives-topbar{display:flex;align-items:center;justify-content:space-between;padding:.65rem 1.5rem;background:#fff;border-bottom:1px solid #e2e8f0;flex-shrink:0}.objectives-topbar-left{display:flex;align-items:center;gap:.6rem}.objectives-title{font-size:1rem;font-weight:700;color:#1e293b}.objectives-badge{padding:.15rem .55rem;background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;border-radius:20px;font-size:.72rem;font-weight:600}.objectives-save-btn{padding:.4rem 1.1rem;background:#6366f1;color:#fff;border:none;border-radius:7px;font-size:.84rem;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:.35rem;transition:background .15s}.objectives-save-btn:hover:not(:disabled){background:#4f46e5}.objectives-save-btn:disabled{opacity:.55;cursor:not-allowed}.objectives-body{flex:1;overflow-y:auto;padding:1.25rem 1.5rem;display:flex;flex-direction:column;gap:1.25rem}.objectives-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.25rem}.obj-card{background:#fff;border:1px solid #e2e8f0;border-radius:10px;overflow:hidden}.obj-card-header{display:flex;align-items:center;gap:.45rem;padding:.85rem 1.25rem;border-bottom:1px solid #f1f5f9;font-size:.88rem;font-weight:700;color:#1e293b}.obj-card-body{padding:1.1rem 1.25rem;display:flex;flex-direction:column;gap:1.1rem}.weight-row{display:flex;flex-direction:column;gap:.35rem}.weight-row-top{display:flex;align-items:center;justify-content:space-between}.weight-label{font-size:.83rem;font-weight:600;color:#374151;display:flex;align-items:center;gap:.3rem}.weight-desc{font-size:.73rem;color:#94a3b8;margin-top:.05rem}.weight-value-box{display:flex;align-items:center;gap:.35rem}.weight-pct{font-size:.95rem;font-weight:800;color:#6366f1;min-width:2.8rem;text-align:right}.weight-slider{-webkit-appearance:none;width:100%;height:6px;border-radius:3px;background:#e2e8f0;outline:none;cursor:pointer}.weight-slider::-webkit-slider-thumb{-webkit-appearance:none;width:16px;height:16px;border-radius:50%;background:#6366f1;cursor:pointer;border:2px solid #fff;box-shadow:0 1px 4px #6366f166;transition:transform .1s}.weight-slider::-webkit-slider-thumb:hover{transform:scale(1.2)}.weight-total-row{display:flex;align-items:center;justify-content:space-between;padding:.55rem .75rem;background:#f8fafc;border-radius:7px;font-size:.81rem}.weight-total-label{color:#64748b;font-weight:500}.weight-total-value{font-weight:800}.weight-total-value.ok{color:#16a34a}.weight-total-value.warning{color:#d97706}.constraint-row{display:flex;flex-direction:column;gap:.35rem}.constraint-label{font-size:.83rem;font-weight:600;color:#374151}.constraint-desc{font-size:.73rem;color:#94a3b8}.constraint-input-row{display:flex;align-items:center;gap:.5rem}.constraint-input{width:100%;padding:.45rem .75rem;border:1px solid #e2e8f0;border-radius:7px;font-size:.84rem;color:#1e293b;transition:border-color .15s}.constraint-input:focus{outline:none;border-color:#6366f1}.constraint-unit{font-size:.8rem;color:#64748b;white-space:nowrap}.preview-card{background:#fff;border:1px solid #e2e8f0;border-radius:10px;overflow:hidden}.preview-card-header{display:flex;align-items:center;justify-content:space-between;padding:.85rem 1.25rem;border-bottom:1px solid #f1f5f9}.preview-card-title{font-size:.88rem;font-weight:700;color:#1e293b;display:flex;align-items:center;gap:.4rem}.preview-btn{padding:.3rem .75rem;border:1px solid #e2e8f0;border-radius:6px;background:#fff;color:#6366f1;font-size:.78rem;font-weight:600;cursor:pointer;transition:all .15s}.preview-btn:hover{background:#eff6ff}.preview-btn:disabled{opacity:.5;cursor:not-allowed}.preview-body{padding:1.1rem 1.25rem;display:flex;flex-direction:column;gap:.85rem}.preview-score-row{display:grid;grid-template-columns:repeat(4,1fr);gap:.6rem}.preview-score-cell{display:flex;flex-direction:column;align-items:center;gap:.3rem;padding:.6rem;background:#f8fafc;border-radius:8px}.preview-score-dim{font-size:.71rem;color:#64748b;text-align:center}.preview-score-value{font-size:1.1rem;font-weight:800;color:#6366f1}.preview-overall{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;background:#eff6ff;border:1px solid #bfdbfe;border-radius:8px}.preview-overall-score{font-size:1.5rem;font-weight:900;color:#1d4ed8;min-width:2.5rem}.preview-overall-info{flex:1}.preview-overall-label{font-size:.78rem;color:#3b82f6;font-weight:600}.preview-overall-summary{font-size:.79rem;color:#1e40af;margin-top:.15rem;line-height:1.4}.preview-agent-info{font-size:.8rem;color:#374151;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:7px;padding:.6rem .85rem;line-height:1.5}.rules-section{background:#fff;border:1px solid #e2e8f0;border-radius:10px;overflow:hidden}.rules-section-header{display:flex;align-items:center;justify-content:space-between;padding:.85rem 1.25rem;border-bottom:1px solid #f1f5f9}.rules-section-title{font-size:.88rem;font-weight:700;color:#1e293b;display:flex;align-items:center;gap:.4rem}.rules-table{width:100%;border-collapse:collapse;font-size:.82rem}.rules-table th{padding:.55rem 1rem;background:#f8fafc;color:#64748b;font-weight:600;text-align:left;border-bottom:1px solid #f1f5f9}.rules-table td{padding:.7rem 1rem;border-bottom:1px solid #f8fafc;color:#374151;vertical-align:top}.rules-table tr:last-child td{border-bottom:none}.rules-table tr:hover td{background:#fafafa}.rule-conf-bar{width:60px;height:5px;background:#e2e8f0;border-radius:2px;overflow:hidden;display:inline-block;vertical-align:middle;margin-right:.3rem}.rule-conf-fill{height:100%;background:#6366f1;border-radius:2px}.rule-conf-text{font-size:.76rem;font-weight:700;color:#6366f1}.rule-toggle-btn{padding:.2rem .6rem;border-radius:20px;border:1px solid;font-size:.72rem;font-weight:600;cursor:pointer;transition:all .15s}.rule-toggle-btn.active{background:#f0fdf4;border-color:#86efac;color:#16a34a}.rule-toggle-btn.inactive{background:#f8fafc;border-color:#e2e8f0;color:#94a3b8}.rule-toggle-btn:hover{opacity:.75}.rules-empty{display:flex;align-items:center;justify-content:center;padding:2rem;color:#94a3b8;font-size:.86rem}@media(max-width:960px){.objectives-grid{grid-template-columns:1fr}}.production-order-detail-page{padding:1.5rem}.btn-back{padding:.5rem 1rem;border:1px solid #e5e7eb;background:#fff;border-radius:.375rem;cursor:pointer;font-size:.95rem;margin-right:1rem}.btn-back:hover{background:#f9fafb}.detail-card{background:#fff;border:1px solid #e5e7eb;border-radius:.5rem;padding:1.5rem;margin-bottom:1.5rem}.detail-card .card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid #e5e7eb}.detail-card h2{margin:0;font-size:1.5rem;color:#111827}.detail-card h3{margin:0 0 1rem;font-size:1.1rem;color:#111827}.status-badge.large{padding:.5rem 1rem;font-size:.95rem;border-radius:.375rem;font-weight:500}.info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;margin-bottom:1rem}.info-item{display:flex;flex-direction:column;gap:.25rem}.info-item .label{font-size:.875rem;color:#6b7280}.info-item .value{font-size:1rem;color:#111827;font-weight:500}.remark-section{margin-top:1rem;padding-top:1rem;border-top:1px solid #e5e7eb}.remark-section .label{font-size:.875rem;color:#6b7280;margin-bottom:.5rem;display:block}.remark-section p{margin:0;color:#374151;line-height:1.6}.progress-card{background:linear-gradient(135deg,#1e40af,#1d4ed8)!important;color:#fff!important;border:none!important}.progress-card h3{color:#fff;margin-bottom:1.5rem}.progress-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;margin-bottom:1.5rem}.stat-item{text-align:center;background:#ffffff1f;border-radius:.5rem;padding:1rem .75rem}.stat-main{display:flex;align-items:baseline;justify-content:center;gap:.1rem;margin-bottom:.5rem;flex-wrap:wrap}.stat-done{font-size:1.75rem;font-weight:700;color:#fff;line-height:1.1}.stat-sep{font-size:1.1rem;color:#ffffff80}.stat-total{font-size:1.1rem;font-weight:500;color:#ffffffb3}.progress-card .stat-value{font-size:1.75rem;font-weight:700;margin-bottom:.25rem;color:#fff;line-height:1.2}.progress-card .stat-label{font-size:.78rem;color:#fffc;font-weight:500;line-height:1.4}.progress-bar-section{background:#ffffff1f;padding:1rem 1.25rem;border-radius:.5rem}.progress-header{display:flex;justify-content:space-between;margin-bottom:.625rem;font-size:.9rem;color:#ffffffe6;font-weight:500}.progress-percent{font-weight:700;color:#fff}.progress-bar{height:1.25rem;background:#ffffff40;border-radius:.625rem;overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,#60a5fa,#93c5fd);transition:width .3s ease;border-radius:.625rem}.lines-table{overflow-x:auto}.lines-table .seq-cell{width:40px;text-align:center;font-weight:700;color:#4338ca;background:#eef2ff;border-radius:4px;font-size:.82rem}.completion-badge{display:inline-block;padding:.25rem .75rem;border-radius:.375rem;font-size:.875rem;font-weight:500}.completion-badge.complete{background:#d1fae5;color:#047857}.completion-badge.half{background:#fef3c7;color:#92400e}.completion-badge.low{background:#fee2e2;color:#991b1b}.pallets-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:1rem}.pallet-item{border:1px solid #e5e7eb;border-radius:.5rem;padding:.75rem;background:#f9fafb;display:flex;flex-direction:column;gap:.25rem}.pallet-item.more{display:flex;align-items:center;justify-content:center;color:#6b7280;font-size:.875rem}.pallet-item-header{display:flex;flex-direction:column;align-items:flex-start;gap:.3rem}.pallet-code{font-weight:700;font-size:.8rem;color:#111827;font-family:Courier New,monospace;word-break:break-all;line-height:1.4}.pallet-status{font-size:.7rem;font-weight:600;padding:.1rem .4rem;border-radius:8px;flex-shrink:0}.pallet-status--empty{background:#f3f4f6;color:#6b7280}.pallet-status--bound{background:#fef3c7;color:#d97706}.pallet-status--in_stock{background:#d1fae5;color:#047857}.pallet-status--shipped{background:#dbeafe;color:#2563eb}.pallet-status--voided{background:#fee2e2;color:#dc2626}.pallet-qty{font-size:1.1rem;font-weight:800;color:#4f46e5;line-height:1}.pallet-qty-unit{font-size:.75rem;font-weight:400;color:#9ca3af}.pallet-location{font-size:.75rem;color:#6b7280;display:flex;align-items:center;gap:.25rem;flex-wrap:wrap}.pallet-location-icon{font-size:.75rem}.pallet-location-sep{color:#9ca3af}.action-buttons{display:flex;gap:1rem;padding:1.5rem;background:#fff;border:1px solid #e5e7eb;border-radius:.5rem;position:sticky;bottom:1rem}.action-buttons .btn{flex:1;max-width:200px}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content{background:#fff;border-radius:.5rem;padding:2rem;max-width:500px;width:90%;box-shadow:0 20px 25px -5px #0000001a}.modal-content h3{margin:0 0 1.5rem;font-size:1.25rem;color:#111827}.modal-desc{margin:-.5rem 0 1.5rem;color:#4b5563;font-size:.95rem;line-height:1.6}.form-group{margin-bottom:1.5rem}.form-group label{display:block;margin-bottom:.5rem;font-weight:500;color:#374151}.form-group textarea{width:100%;padding:.75rem;border:1px solid #d1d5db;border-radius:.375rem;font-size:.95rem;font-family:inherit;resize:vertical}.modal-actions{display:flex;gap:.75rem;justify-content:flex-end}.btn-danger{background:#dc2626;color:#fff;border:none}.btn-danger:hover{background:#b91c1c}.qty-highlight{color:#047857;font-weight:600}.qty-pending{color:#f59e0b;font-weight:600}.attachment-section-detail{margin-top:1rem;padding-top:1rem;border-top:1px solid #e5e7eb}.attachment-section-detail .label{font-size:.875rem;color:#6b7280;margin-bottom:.75rem;display:block}.attachment-grid-detail{display:flex;flex-wrap:wrap;gap:.75rem}.attachment-detail-thumb{width:100px;height:100px;object-fit:cover;border-radius:.5rem;border:1px solid #e5e7eb;cursor:pointer;transition:transform .2s,box-shadow .2s}.attachment-detail-thumb:hover{transform:scale(1.05);box-shadow:0 4px 12px #00000026}.btn-pick{background:#7c3aed;color:#fff;border:none;padding:.5rem 1.25rem;border-radius:6px;font-size:.875rem;font-weight:500;cursor:pointer;transition:opacity .15s}.btn-pick:hover{opacity:.88}.btn-pick:disabled{opacity:.45;cursor:not-allowed}.btn-produce{background:#059669;color:#fff;border:none;padding:.5rem 1.25rem;border-radius:6px;font-size:.875rem;font-weight:500;cursor:pointer;transition:opacity .15s}.btn-produce:hover{opacity:.88}.btn-produce:disabled{opacity:.45;cursor:not-allowed}.modal-lg{max-width:700px!important;width:90vw}.modal-header{display:flex;align-items:baseline;gap:.75rem;margin-bottom:1.25rem}.modal-header h3{margin:0;font-size:1.1rem}.modal-sub{font-size:.82rem;color:#6b7280}.pick-form-row{display:flex;align-items:center;gap:.75rem;margin-bottom:.75rem}.pick-label{width:90px;font-size:.85rem;font-weight:500;color:#374151;flex-shrink:0}.pick-select,.pick-input{flex:1;padding:.42rem .65rem;border:1px solid #d1d5db;border-radius:6px;font-size:.875rem}.pick-table-wrap{overflow-x:auto;margin:.75rem 0;border:1px solid #e2e8f0;border-radius:8px}.pick-table{width:100%;border-collapse:collapse;font-size:.83rem}.pick-table th{background:#f8fafc;padding:.55rem .75rem;text-align:left;font-weight:600;color:#64748b;font-size:.78rem;border-bottom:2px solid #e2e8f0;white-space:nowrap}.pick-table td{padding:.5rem .75rem;border-bottom:1px solid #f1f5f9;vertical-align:middle}.pick-table .num{text-align:right}.pick-table .muted{color:#94a3b8}.pick-table .need{color:#2563eb;font-weight:600}.pick-table .ok{color:#16a34a;font-weight:600}.pick-table .row-done td{opacity:.5}.qty-input{width:90px;padding:.3rem .5rem;border:1px solid #d1d5db;border-radius:5px;font-size:.85rem;text-align:right}.qty-input:focus{outline:none;border-color:#6366f1}.qty-input:disabled{background:#f9fafb;color:#9ca3af}.pick-info-tip{font-size:.78rem;color:#6b7280;background:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;padding:.5rem .75rem;margin:.5rem 0 1rem;line-height:1.5}.pick-result-success{text-align:center;padding:2rem 1rem;display:flex;flex-direction:column;align-items:center;gap:.65rem}.pick-result-icon{font-size:2.5rem}.pick-result-msg{font-size:1rem;font-weight:600;color:#1e293b}.pick-result-hint{font-size:.82rem;color:#64748b}.so-link-btn{background:none;border:1px solid #bfdbfe;color:#2563eb;padding:.1rem .55rem;border-radius:6px;font-size:.82rem;cursor:pointer;font-weight:500;transition:background .1s}.so-link-btn:hover{background:#eff6ff}.mrp-source-tag{margin-left:.5rem;padding:.1rem .45rem;background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;border-radius:8px;font-size:.7rem;font-weight:600;vertical-align:middle}.btn{padding:.625rem 1.25rem;border:none;border-radius:.375rem;cursor:pointer;font-size:.95rem;font-weight:500;transition:all .2s;display:inline-block}.btn-primary{background:#3b82f6;color:#fff}.btn-primary:hover{background:#2563eb}.btn-primary:active{background:#1d4ed8}.btn-secondary{background:#f3f4f6;color:#374151}.btn-secondary:hover{background:#e5e7eb}.btn-secondary:active{background:#d1d5db}.production-order-create-page{padding:1.5rem;max-width:1200px;margin:0 auto}.page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.page-header h1{flex:1;margin:0 1rem;font-size:1.5rem;color:#111827}.form-hint-box{background:#eff6ff;border:1px solid #bfdbfe;border-radius:.5rem;padding:.75rem 1rem;margin-bottom:1.5rem;color:#1e40af;font-size:.9rem;display:flex;align-items:center;gap:.5rem}.form-card{background:#fff;border:1px solid #e5e7eb;border-radius:.5rem;padding:1.5rem;margin-bottom:1.5rem}.form-card h3{margin:0 0 1.5rem;font-size:1.1rem;color:#111827}.form-card .card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.form-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;align-items:start}@media(max-width:900px){.form-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:560px){.form-grid{grid-template-columns:1fr}}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-group label{font-weight:500;color:#374151;font-size:.95rem;white-space:nowrap}.form-group input,.form-group select,.form-group textarea{padding:.625rem .75rem;border:1px solid #d1d5db;border-radius:.375rem;font-size:.95rem;font-family:inherit}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.form-group textarea{resize:vertical}.empty-lines{padding:3rem;text-align:center;color:#6b7280;background:#f9fafb;border-radius:.375rem}.lines-table{overflow-x:visible}.lines-table table{width:100%;border-collapse:collapse}.lines-table th,.lines-table td{padding:.75rem;text-align:left;border-bottom:1px solid #e5e7eb}.lines-table th{background:#f9fafb;font-weight:600;font-size:.875rem;color:#6b7280}.lines-table td{font-size:.95rem;color:#111827}.brand-logo-small{width:40px;height:40px;object-fit:contain;border-radius:.25rem;border:1px solid #e5e7eb}.btn-delete{padding:.375rem .75rem;background:#fee2e2;color:#dc2626;border:none;border-radius:.375rem;cursor:pointer;font-size:.875rem}.btn-delete:hover{background:#fecaca}.action-buttons{display:flex;gap:1rem;justify-content:flex-end;padding:1.5rem;background:#fff;border:1px solid #e5e7eb;border-radius:.5rem;position:sticky;bottom:1rem}.action-buttons .btn{min-width:120px}.modal-content.large{max-width:700px;max-height:90vh;position:relative;display:flex;flex-direction:column;overflow:hidden}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:2px solid #e5e7eb;flex-shrink:0}.modal-body{flex:1;overflow-y:auto;padding-right:.25rem}.modal-header h3{margin:0;font-size:1.25rem;color:#111827;font-weight:600}.modal-close-btn{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:#f3f4f6;border:1px solid #d1d5db;border-radius:.375rem;cursor:pointer;font-size:1.25rem;color:#6b7280;transition:all .2s;padding:0;line-height:1}.modal-close-btn:hover{background:#e5e7eb;color:#374151;border-color:#9ca3af}.modal-close-btn:active{background:#d1d5db}.input-mode-toggle{display:flex;gap:.75rem;margin-bottom:1.5rem;padding:.5rem;background:#f9fafb;border:2px solid #e5e7eb;border-radius:.5rem}.toggle-btn{flex:1;padding:.75rem 1.25rem;border:2px solid transparent;background:transparent;border-radius:.375rem;cursor:pointer;font-size:1rem;font-weight:600;color:#6b7280;transition:all .2s}.toggle-btn:hover{color:#374151;background:#f3f4f6}.toggle-btn.active{background:#fff;color:#3b82f6;border-color:#3b82f6;box-shadow:0 2px 4px #3b82f61a}.manual-input-form{display:flex;flex-direction:column;gap:1rem}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.form-hint{padding:.75rem;background:#eff6ff;border:1px solid #bfdbfe;border-radius:.375rem;color:#1e40af;font-size:.875rem;margin-top:.5rem}.autocomplete-wrapper{position:relative;width:100%}.autocomplete-dropdown{position:absolute;top:100%;left:0;right:0;max-height:300px;overflow-y:auto;background:#fff;border:1px solid #d1d5db;border-radius:.375rem;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;z-index:10000;margin-top:.25rem}.dropdown-item{padding:.75rem 1rem;cursor:pointer;transition:background-color .15s;border-bottom:1px solid #f3f4f6}.dropdown-item:last-child{border-bottom:none}.dropdown-item:hover{background-color:#f9fafb}.dropdown-item-empty{color:#9ca3af;text-align:center;cursor:default}.dropdown-item-empty:hover{background-color:transparent}.dropdown-item .item-name{font-size:.95rem;color:#111827;font-weight:500;margin-bottom:.25rem}.dropdown-item .item-code{font-size:.85rem;color:#6b7280}.btn-back{padding:.625rem 1.25rem;background:#3b82f6;color:#fff;border:none;border-radius:.375rem;cursor:pointer;font-size:.95rem;font-weight:500;transition:background .2s;display:flex;align-items:center;gap:.5rem}.btn-back:hover{background:#2563eb}.btn-back:active{background:#1d4ed8}.brand-logo-upload{display:flex;gap:.5rem}.brand-logo-upload input{flex:1}.btn-upload{padding:.625rem 1rem;background:#10b981;color:#fff;border:none;border-radius:.375rem;cursor:pointer;font-size:.9rem;font-weight:500;white-space:nowrap;transition:background .2s}.btn-upload:hover{background:#059669}.logo-preview{margin-top:.5rem;padding:.75rem;background:#f9fafb;border:1px solid #e5e7eb;border-radius:.375rem;display:flex;justify-content:center}.logo-preview img{max-width:150px;max-height:100px;object-fit:contain;border-radius:.25rem}.action-btns{display:flex;gap:.5rem}.btn-edit{padding:.375rem .75rem;background:#dbeafe;color:#1d4ed8;border:none;border-radius:.375rem;cursor:pointer;font-size:.875rem;font-weight:500;transition:background .2s}.btn-edit:hover{background:#bfdbfe}.modal-actions{display:flex;gap:.75rem;margin-top:1.5rem;padding-top:1.5rem;border-top:2px solid #f3f4f6;justify-content:flex-end;background:#fff;flex-shrink:0}.modal-actions .btn{min-width:100px;padding:.625rem 1.25rem;font-weight:600;font-size:1rem}.edit-warning-banner{background:#fef3c7;border:1px solid #fbbf24;border-radius:8px;padding:.75rem 1rem;margin-bottom:1.25rem;color:#92400e;font-size:.875rem;line-height:1.5}.line-produced-hint{font-size:.75rem;color:#2563eb;margin-top:.25rem;text-align:center}.btn-danger{padding:.5rem 1.25rem;background:#ef4444;color:#fff;border:none;border-radius:6px;cursor:pointer;font-weight:600;font-size:.875rem}.contract-no-wrap{position:relative;display:flex;align-items:center;gap:.5rem}.contract-no-wrap input{flex:1;padding:.625rem .75rem;border:1px solid #d1d5db;border-radius:.375rem;font-size:.95rem;font-family:SF Mono,Menlo,monospace}.contract-no-wrap input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.cno-badge{font-size:.75rem;font-weight:600;white-space:nowrap;padding:.25rem .5rem;border-radius:.25rem;flex-shrink:0}.cno-badge--ok{color:#065f46;background:#d1fae5}.cno-badge--dup{color:#991b1b;background:#fee2e2}.cno-badge--checking{color:#6b7280;background:#f3f4f6}.btn-danger:hover{background:#dc2626}.ai-parse-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:99998;display:flex;align-items:center;justify-content:center;background:#0f172a85;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);animation:aiOverlayIn .28s ease}@keyframes aiOverlayIn{0%{opacity:0}to{opacity:1}}.ai-parse-card{background:#fff;border-radius:20px;padding:2.5rem 2.25rem 2rem;width:340px;display:flex;flex-direction:column;align-items:center;gap:1.125rem;box-shadow:0 20px 60px #0000002e,0 4px 16px #3b82f61f;animation:aiCardPop .36s cubic-bezier(.34,1.56,.64,1)}@keyframes aiCardPop{0%{transform:scale(.84) translateY(16px);opacity:0}to{transform:scale(1) translateY(0);opacity:1}}.ai-icon-wrap{position:relative;width:76px;height:76px;display:flex;align-items:center;justify-content:center}.ai-pulse-ring{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;background:#3b82f624;animation:aiPulse 1.6s ease-in-out infinite}.ai-pulse-ring:nth-child(2){animation-delay:.55s;background:#3b82f612}@keyframes aiPulse{0%{transform:scale(1);opacity:1}to{transform:scale(1.9);opacity:0}}.ai-icon-circle{position:relative;z-index:1;width:52px;height:52px;border-radius:50%;background:linear-gradient(135deg,#3b82f6,#60a5fa);display:flex;align-items:center;justify-content:center;font-size:1.5rem;box-shadow:0 6px 20px #3b82f661}.ai-progress-track{width:100%;height:4px;background:#f0f4ff;border-radius:999px;overflow:hidden}.ai-progress-bar{height:100%;border-radius:999px;background:linear-gradient(90deg,#3b82f6,#60a5fa,#3b82f6);background-size:200% 100%;animation:aiProgressSlide 1.4s linear infinite;width:40%}@keyframes aiProgressSlide{0%{background-position:200% 0;margin-left:-40%}to{background-position:-200% 0;margin-left:110%}}.ai-parse-title{font-size:1.0625rem;font-weight:700;color:#0f172a;letter-spacing:.01em;margin:0}.ai-parse-subtitle{font-size:.875rem;color:#64748b;text-align:center;line-height:1.55;margin:-.375rem 0 0}.ai-parse-step{font-size:.875rem;font-weight:600;color:#3b82f6;text-align:center;margin:-.25rem 0 0;min-height:1.4em;animation:aiStepFade .35s ease}.ai-parse-fields{font-size:.8rem;color:#94a3b8;text-align:center;margin:-.125rem 0 0;min-height:1.3em;animation:aiStepFade .3s ease;letter-spacing:.01em}@keyframes aiStepFade{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}.ai-steps{display:flex;align-items:center;width:100%;padding:0 4px;gap:0}.ai-step{display:flex;flex-direction:column;align-items:center;gap:6px;flex:1}.ai-step-dot{width:12px;height:12px;border-radius:50%;background:#e2e8f0;border:2px solid #cbd5e1;transition:all .3s ease;flex-shrink:0}.ai-step--active .ai-step-dot{background:#3b82f6;border-color:#3b82f6;box-shadow:0 0 0 4px #3b82f62e;animation:aiStepDotPulse 1s ease-in-out infinite}.ai-step--done .ai-step-dot{background:#22c55e;border-color:#22c55e}@keyframes aiStepDotPulse{0%,to{box-shadow:0 0 0 3px #3b82f62e}50%{box-shadow:0 0 0 6px #3b82f614}}.ai-step-label{font-size:.75rem;color:#94a3b8;white-space:nowrap}.ai-step--active .ai-step-label{color:#3b82f6;font-weight:600}.ai-step--done .ai-step-label{color:#22c55e;font-weight:500}.ai-step-line{height:2px;flex:.5;background:#e2e8f0;margin-bottom:22px;border-radius:999px}.ai-dots{display:flex;gap:6px;margin-top:.125rem}.ai-dot{width:7px;height:7px;border-radius:50%;background:#3b82f6;animation:aiDotBounce 1.2s ease-in-out infinite}.ai-dot:nth-child(2){animation-delay:.2s}.ai-dot:nth-child(3){animation-delay:.4s}@keyframes aiDotBounce{0%,80%,to{transform:translateY(0);opacity:.35}40%{transform:translateY(-7px);opacity:1}}.attachment-section{display:flex;flex-direction:column;gap:.75rem}.attachment-grid{display:flex;flex-wrap:wrap;gap:.75rem;align-items:flex-start}.attachment-item{position:relative;width:90px;height:90px;border-radius:.5rem;overflow:visible;flex-shrink:0}.attachment-thumb{width:90px;height:90px;object-fit:cover;border-radius:.5rem;border:1px solid #e5e7eb;cursor:pointer;transition:opacity .2s;display:block}.attachment-thumb:hover{opacity:.85}.attachment-remove{position:absolute;top:-8px;right:-8px;width:22px;height:22px;border-radius:50%;background:#ef4444;color:#fff;border:2px solid #fff;cursor:pointer;font-size:.7rem;display:flex;align-items:center;justify-content:center;line-height:1;padding:0;z-index:1;transition:background .15s}.attachment-remove:hover{background:#dc2626}.attachment-add{width:90px;height:90px;border:2px dashed #93c5fd;border-radius:.5rem;background:#eff6ff;color:#2563eb;cursor:pointer;font-size:.8rem;font-weight:500;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.25rem;transition:all .2s;padding:0}.attachment-add:hover{background:#dbeafe;border-color:#60a5fa}.attachment-add.uploading{opacity:.6;cursor:not-allowed}.attachment-hint{font-size:.8rem;color:#9ca3af;margin:0}.so-form-page{display:flex;flex-direction:column;height:100vh;overflow:hidden;background:#f0f2f5;font-size:13px;color:#1f2937}.sf-topbar{display:flex;align-items:center;gap:.75rem;padding:0 1.25rem;height:48px;background:#fff;border-bottom:1px solid #e5e7eb;flex-shrink:0;box-shadow:0 1px 2px #0000000a;z-index:10}.sf-back{display:flex;align-items:center;gap:4px;background:none;border:none;color:#6b7280;cursor:pointer;font-size:13px;padding:4px 6px;border-radius:4px;transition:background .1s,color .1s}.sf-back:hover{background:#f3f4f6;color:#374151}.sf-topbar-divider{width:1px;height:20px;background:#e5e7eb;flex-shrink:0}.sf-title{margin:0;font-size:14px;font-weight:600;color:#111827;flex:1}.sf-actions{display:flex;align-items:center;gap:8px}.sf-error{font-size:12px;color:#ef4444}.sf-btn-primary{background:#1677ff;color:#fff;border:none;border-radius:5px;padding:5px 16px;font-size:13px;font-weight:500;cursor:pointer;transition:background .15s}.sf-btn-primary:hover{background:#0958d9}.sf-btn-primary:disabled{background:#93c5fd;cursor:not-allowed}.sf-btn-secondary{background:#fff;color:#374151;border:1px solid #d9d9d9;border-radius:5px;padding:5px 14px;font-size:13px;cursor:pointer;transition:all .15s}.sf-btn-secondary:hover{border-color:#1677ff;color:#1677ff}.sf-body{flex:1;overflow-y:auto;padding:12px 16px;display:flex;flex-direction:column;gap:0}.sf-card{background:#fff;border:1px solid #e5e7eb;border-radius:4px;margin-bottom:8px}.sf-card-header{display:flex;align-items:center;justify-content:space-between;padding:8px 16px;border-bottom:1px solid #f0f0f0;background:#fafafa}.sf-card-title{font-size:13px;font-weight:600;color:#374151}.sf-card-body{padding:16px}.sf-header-bar{display:grid;grid-template-columns:repeat(3,1fr);gap:12px 24px;padding:16px;background:#fff;border:1px solid #e5e7eb;border-radius:4px;margin-bottom:8px}.sf-col-span2{grid-column:span 2}.sf-col-span3{grid-column:1 / -1}.sf-field{display:flex;flex-direction:column;gap:4px;min-width:0}.sf-field-customer,.sf-field-grow{min-width:0}.sf-label{font-size:12px;font-weight:500;color:#6b7280;white-space:nowrap;line-height:1.4}.sf-label-required:after{content:" *";color:#ef4444}.sf-input,.sf-select{height:30px;padding:0 8px;border:1px solid #d9d9d9;border-radius:4px;font-size:13px;color:#1f2937;background:#fff;outline:none;transition:border-color .15s,box-shadow .15s;width:100%;box-sizing:border-box}.sf-input:hover,.sf-select:hover{border-color:#1677ff}.sf-input:focus,.sf-select:focus{border-color:#1677ff;box-shadow:0 0 0 2px #1677ff1f}.sf-input::placeholder{color:#bfbfbf}.sf-select--auto{width:auto;min-width:120px;max-width:100%}.sf-input--auto{width:auto;min-width:140px;max-width:100%}.sf-textarea{padding:6px 8px;border:1px solid #d9d9d9;border-radius:4px;font-size:13px;color:#1f2937;background:#fff;outline:none;resize:vertical;width:100%;box-sizing:border-box;font-family:inherit;line-height:1.5;transition:border-color .15s,box-shadow .15s}.sf-textarea:hover{border-color:#1677ff}.sf-textarea:focus{border-color:#1677ff;box-shadow:0 0 0 2px #1677ff1f}.sf-textarea::placeholder{color:#bfbfbf}.sf-cust-wrap{position:relative;display:flex;gap:6px}.sf-cust-wrap .sf-input{flex:1}.sf-search-btn{height:30px;padding:0 10px;background:#1677ff;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:12px;white-space:nowrap;flex-shrink:0;transition:background .15s}.sf-search-btn:hover{background:#0958d9}.sf-dropdown{position:absolute;top:calc(100% + 3px);left:0;min-width:100%;width:max-content;max-width:400px;background:#fff;border:1px solid #e5e7eb;border-radius:6px;box-shadow:0 6px 20px #0000001a;z-index:300;max-height:240px;overflow-y:auto}.sf-drop-item{display:flex;align-items:center;gap:8px;padding:7px 12px;cursor:pointer;font-size:13px;transition:background .08s}.sf-drop-item:hover{background:#e6f4ff}.sf-code{font-size:11px;color:#9ca3af;background:#f5f5f5;padding:1px 5px;border-radius:3px;flex-shrink:0}.sf-customer-selected{display:flex;align-items:center;justify-content:space-between;height:30px;padding:0 10px;background:#e6f4ff;border:1px solid #91caff;border-radius:4px;font-size:13px;font-weight:500;color:#0958d9}.sf-customer-selected button{background:none;border:none;color:#91caff;cursor:pointer;font-size:14px;padding:0;line-height:1;margin-left:8px;transition:color .1s}.sf-customer-selected button:hover{color:#ff4d4f}.ss-wrap{flex:1;display:flex;flex-direction:column;overflow:hidden;background:#fff;border:1px solid #e5e7eb;border-radius:4px;margin-bottom:8px}.ss-toolbar{display:flex;align-items:center;justify-content:space-between;padding:8px 16px;background:#fafafa;border-bottom:1px solid #f0f0f0;flex-shrink:0}.ss-section-title{font-size:13px;font-weight:600;color:#374151}.ss-toolbar-right{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.ss-add-row{height:26px;padding:0 10px;background:none;border:1px dashed #d9d9d9;color:#6b7280;border-radius:4px;cursor:pointer;font-size:12px;transition:all .15s}.ss-add-row:hover{border-color:#1677ff;color:#1677ff;border-style:solid}.ss-scroll{flex:1;overflow:auto}.ss-table{width:100%;border-collapse:collapse;table-layout:fixed;font-size:13px;background:#fff}.ss-head-row th{position:sticky;top:0;z-index:10;background:#fafafa;padding:8px;text-align:left;font-size:12px;font-weight:600;color:#6b7280;border-bottom:1px solid #e5e7eb;border-right:1px solid #f0f0f0;white-space:nowrap;-webkit-user-select:none;user-select:none}.ss-head-row th:last-child{border-right:none}.ss-row{transition:background .06s}.ss-row:hover td{background:#fafeff}.ss-row:hover .ss-cell-mat{background:#e6f4ff}.ss-cell{padding:0;border-bottom:1px solid #f0f0f0;border-right:1px solid #f0f0f0;vertical-align:middle;cursor:cell;position:relative}.ss-cell:last-child{border-right:none}.ss-cell-no{text-align:center;color:#9ca3af;font-size:12px;border-bottom:1px solid #f0f0f0;padding:0}.ss-cell-mat{cursor:pointer;background:#fff}.ss-cell-mat:hover{background:#e6f4ff}.ss-mat-cell{display:flex;align-items:center;gap:6px;padding:6px 8px;min-width:0}.ss-mat-code{color:#9ca3af;font-size:11px;white-space:nowrap;flex-shrink:0}.ss-mat-name{font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#1f2937}.ss-hint-dot{font-size:11px;cursor:help;flex-shrink:0}.ss-placeholder{color:#bfbfbf;font-style:normal}.ss-price-hint{font-size:10px;line-height:1.3;padding:1px 8px 3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ss-price-hint--own{color:#16a34a}.ss-price-hint--ref{color:#d97706}.ss-inline-input{width:100%;height:100%;border:none;outline:none;background:transparent;font-size:13px;color:#1f2937;padding:6px 8px;font-family:inherit;display:block}.ss-inline-input:focus{color:#0958d9}.ss-cell:focus-within{outline:2px solid #1677ff;outline-offset:-2px;background:#e6f4ff;z-index:2}.ss-num{text-align:right}.ss-unit{text-align:center}.ss-tax-row{display:flex;align-items:center;gap:4px;padding:3px 8px}.ss-tax-input{width:52px!important}.ss-tax-pct{font-size:11px;color:#9ca3af;flex-shrink:0}.ss-tax-chips{display:flex;gap:3px}.ss-chip{font-size:11px;padding:1px 5px;border-radius:3px;background:#f5f5f5;color:#6b7280;cursor:pointer;white-space:nowrap;border:1px solid #e5e7eb;transition:all .1s}.ss-chip:hover{background:#e6f4ff;color:#1677ff;border-color:#91caff}.ss-chip-active{background:#1677ff;color:#fff;border-color:#1677ff}.ss-subtotal{text-align:right;font-variant-numeric:tabular-nums;font-weight:500;color:#374151;padding:6px 10px 6px 8px;cursor:default}.ss-del{text-align:center}.ss-del-btn{background:none;border:none;color:#d9d9d9;cursor:pointer;font-size:14px;padding:4px 6px;border-radius:3px;transition:all .12s}.ss-del-btn:hover{color:#ff4d4f;background:#fff1f0}.ss-foot-row td,.ss-fee-row td,.ss-add-fee-row td,.ss-total-row td{padding:7px 8px;border-top:1px solid #f0f0f0}.ss-foot-row{background:#fafafa}.ss-foot-label{text-align:right;color:#6b7280;font-size:12px;padding-right:10px}.ss-foot-val{text-align:right;font-variant-numeric:tabular-nums;font-weight:500;padding-right:10px}.ss-fee-row{background:#fff}.ss-fee-row-inner{display:flex;align-items:center;gap:6px;padding:6px 12px}.ss-fee-name-input{width:200px!important;height:26px;padding:0 8px!important;border:1px solid #d9d9d9!important;border-radius:4px;background:#fff!important;font-size:13px}.ss-fee-name-input:focus{border-color:#1677ff!important;box-shadow:0 0 0 2px #1677ff1a;outline:none}.ss-fee-sep{color:#6b7280;font-size:13px;flex-shrink:0}.ss-fee-amount-input{width:120px!important;height:26px;padding:0 8px!important;border:1px solid #d9d9d9!important;border-radius:4px;background:#fff!important;font-size:13px;text-align:right}.ss-fee-amount-input:focus{border-color:#1677ff!important;box-shadow:0 0 0 2px #1677ff1a;outline:none}.ss-add-fee-row{background:#fafafa}.ss-add-fee{background:none;border:none;color:#9ca3af;cursor:pointer;font-size:12px;padding:3px 0;transition:color .15s}.ss-add-fee:hover{color:#1677ff}.ss-total-row{background:#e6f4ff}.ss-total-label{text-align:right;font-weight:600;font-size:13px;color:#0958d9;padding-right:10px}.ss-total-val{text-align:right;font-size:15px;font-weight:700;color:#0958d9;padding-right:10px;font-variant-numeric:tabular-nums}.ss-total-cny{display:block;font-size:11px;font-weight:400;color:#6b7280;margin-top:2px}.mp-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000059;z-index:1000;display:flex;align-items:flex-start;justify-content:center;padding-top:80px}.mp-panel{background:#fff;border-radius:6px;width:560px;max-width:95vw;max-height:70vh;display:flex;flex-direction:column;box-shadow:0 8px 32px #00000029;overflow:hidden}.mp-search{display:flex;gap:8px;padding:12px 16px;border-bottom:1px solid #f0f0f0}.mp-search input{flex:1;height:32px;padding:0 10px;border:1px solid #d9d9d9;border-radius:4px;font-size:13px;outline:none}.mp-search input:focus{border-color:#1677ff;box-shadow:0 0 0 2px #1677ff1a}.mp-search button{height:32px;padding:0 16px;background:#1677ff;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:13px}.mp-list{flex:1;overflow-y:auto}.mp-item{display:flex;align-items:center;gap:8px;padding:9px 16px;cursor:pointer;font-size:13px;border-bottom:1px solid #f5f5f5;transition:background .08s}.mp-item:hover{background:#e6f4ff}.mp-code{color:#9ca3af;font-size:11px;min-width:72px}.mp-name{font-weight:500;flex:1;color:#1f2937}.mp-spec{font-size:11px;color:#6b7280;background:#f5f5f5;padding:1px 6px;border-radius:3px}.mp-unit{color:#9ca3af;font-size:11px;white-space:nowrap}.mp-empty{padding:40px;text-align:center;color:#9ca3af}.ss-import-btn{display:inline-flex;align-items:center;gap:4px;height:26px;padding:0 10px;border-radius:4px;font-size:12px;font-weight:500;cursor:pointer;white-space:nowrap;transition:all .15s;border:1px solid transparent}.ss-import-ai{background:#e6f4ff;color:#1677ff;border-color:#91caff}.ss-import-ai:hover{background:#bae0ff}.ss-import-excel{background:#f6ffed;color:#389e0d;border-color:#b7eb8f}.ss-import-excel:hover{background:#d9f7be}.ss-import-img{background:#fff7e6;color:#d46b08;border-color:#ffd591}.ss-import-img:hover{background:#ffe7ba}.ss-mat-pending{font-size:11px;flex-shrink:0;cursor:help}.ss-mat-unconfirmed{color:#d46b08;font-style:italic;text-decoration:underline dotted #fa8c16}.sim-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;z-index:1100;display:flex;align-items:flex-start;justify-content:center;padding-top:80px}.sim-panel{background:#fff;border-radius:6px;width:560px;max-width:96vw;box-shadow:0 8px 32px #00000029;display:flex;flex-direction:column;overflow:hidden;max-height:80vh}.sim-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px 10px;border-bottom:1px solid #f0f0f0;flex-shrink:0}.sim-title{font-size:14px;font-weight:600;color:#111827}.sim-close{background:none;border:none;font-size:16px;color:#9ca3af;cursor:pointer;padding:0 4px;line-height:1;transition:color .12s}.sim-close:hover{color:#ff4d4f}.sim-tabs{display:flex;gap:0;padding:0 16px;border-bottom:1px solid #f0f0f0;flex-shrink:0}.sim-tab{background:none;border:none;border-bottom:2px solid transparent;padding:8px 12px;font-size:13px;font-weight:500;color:#6b7280;cursor:pointer;transition:all .15s;white-space:nowrap;margin-bottom:-1px}.sim-tab:hover{color:#1677ff}.sim-tab-active{color:#1677ff;border-bottom-color:#1677ff}.sim-body{padding:16px;flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:10px}.sim-ai{display:flex;flex-direction:column;gap:8px}.sim-hint{margin:0;font-size:12px;color:#6b7280;line-height:1.5}.sim-example{margin:0;font-size:12px;color:#9ca3af;background:#f5f5f5;border-left:3px solid #91caff;padding:5px 10px;border-radius:0 4px 4px 0}.sim-textarea{width:100%;padding:8px 10px;border:1px solid #d9d9d9;border-radius:4px;font-size:13px;font-family:inherit;line-height:1.6;resize:vertical;outline:none;transition:border-color .15s;box-sizing:border-box}.sim-textarea:focus{border-color:#1677ff;box-shadow:0 0 0 2px #1677ff1a}.sim-footer{display:flex;align-items:center;justify-content:flex-end;gap:8px;margin-top:4px}.sim-tip{font-size:12px;color:#9ca3af;flex:1}.sim-btn-primary{height:30px;padding:0 16px;background:#1677ff;color:#fff;border:none;border-radius:4px;font-size:13px;font-weight:500;cursor:pointer;transition:background .15s}.sim-btn-primary:hover{background:#0958d9}.sim-btn-primary:disabled{background:#93c5fd;cursor:not-allowed}.sim-btn-secondary{height:30px;padding:0 14px;background:#fff;color:#374151;border:1px solid #d9d9d9;border-radius:4px;font-size:13px;cursor:pointer;align-self:flex-start;transition:all .12s}.sim-btn-secondary:hover{border-color:#1677ff;color:#1677ff}.sim-upload{display:flex;flex-direction:column;gap:8px}.sim-drop-zone{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:32px 24px;border:2px dashed #d9d9d9;border-radius:6px;cursor:pointer;background:#fafafa;transition:all .15s}.sim-drop-zone:hover{border-color:#1677ff;background:#e6f4ff}.sim-drop-icon{font-size:28px;line-height:1}.sim-drop-label{font-size:13px;font-weight:500;color:#374151}.sim-drop-sub{font-size:12px;color:#9ca3af;text-align:center}.sim-error{font-size:12px;color:#ff4d4f;background:#fff1f0;border:1px solid #ffccc7;border-radius:4px;padding:8px 12px;white-space:pre-wrap;line-height:1.5}.spp-list{display:flex;flex-direction:column;gap:0;padding:4px 0}.spp-row{display:flex;align-items:flex-start;gap:10px;min-height:40px}.spp-left{display:flex;flex-direction:column;align-items:center;flex-shrink:0;width:18px;padding-top:2px}.spp-icon{font-size:14px;font-weight:700;line-height:1;width:18px;text-align:center}.spp-line{width:2px;flex:1;min-height:14px;background:#f0f0f0;margin:4px 0 0}.spp-content{display:flex;flex-direction:column;gap:2px;padding-bottom:10px;flex:1}.spp-label{font-size:13px;font-weight:600;line-height:1.3}.spp-detail{font-size:12px;color:#6b7280;line-height:1.4}.spp-row-done .spp-line{background:#b7eb8f}.spp-row-error .spp-line{background:#ffccc7}.sim-progress{display:flex;flex-direction:column;gap:12px}.sim-progress-title{margin:0;font-size:13px;font-weight:600;color:#374151}.sim-progress-actions{display:flex;flex-direction:column;gap:8px}.sim-summary{background:#f6ffed;border:1px solid #d9f7be;border-radius:6px;padding:12px 14px;display:flex;flex-direction:column;gap:8px}.sim-summary-title{font-size:13px;font-weight:700;color:#389e0d}.sim-summary-rows{display:flex;flex-direction:column;gap:5px}.sim-summary-row{display:flex;align-items:baseline;gap:8px;font-size:12px}.sim-sl{color:#9ca3af;min-width:56px;flex-shrink:0;font-size:11px}.sim-sv{color:#111827;font-weight:500}.sim-summary-new .sim-sv{color:#1677ff}.sim-summary-warn .sim-sv{color:#fa8c16}.sim-summary-btns{display:flex;gap:8px;justify-content:flex-end;padding-top:8px;border-top:1px solid #d9f7be;margin-top:4px}.sf-ar-warning{margin:0 16px 6px;padding:8px 12px;background:#fff7e6;border:1px solid #ffd591;border-radius:4px;color:#d46b08;font-size:12px;line-height:1.5}.sf-ar-info{margin:0 16px 6px;padding:7px 12px;background:#e6f4ff;border:1px solid #91caff;border-radius:4px;color:#0958d9;font-size:12px}.ss-frequent-panel{background:#f6ffed;border:1px solid #d9f7be;border-radius:4px;padding:10px 16px;margin-bottom:6px}.ss-frequent-title{font-size:12px;font-weight:600;color:#389e0d;margin-bottom:8px}.ss-frequent-list{display:flex;flex-wrap:wrap;gap:6px}.ss-frequent-item{padding:5px 10px;background:#fff;border:1px solid #b7eb8f;border-radius:4px;cursor:pointer;transition:all .15s;min-width:110px}.ss-frequent-item:hover{background:#f6ffed;border-color:#389e0d}.ss-frequent-item--added{opacity:.4;cursor:default;background:#fafafa;border-color:#e5e7eb}.ss-fq-name{font-size:12px;color:#389e0d;font-weight:500}.ss-fq-meta{display:flex;gap:6px;align-items:center;margin-top:2px}.ss-fq-count{font-size:11px;color:#9ca3af}.ss-fq-price{font-size:11px;color:#389e0d;font-weight:600}.ss-fq-added{font-size:11px;color:#9ca3af}.ss-stock-cell{text-align:center}.ss-stock-badge{font-size:11px;font-weight:500;padding:1px 6px;border-radius:3px;white-space:nowrap}.ss-stock-badge.ss-stock-ok{color:#389e0d;background:#f6ffed;border:1px solid #d9f7be}.ss-stock-badge.ss-stock-warn{color:#d46b08;background:#fff7e6;border:1px solid #ffd591}.ss-stock-badge.ss-stock-short{color:#cf1322;background:#fff1f0;border:1px solid #ffccc7}.ss-stock-loading{color:#9ca3af;font-size:11px}.prepayment-panel{border:1px solid var(--border, #e5e7eb);border-radius:10px;overflow:hidden;margin-top:1.25rem}.prepayment-header{display:flex;justify-content:space-between;align-items:center;padding:.875rem 1.125rem;background:#f8fafc;border-bottom:1px solid var(--border, #e5e7eb)}.prepayment-title{display:flex;align-items:center;gap:.5rem}.prepayment-title-icon{font-size:1.1rem}.prepayment-title h3{margin:0;font-size:.95rem;font-weight:600}.prepayment-summary-badge{font-size:.78rem;color:var(--muted, #6b7280);background:#fff;border:1px solid #e2e8f0;padding:2px 8px;border-radius:100px}.prepayment-balance-badge{color:#d97706;font-weight:600}.prepayment-add-btn{padding:.4rem .875rem;background:#2563eb;color:#fff;border:none;border-radius:6px;font-size:.82rem;cursor:pointer;font-weight:500}.prepayment-add-btn:hover{background:#1d4ed8}.prepayment-msg{padding:.625rem 1.125rem;font-size:.85rem;cursor:pointer}.prepayment-msg.ok{background:#f0fdf4;color:#15803d}.prepayment-msg.err{background:#fef2f2;color:#dc2626}.prepayment-empty{padding:1.25rem;text-align:center;color:var(--muted, #6b7280);font-size:.88rem;margin:0}.prepayment-list{padding:.5rem 0}.prepayment-item{padding:.875rem 1.125rem;border-bottom:1px solid #f1f5f9;transition:background .15s}.prepayment-item:last-child{border-bottom:none}.prepayment-item:hover{background:#f8fafc}.prepayment-item.refunded{opacity:.55}.prepayment-item-main{display:flex;flex-direction:column;gap:.3rem}.prepayment-item-amounts{display:flex;align-items:baseline;gap:.75rem}.prepayment-amount{font-size:1.1rem;font-weight:700;color:var(--text, #111)}.prepayment-balance{font-size:.8rem;color:#d97706;background:#fef9c3;padding:1px 6px;border-radius:4px;font-weight:600}.prepayment-item-meta{display:flex;align-items:center;gap:.75rem;font-size:.78rem;color:var(--muted, #6b7280);flex-wrap:wrap}.prepayment-method,.prepayment-refno{background:#f1f5f9;padding:1px 6px;border-radius:4px}.prepayment-status{font-weight:600}.prepayment-remark{font-size:.78rem;color:var(--muted, #6b7280);font-style:italic}.prepayment-writeoffs{margin-top:.5rem;padding:.5rem .75rem;background:#f8fafc;border-radius:6px;display:flex;flex-direction:column;gap:.25rem}.prepayment-writeoff-item{display:flex;gap:.75rem;font-size:.75rem;color:var(--muted, #6b7280)}.prepayment-writeoff-date{color:#94a3b8}.prepayment-writeoff-amount{color:#16a34a;font-weight:600}.prepayment-writeoff-note{font-style:italic}.prepayment-item-actions{display:flex;gap:.5rem;margin-top:.5rem}.prepayment-btn-writeoff{padding:.3rem .75rem;background:#eff6ff;color:#2563eb;border:1px solid #bfdbfe;border-radius:5px;font-size:.78rem;cursor:pointer;font-weight:500}.prepayment-btn-writeoff:hover{background:#dbeafe}.prepayment-btn-refund{padding:.3rem .75rem;background:#fff;color:#6b7280;border:1px solid #e5e7eb;border-radius:5px;font-size:.78rem;cursor:pointer}.prepayment-btn-refund:hover{background:#f9fafb}.prepayment-stats{display:flex;gap:1.5rem;padding:.625rem 1.125rem;background:#f8fafc;border-top:1px solid var(--border, #e5e7eb);font-size:.82rem;color:var(--muted, #6b7280)}.prepayment-stats strong{color:var(--text, #111)}.prepayment-ai-tip{background:#fefce8;border:1px solid #fde68a;border-radius:6px;padding:.5rem .875rem;font-size:.82rem;color:#92400e;margin-bottom:.875rem}.so-detail-page{padding:12px 16px;max-width:1200px;font-size:13px;color:#1f2937}.detail-topbar{display:flex;align-items:center;gap:10px;margin-bottom:10px;background:#fff;border:1px solid #e5e7eb;border-radius:4px;padding:8px 16px;flex-wrap:wrap}.btn-back{display:flex;align-items:center;gap:4px;background:none;border:none;color:#6b7280;cursor:pointer;font-size:13px;padding:4px 6px;border-radius:4px;transition:background .1s,color .1s;white-space:nowrap}.btn-back:hover{background:#f3f4f6;color:#374151}.topbar-sep{width:1px;height:18px;background:#e5e7eb;flex-shrink:0}.detail-title{display:flex;align-items:center;gap:8px;flex:1;flex-wrap:wrap;min-width:0}.detail-title h1{margin:0;font-size:15px;font-weight:700;color:#111827;white-space:nowrap}.detail-actions{display:flex;gap:6px;flex-wrap:nowrap;align-items:center}.so-status-badge{display:inline-flex;align-items:center;padding:2px 8px;border-radius:3px;font-size:11px;font-weight:600;white-space:nowrap;border:1px solid}.settle-badge{display:inline-flex;align-items:center;padding:2px 7px;border-radius:3px;font-size:11px;font-weight:600}.settle-badge.settled{background:#f6ffed;color:#389e0d;border:1px solid #d9f7be}.settle-badge.partial{background:#fff7e6;color:#d46b08;border:1px solid #ffd591}.more-menu-wrap{position:relative}.more-menu-btn{white-space:nowrap}.more-menu-dropdown{position:absolute;right:0;top:calc(100% + 4px);background:#fff;border:1px solid #e5e7eb;border-radius:6px;box-shadow:0 6px 20px #0000001a;min-width:156px;z-index:300;padding:4px 0;overflow:hidden}.more-menu-item{display:flex;align-items:center;gap:7px;width:100%;padding:7px 14px;background:none;border:none;cursor:pointer;font-size:13px;color:#374151;text-align:left;transition:background .08s}.more-menu-item:hover:not(:disabled){background:#f3f4f6}.more-menu-item:disabled{opacity:.4;cursor:not-allowed}.more-menu-item--danger{color:#ff4d4f}.more-menu-item--danger:hover:not(:disabled){background:#fff1f0}.more-menu-divider{height:1px;background:#f0f0f0;margin:4px 0}.btn{display:inline-flex;align-items:center;height:30px;padding:0 14px;border-radius:4px;border:1px solid transparent;font-size:13px;font-weight:500;cursor:pointer;transition:all .15s;white-space:nowrap}.btn:disabled{opacity:.45;cursor:not-allowed}.btn-primary{background:#1677ff;color:#fff;border-color:#1677ff}.btn-primary:hover:not(:disabled){background:#0958d9;border-color:#0958d9}.btn-secondary{background:#fff;color:#374151;border-color:#d9d9d9}.btn-secondary:hover:not(:disabled){border-color:#1677ff;color:#1677ff}.btn-danger-outline{background:#fff;color:#ff4d4f;border-color:#ff4d4f}.btn-danger-outline:hover:not(:disabled){background:#fff1f0}.btn-danger{background:#ff4d4f;color:#fff;border-color:#ff4d4f}.btn-sm{height:26px;padding:0 10px;font-size:12px}.detail-body{display:flex;flex-direction:column;gap:8px}.detail-card{background:#fff;border:1px solid #e5e7eb;border-radius:4px}.card-title{font-size:12px;font-weight:600;color:#374151;padding:5px 12px;border-bottom:1px solid #f0f0f0;background:#fafafa;border-radius:4px 4px 0 0}.card-title-row{display:flex;justify-content:space-between;align-items:center;padding:5px 12px;border-bottom:1px solid #f0f0f0;background:#fafafa;border-radius:4px 4px 0 0}.card-title-row .card-title{padding:0;border:none;background:none}.card-body{padding:16px}.info-grid{display:flex;flex-wrap:wrap;align-items:center;padding:5px 8px;gap:0}.info-item{display:inline-flex;flex-direction:row;align-items:center;gap:4px;padding:2px 10px;border-right:1px solid #f0f0f0;white-space:nowrap;flex-shrink:0}.info-item:last-of-type{border-right:none}.info-item--full{flex-shrink:0;width:100%;border-right:none;border-top:1px solid #f5f5f5;padding-top:4px;margin-top:2px}.info-label{font-size:11px;color:#9ca3af;font-weight:400;flex-shrink:0}.info-label:after{content:"："}.info-val{font-size:12px;color:#1f2937;font-weight:500}.info-val--strong{font-weight:700;color:#111827}.info-val--highlight{font-weight:700;color:#1677ff}.info-val--remark{font-weight:400;color:#6b7280}.detail-table{width:100%;border-collapse:collapse;font-size:12px}.detail-table th{background:#fafafa;padding:6px 10px;text-align:left;font-weight:600;color:#6b7280;font-size:11px;border-bottom:1px solid #e5e7eb;white-space:nowrap}.detail-table td{padding:6px 10px;border-bottom:1px solid #f5f5f5;vertical-align:middle;color:#374151}.detail-table tbody tr:last-child td{border-bottom:none}.detail-table tbody tr:hover td{background:#fafeff}.detail-table .num{text-align:right;font-variant-numeric:tabular-nums}.mat-cell{display:flex;align-items:center;gap:6px}.mat-code-tag{font-size:11px;color:#9ca3af;background:#f5f5f5;padding:1px 5px;border-radius:3px;white-space:nowrap;flex-shrink:0}.mat-name-text{font-weight:500;color:#111827}.qty-val{font-variant-numeric:tabular-nums}.unit-tag{font-size:11px;color:#9ca3af;margin-left:3px}.line-subtotal{font-weight:600;color:#111827}.line-remark-cell{font-size:12px;color:#9ca3af}.amount-summary{display:flex;flex-direction:column;align-items:flex-end;gap:0;padding:8px 14px 12px;border-top:1px solid #f0f0f0}.amount-fees{display:flex;flex-direction:column;gap:4px;min-width:260px;padding-bottom:8px;margin-bottom:8px;border-bottom:1px dashed #f0f0f0}.amount-totals{display:flex;flex-direction:column;gap:0;min-width:260px;border:1px solid #f0f0f0;border-radius:4px;overflow:hidden}.amount-row{display:flex;justify-content:space-between;align-items:center;font-size:13px;padding:7px 12px;border-bottom:1px solid #f5f5f5}.amount-row:last-child{border-bottom:none}.amount-row--total{background:#e6f4ff;border-bottom:1px solid #bae0ff!important}.amount-label{color:#6b7280}.amount-val{font-variant-numeric:tabular-nums;font-weight:500;color:#374151}.amount-val--total{font-size:15px;font-weight:700;color:#0958d9}.plan-list{display:flex;flex-direction:column;gap:6px;padding:12px 16px}.plan-card{border:1px solid #f0f0f0;border-radius:4px;padding:10px 14px;background:#fff;transition:border-color .15s}.plan-card:hover{border-color:#91caff}.plan-header{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:6px}.plan-no{font-weight:700;color:#111827;font-size:13px}.plan-status{padding:1px 7px;border-radius:3px;font-size:11px;font-weight:600;border:1px solid}.plan-lines{display:flex;flex-wrap:wrap;gap:5px;margin-bottom:7px}.plan-line-item{font-size:12px;background:#f5f5f5;padding:2px 8px;border-radius:3px;color:#374151}.plan-actions{display:flex;gap:6px}.return-card{border:1px solid #f0f0f0;border-radius:4px;padding:10px 14px;margin-bottom:6px}.return-header{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:5px}.return-no{font-weight:700;font-size:13px}.return-type{background:#f9f0ff;color:#722ed1;padding:1px 7px;border-radius:3px;font-size:11px;font-weight:600;border:1px solid #d3adf7}.return-status{padding:1px 7px;border-radius:3px;font-size:11px;font-weight:600;border:1px solid}.return-status--pending{background:#fff7e6;color:#d46b08;border-color:#ffd591}.return-status--approved{background:#e6f4ff;color:#0958d9;border-color:#91caff}.return-status--rejected{background:#fff1f0;color:#cf1322;border-color:#ffccc7}.return-status--completed{background:#f6ffed;color:#389e0d;border-color:#b7eb8f}.return-reason{font-size:12px;color:#6b7280;margin-bottom:5px}.return-lines{display:flex;flex-wrap:wrap;gap:4px;margin-bottom:6px}.return-line-item{font-size:12px;background:#f5f5f5;padding:2px 8px;border-radius:3px}.return-actions{display:flex;gap:6px}.modal-content{background:#fff;border-radius:6px;padding:20px 24px;width:480px;max-width:95vw;max-height:90vh;overflow-y:auto;box-shadow:0 8px 32px #00000029}.modal-content--sm{width:380px}.return-modal{width:560px}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid #f0f0f0}.modal-header h3{margin:0;font-size:15px;font-weight:700;color:#111827}.modal-close{background:none;border:none;font-size:16px;cursor:pointer;color:#9ca3af;padding:2px 4px;border-radius:4px;transition:all .1s}.modal-close:hover{color:#ff4d4f;background:#fff1f0}.modal-form{display:flex;flex-direction:column;gap:12px}.modal-form label{display:flex;flex-direction:column;gap:4px;font-size:12px;color:#6b7280}.modal-form input,.modal-form textarea,.modal-form select{height:30px;padding:0 8px;border:1px solid #d9d9d9;border-radius:4px;font-size:13px;outline:none;transition:border-color .15s}.modal-form textarea{height:auto;padding:6px 8px}.modal-form input:focus,.modal-form select:focus,.modal-form textarea:focus{border-color:#1677ff;box-shadow:0 0 0 2px #1677ff1a}.modal-desc{font-size:13px;color:#6b7280;margin:0 0 12px}.modal-footer{display:flex;justify-content:flex-end;gap:8px;margin-top:20px;padding-top:12px;border-top:1px solid #f0f0f0}.radio-group{display:flex;gap:16px}.radio-item{display:flex;align-items:center;gap:5px;cursor:pointer;font-size:13px;color:#374151}.return-lines-edit{display:flex;flex-direction:column;gap:6px}.return-lines-title{font-size:12px;font-weight:600;color:#374151}.return-line-form{display:flex;align-items:center;gap:8px;font-size:13px}.return-line-name{font-weight:500}.return-line-form input{width:72px;height:28px;padding:0 6px;border:1px solid #d9d9d9;border-radius:4px;font-size:13px}.receive-line{display:flex;align-items:center;gap:8px;padding:7px 0;border-bottom:1px solid #f5f5f5;font-size:13px}.receive-name{font-weight:500;flex:1}.receive-line select{height:28px;padding:0 6px;border:1px solid #d9d9d9;border-radius:4px;font-size:12px}.error-bar{background:#fff1f0;border:1px solid #ffccc7;color:#cf1322;padding:8px 12px;border-radius:4px;font-size:13px;margin-bottom:8px}.approval-panel{border-radius:4px;padding:12px 16px;margin-bottom:8px;border:1px solid}.approval-panel--pending{background:#fff7e6;border-color:#ffd591}.approval-panel--approved{background:#f6ffed;border-color:#d9f7be}.approval-panel--rejected{background:#fff1f0;border-color:#ffccc7}.approval-panel-header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:6px;margin-bottom:8px}.approval-panel-title{font-weight:600;font-size:13px}.approval-approvers{font-size:12px;color:#6b7280}.approval-records{display:flex;flex-direction:column;gap:4px;margin-bottom:8px}.approval-record{display:flex;align-items:center;gap:8px;font-size:12px;padding:4px 8px;border-radius:4px}.approval-record--approved{background:#f6ffed}.approval-record--rejected{background:#fff1f0}.ar-step{color:#9ca3af}.ar-action{font-weight:600}.ar-user{color:#374151}.ar-comment{color:#9ca3af;font-style:italic}.approval-actions{margin-top:8px}.approval-act-form{display:flex;flex-direction:column;gap:8px}.approval-comment{padding:7px 10px;border:1px solid #d9d9d9;border-radius:4px;font-size:13px;resize:vertical;width:100%;box-sizing:border-box}.approval-comment:focus{border-color:#1677ff;outline:none}.approval-act-btns{display:flex;gap:6px;flex-wrap:wrap}.price-log-bar{margin-top:8px;padding-top:8px;border-top:1px solid #f5f5f5}.price-logs{margin-top:6px}.btn-link{background:none;border:none;color:#1677ff;cursor:pointer;font-size:13px;padding:0}.btn-link:hover{color:#0958d9}.btn-link-red{color:#ff4d4f}.btn-link-red:hover{color:#cf1322}.wh-status-badge{font-size:12px;font-weight:600;padding:2px 8px;border-radius:3px;border:1px solid}.wh-status-badge.wh-status-ready{color:#389e0d;background:#f6ffed;border-color:#b7eb8f}.wh-status-badge.wh-status-partial{color:#d46b08;background:#fff7e6;border-color:#ffd591}.wh-status-badge.wh-status-short{color:#cf1322;background:#fff1f0;border-color:#ffccc7}.ok{color:#389e0d}.warn{color:#d46b08}.err{color:#cf1322}.muted{color:#9ca3af;font-size:12px}.hint{font-size:12px;color:#9ca3af;padding:12px 16px}.req{color:#ff4d4f}.commission-card{border-left:3px solid #52c41a}.commission-total{font-size:18px;font-weight:700;color:#389e0d}.commission-summary{display:flex;gap:10px;font-size:12px;color:#6b7280;margin-bottom:8px}.commission-lines{display:flex;flex-direction:column;gap:5px}.commission-line{display:flex;align-items:center;gap:10px;font-size:12px}.cl-name{flex:1;color:#374151}.cl-rule{font-size:11px;color:#9ca3af}.cl-commission{font-weight:600;color:#389e0d;min-width:72px;text-align:right}.prod-order-list{display:flex;flex-direction:column;gap:6px}.prod-order-card{border:1px solid #f0f0f0;border-radius:4px;padding:10px 14px;background:#fafafa;transition:border-color .15s}.prod-order-card:hover{border-color:#91caff}.prod-order-card-header{display:flex;align-items:center;gap:8px;margin-bottom:6px}.prod-order-no{font-weight:700;font-size:13px;color:#111827}.prod-order-status{padding:1px 7px;border-radius:3px;font-size:11px;font-weight:600}.prod-order-tag{padding:1px 6px;background:#722ed1;color:#fff;border-radius:3px;font-size:11px;font-weight:600}.prod-order-lines{display:flex;flex-wrap:wrap;gap:4px;margin-bottom:6px}.prod-order-line-chip{padding:1px 7px;background:#f5f5f5;border:1px solid #e5e7eb;border-radius:3px;font-size:11px;color:#374151}.prod-order-progress-row{display:flex;align-items:center;gap:8px}.prod-order-progress-bar{flex:1;height:5px;background:#f0f0f0;border-radius:3px;overflow:hidden}.prod-order-progress-fill{height:100%;background:#1677ff;border-radius:3px;transition:width .3s}.prod-order-progress-pct{font-size:12px;font-weight:600;color:#374151;min-width:30px;text-align:right}.prod-order-progress-detail{font-size:11px;color:#9ca3af}.detail-pipeline-wrap{border-radius:4px;overflow:hidden}.detail-tabs-card{overflow:hidden}.detail-tabs-bar{display:flex;border-bottom:1px solid #f0f0f0;background:#fafafa;padding:0 4px}.detail-tab{display:flex;align-items:center;gap:5px;background:none;border:none;border-bottom:2px solid transparent;padding:10px 14px;font-size:13px;font-weight:500;color:#6b7280;cursor:pointer;white-space:nowrap;margin-bottom:-1px;transition:color .15s,border-color .15s}.detail-tab:hover{color:#1677ff}.detail-tab--active{color:#1677ff;border-bottom-color:#1677ff;background:#fff}.detail-tab-badge{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 5px;background:#f0f0f0;color:#6b7280;border-radius:9px;font-size:11px;font-weight:600}.detail-tab-badge--warn{background:#fff7e6;color:#d46b08}.detail-tab-badge--ready{background:#f6ffed;color:#389e0d}.detail-tab-badge--partial{background:#fff7e6;color:#d46b08}.detail-tab-badge--short{background:#fff1f0;color:#cf1322}.detail-tab--active .detail-tab-badge{background:#e6f4ff;color:#1677ff}.detail-tab-body{padding:16px}.detail-tab-toolbar{display:flex;justify-content:flex-end;margin-bottom:10px}.plan-no-link{background:none;border:none;padding:0;font-weight:700;font-size:13px;color:#1677ff;cursor:pointer;font-family:inherit;text-decoration:none}.plan-no-link:hover{text-decoration:underline;color:#0958d9}.shipment-estimate-tab{padding:0}.estimate-loading{display:flex;align-items:center;gap:10px;padding:32px 16px;color:#6b7280;font-size:.9rem}.estimate-spinner{display:inline-block;width:16px;height:16px;border:2px solid #e5e7eb;border-top-color:#2563eb;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.estimate-error{display:flex;align-items:center;gap:12px;padding:16px;background:#fef2f2;border-radius:8px;color:#991b1b;font-size:.88rem;margin:8px 0}.estimate-empty{text-align:center;padding:40px 16px;color:#6b7280}.estimate-empty p{margin:0 0 16px;font-size:.9rem}.estimate-conclusion{display:flex;align-items:flex-start;gap:12px;padding:14px 16px;border-radius:10px;margin-bottom:14px;border:1px solid}.estimate-conclusion--ok{background:#f0fdf4;border-color:#bbf7d0}.estimate-conclusion--warn{background:#fffbeb;border-color:#fde68a}.estimate-conclusion-icon{font-size:1.4rem;line-height:1;margin-top:2px}.estimate-conclusion-body{flex:1;min-width:0}.estimate-conclusion-date{font-size:1rem;font-weight:600;color:#111827;margin-bottom:4px}.estimate-conclusion-ai{font-size:.85rem;color:#374151;line-height:1.5}.estimate-refresh-btn{flex-shrink:0;align-self:flex-start}.estimate-summary-row{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:14px}.estimate-stat{display:flex;flex-direction:column;align-items:center;padding:8px 14px;background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;min-width:68px}.estimate-stat--ok{background:#f0fdf4;border-color:#bbf7d0}.estimate-stat--transit{background:#eff6ff;border-color:#bfdbfe}.estimate-stat--warn{background:#fffbeb;border-color:#fde68a}.estimate-stat--info{background:#f5f3ff;border-color:#ddd6fe}.estimate-stat-num{font-size:1.25rem;font-weight:700;color:#111827;line-height:1}.estimate-stat-label{font-size:.72rem;color:#6b7280;margin-top:3px}.estimate-table-wrap{overflow-x:auto;border-radius:8px;border:1px solid #e5e7eb}.estimate-table{min-width:700px}.estimate-row--critical{background:#fffbeb}.estimate-ready-date{font-weight:600;font-size:.85rem}.estimate-line-type-badge{font-size:.7rem;padding:1px 6px;border-radius:4px;font-weight:500}.ship-form-page{padding:1.5rem;max-width:1100px}.page-header{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem}.page-header h1{margin:0;font-size:1.4rem}.page-title-group{display:flex;flex-direction:column;gap:.2rem}.order-source-badge{display:flex;align-items:center;gap:.25rem;font-size:.82rem;color:#64748b}.order-source-link{background:none;border:none;padding:0;color:#2563eb;cursor:pointer;font-size:.82rem;font-weight:500;text-decoration:underline;text-underline-offset:2px}.order-source-link:hover{color:#1d4ed8}.order-source-customer{color:#64748b}.btn-back{background:none;border:none;color:var(--brand);cursor:pointer;font-size:.9rem;padding:0}.form-layout{display:flex;flex-direction:column;gap:1.25rem}.form-card{background:#fff;border-radius:12px;padding:1.25rem 1.5rem;box-shadow:0 1px 4px #00000014}.card-title{font-weight:600;font-size:.95rem;color:#374151;margin-bottom:1rem}.form-grid2{display:grid;grid-template-columns:1fr 1fr;gap:.85rem}.form-item{display:flex;flex-direction:column;gap:.3rem}.form-item.full{grid-column:1 / -1}.form-label{font-size:.82rem;font-weight:500;color:#374151}.req{color:#ef4444}.form-input,.form-select{padding:.5rem .65rem;border:1px solid #d1d5db;border-radius:6px;font-size:.875rem;background:#fff}.ship-table{width:100%;border-collapse:collapse;font-size:.84rem}.ship-table th{background:#f8fafc;padding:.55rem .75rem;text-align:left;font-weight:600;color:#64748b;font-size:.78rem;border-bottom:2px solid #e2e8f0;white-space:nowrap}.ship-table td{padding:.6rem .75rem;border-bottom:1px solid #f1f5f9;vertical-align:middle}.ship-table .num{text-align:right}.ship-table .shipped-qty{color:#6b7280}.ship-table .already-planned-qty{color:#d97706}.already-planned-link{background:none;border:none;padding:0;color:#d97706;font-weight:600;font-size:inherit;cursor:pointer;text-decoration:underline;text-underline-offset:2px}.already-planned-link:hover{color:#b45309}.ship-table .can-plan-qty{color:#2563eb;font-weight:600}.mat-cell{display:flex;flex-direction:column;gap:.1rem}.mat-name{font-weight:500}.qty-input{width:90px;padding:.35rem .5rem;border:1px solid #d1d5db;border-radius:5px;font-size:.85rem;text-align:right}.stock-chip{padding:.15rem .55rem;border-radius:10px;font-size:.76rem;font-weight:500;white-space:nowrap}.form-footer{display:flex;justify-content:flex-end;gap:.75rem;padding:1rem 0}.error-bar{background:#fef2f2;border:1px solid #fecaca;color:#dc2626;padding:.75rem 1rem;border-radius:8px;font-size:.875rem;margin-bottom:1rem}.warn-bar{background:#fffbeb;border:1px solid #fde68a;color:#92400e;padding:1rem 1.25rem;border-radius:10px;font-size:.875rem;margin-bottom:1rem}.warn-item{display:inline-block;margin:.3rem .4rem 0 0;background:#fef3c7;padding:.15rem .5rem;border-radius:5px}.warn-footer{margin-top:1rem}.muted{color:#94a3b8;font-size:.82rem}.hint{font-size:.82rem}.ok{color:#16a34a}.warn{color:#d97706}.btn{padding:.45rem 1.1rem;border-radius:7px;border:none;cursor:pointer;font-size:.875rem;font-weight:500}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--brand);color:#fff}.btn-secondary{background:#f1f5f9;color:#374151;border:1px solid #d1d5db}.dbm-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;z-index:1050;display:flex;align-items:stretch;justify-content:flex-end}.dbm-panel{width:min(920px,96vw);height:100%;background:#fff;display:flex;flex-direction:column;box-shadow:-6px 0 32px #00000026;animation:dbmSlideIn .22s ease}@keyframes dbmSlideIn{0%{transform:translate(100%)}to{transform:translate(0)}}.dbm-header{display:flex;justify-content:space-between;align-items:center;padding:1.1rem 1.5rem;border-bottom:1px solid #e5e7eb;flex-shrink:0}.dbm-header h3{margin:0;font-size:1.05rem}.dbm-docno{font-size:.8rem;color:#6b7280;margin-left:.5rem;font-family:monospace}.dbm-body{flex:1;overflow:hidden;display:flex;gap:0}.dbm-left{width:420px;flex-shrink:0;border-right:1px solid #e5e7eb;overflow-y:auto;padding:1rem 1.25rem;display:flex;flex-direction:column;gap:1rem}.dbm-right{flex:1;overflow:hidden;display:flex;flex-direction:column}.dbm-section{background:#f9fafb;border:1px solid #e5e7eb;border-radius:10px;padding:.9rem 1rem}.dbm-section-title{font-weight:600;font-size:.875rem;color:#1e293b;margin-bottom:.7rem}.dbm-tip{font-size:.78rem;color:#6b7280;background:#eff6ff;border:1px solid #bfdbfe;border-radius:6px;padding:.45rem .65rem;margin-bottom:.7rem}.dbm-info-grid{display:flex;flex-direction:column;gap:.55rem;margin-bottom:.65rem}.dbm-info-grid label{display:flex;flex-direction:column;gap:.2rem;font-size:.8rem;color:#374151}.dbm-info-grid input{padding:.35rem .6rem;border:1px solid #d1d5db;border-radius:6px;font-size:.875rem}.dbm-info-actions{display:flex;align-items:center;gap:.6rem}.dbm-info-msg{font-size:.8rem;color:#16a34a}.dbm-config-table{width:100%;border-collapse:collapse;font-size:.82rem;margin-bottom:.75rem}.dbm-config-table th{background:#f1f5f9;padding:.45rem .5rem;text-align:left;font-size:.75rem;color:#64748b;font-weight:600;border-bottom:1px solid #e2e8f0}.dbm-config-table td{padding:.5rem;border-bottom:1px solid #f1f5f9;vertical-align:middle}.dbm-mat-name{font-weight:500;color:#1e293b}.dbm-mat-spec{color:#6b7280;font-size:.78rem}.dbm-num{text-align:right;color:#374151}.dbm-qty-input{width:70px;padding:.3rem .4rem;border:1px solid #d1d5db;border-radius:5px;font-size:.85rem;text-align:center}.dbm-qty-input:focus{outline:none;border-color:var(--brand, #4f46e5)}.dbm-box-count{background:#eff6ff;color:#1d4ed8;border:1px solid #bfdbfe;border-radius:4px;padding:.1rem .5rem;font-size:.75rem;font-weight:600;display:inline-block;min-width:52px;text-align:center}.dbm-config-footer{display:flex;align-items:flex-end;gap:.75rem;flex-wrap:wrap}.dbm-remark-label{display:flex;flex-direction:column;gap:.2rem;font-size:.8rem;color:#374151;flex:1;min-width:140px}.dbm-remark-label input{padding:.35rem .6rem;border:1px solid #d1d5db;border-radius:6px;font-size:.875rem}.dbm-boxes-header{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1.25rem;border-bottom:1px solid #e5e7eb;flex-shrink:0}.dbm-boxes-title{font-size:.875rem;color:#374151}.dbm-boxes-actions{display:flex;gap:.4rem}.dbm-print-btn{background:var(--brand, #4f46e5);color:#fff;border:none;border-radius:6px;cursor:pointer;padding:.3rem .75rem;font-size:.8rem}.dbm-print-btn:disabled{opacity:.5;cursor:not-allowed}.dbm-loading{padding:2rem;text-align:center;color:#9ca3af}.dbm-empty{display:flex;flex-direction:column;align-items:center;gap:.4rem;padding:3rem 1rem;color:#6b7280;font-size:.9rem;text-align:center}.dbm-empty-hint{font-size:.78rem;color:#9ca3af}.dbm-box-list{flex:1;overflow-y:auto;padding:.75rem 1.25rem;display:flex;flex-direction:column;gap:.6rem}.dbm-box-card{display:flex;align-items:center;gap:.75rem;border:1.5px solid #e5e7eb;border-radius:10px;padding:.75rem .9rem;cursor:pointer;transition:border-color .15s,background .15s;background:#fff}.dbm-box-card:hover{border-color:#c7d2fe}.dbm-box-card--selected{border-color:var(--brand, #4f46e5);background:#eef2ff}.dbm-box-check input{cursor:pointer;width:15px;height:15px}.dbm-box-info{flex:1;min-width:0}.dbm-box-no{font-weight:700;font-size:.88rem;font-family:monospace;color:#1e293b;margin-bottom:.3rem}.dbm-box-items{display:flex;flex-wrap:wrap;gap:.3rem}.dbm-box-item-tag{background:#f0f9ff;color:#0369a1;border:1px solid #bae6fd;border-radius:4px;padding:.08rem .45rem;font-size:.75rem}.dbm-box-remark{font-size:.75rem;color:#9ca3af;margin-top:.2rem}.dbm-box-barcode-thumb{height:44px;width:auto;border:1px solid #e5e7eb;border-radius:4px;background:#fff;object-fit:contain;flex-shrink:0}.dbm-edit-modal{width:520px;max-height:80vh;display:flex;flex-direction:column}.dbm-edit-table-wrap{overflow-y:auto;flex:1;border:1px solid #e5e7eb;border-radius:8px;margin-bottom:.85rem}.dbm-edit-remark{margin-bottom:.5rem}.dbm-edit-remark label{display:flex;flex-direction:column;gap:.25rem;font-size:.82rem;color:#374151}.dbm-edit-remark input{padding:.35rem .6rem;border:1px solid #d1d5db;border-radius:6px;font-size:.875rem}.dbm-box-ops{display:flex;flex-direction:column;gap:.25rem;flex-shrink:0}.dbm-box-op-btn{background:#f9fafb;border:1px solid #e5e7eb;cursor:pointer;font-size:.85rem;padding:.2rem .35rem;border-radius:5px;transition:background .12s,border-color .12s;line-height:1;color:#6b7280}.dbm-box-op-btn:hover{background:#f3f4f6;border-color:#d1d5db}.dbm-box-op-edit:hover{background:#eff6ff;border-color:#bfdbfe;color:#1d4ed8}.dbm-box-op-delete{color:#ef4444}.dbm-box-op-delete:hover{background:#fef2f2;border-color:#fecaca;color:#dc2626}.dbm-box-delete{background:none;border:none;cursor:pointer;font-size:1rem;color:#9ca3af;padding:.2rem;border-radius:4px;flex-shrink:0;transition:color .12s}.dbm-box-delete:hover{color:#ef4444}.dbm-boxes-actions .btn-danger{background:#ef4444;color:#fff;border:none}.dbm-boxes-actions .btn-danger:hover:not(:disabled){background:#dc2626}.dbm-boxes-actions .btn-danger:disabled{opacity:.5;cursor:not-allowed}.so-layout{display:flex;gap:0;height:100%;overflow:hidden}.so-main{flex:1;min-width:0;display:flex;flex-direction:column;overflow:hidden;padding:1.5rem}.so-page-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem;gap:1rem}.so-title{margin:0;font-size:1.4rem;font-weight:700;color:#111827}.so-desc{margin:.2rem 0 0;font-size:.82rem;color:#6b7280}.so-header-actions{display:flex;align-items:center;gap:.6rem;flex-shrink:0}.so-search-wrap{display:flex;gap:.4rem}.so-search-input{padding:.4rem .75rem;border:1px solid #d1d5db;border-radius:6px;font-size:.875rem;width:200px}.so-search-btn{padding:.4rem .9rem;background:var(--brand, #4f46e5);color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:.875rem}.so-export-btn{font-size:.85rem}.so-tabs{display:flex;gap:0;border-bottom:2px solid #e5e7eb;margin-bottom:1rem;flex-shrink:0}.so-tab{display:flex;align-items:center;gap:.4rem;padding:.5rem 1.1rem;border:none;background:none;cursor:pointer;font-size:.875rem;color:#6b7280;border-bottom:2px solid transparent;margin-bottom:-2px;transition:color .15s,border-color .15s;font-weight:500;white-space:nowrap}.so-tab:hover{color:#374151}.so-tab--active{color:var(--brand, #4f46e5);border-bottom-color:var(--brand, #4f46e5)}.so-tab-badge{background:#e5e7eb;color:#374151;border-radius:99px;padding:.05rem .45rem;font-size:.72rem;font-weight:600;min-width:18px;text-align:center}.so-tab-badge--active{background:var(--brand, #4f46e5);color:#fff}.so-error-bar{background:#fef2f2;border:1px solid #fecaca;color:#dc2626;padding:.6rem .9rem;border-radius:8px;font-size:.875rem;margin-bottom:.75rem}.so-loading{padding:3rem;text-align:center;color:#9ca3af;font-size:.95rem}.so-empty{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:4rem 1rem;color:#6b7280;font-size:.95rem}.so-empty-icon{font-size:2.5rem}.so-empty-hint{font-size:.8rem;color:#9ca3af}.so-list{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:.75rem;padding-right:.25rem}.so-card{background:#fff;border:1.5px solid #e5e7eb;border-radius:12px;padding:1rem 1.1rem;cursor:pointer;transition:border-color .15s,box-shadow .15s}.so-card:hover{border-color:#c7d2fe;box-shadow:0 2px 8px #4f46e514}.so-card--active{border-color:var(--brand, #4f46e5);box-shadow:0 0 0 3px #4f46e51a}.so-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.so-card-docno{font-weight:700;font-size:.95rem;font-family:monospace;color:#1e293b}.so-status-badge{padding:.15rem .65rem;border-radius:99px;font-size:.75rem;font-weight:600;border:1px solid}.so-card-meta{display:flex;flex-wrap:wrap;gap:.75rem;font-size:.8rem;color:#6b7280;margin-bottom:.6rem}.so-card-materials{display:flex;flex-wrap:wrap;gap:.35rem;margin-bottom:.6rem}.so-mat-tag{background:#f0f9ff;border:1px solid #bae6fd;color:#0369a1;border-radius:4px;padding:.1rem .5rem;font-size:.78rem}.so-mat-more{color:#9ca3af;font-size:.78rem;padding:.1rem 0;align-self:center}.so-progress-wrap{display:flex;align-items:center;gap:.6rem;margin-bottom:.6rem}.so-progress-bar{flex:1;height:6px;background:#e5e7eb;border-radius:99px;overflow:hidden}.so-progress-fill{height:100%;background:linear-gradient(90deg,#4f46e5,#7c3aed);border-radius:99px;transition:width .3s}.so-progress-label{font-size:.78rem;color:#6b7280;white-space:nowrap}.so-card-dos{display:flex;flex-wrap:wrap;gap:.35rem;margin-bottom:.6rem}.so-do-tag{padding:.1rem .55rem;border-radius:4px;font-size:.75rem;font-weight:500}.so-do-tag--pending{background:#fffbeb;color:#b45309;border:1px solid #fde68a}.so-do-tag--received{background:#f0fdf4;color:#15803d;border:1px solid #bbf7d0}.so-do-pending{font-size:.75rem;color:#d97706;align-self:center}.so-card-footer{display:flex;justify-content:space-between;align-items:center;padding-top:.6rem;border-top:1px solid #f1f5f9;margin-top:.2rem}.so-card-amt{font-weight:700;font-size:1rem;color:#111827}.so-card-actions{display:flex;gap:.5rem}.so-action-btn{font-size:.8rem}.so-ship-btn{background:#eff6ff;color:#1d4ed8;border:1px solid #bfdbfe;border-radius:6px;padding:.3rem .75rem;font-size:.8rem;cursor:pointer;transition:background .15s}.so-ship-btn:hover{background:#dbeafe}.so-pagination{display:flex;align-items:center;justify-content:center;gap:1rem;padding:.85rem 0;font-size:.875rem;color:#6b7280;flex-shrink:0}.so-pagination button{padding:.3rem .75rem;border:1px solid #d1d5db;border-radius:6px;background:#fff;cursor:pointer;font-size:.82rem}.so-pagination button:disabled{opacity:.4;cursor:not-allowed}.so-ai-panel{width:320px;flex-shrink:0;border-left:1px solid #e5e7eb;background:#fafafa;display:flex;flex-direction:column;height:100%;overflow:hidden}.so-ai-header{display:flex;align-items:center;gap:.75rem;padding:1rem 1.1rem;border-bottom:1px solid #e5e7eb;background:#fff;flex-shrink:0}.so-ai-icon{font-size:1.5rem}.so-ai-title{font-weight:600;font-size:.9rem;color:#111827}.so-ai-subtitle{font-size:.75rem;color:#6b7280;margin-top:.1rem}.so-ai-messages{flex:1;overflow-y:auto;padding:.75rem .9rem;display:flex;flex-direction:column;gap:.6rem}.so-ai-row{display:flex;gap:.5rem;align-items:flex-start}.so-ai-row--user{flex-direction:row-reverse}.so-ai-avatar{font-size:1.1rem;flex-shrink:0;padding-top:.15rem}.so-ai-bubble{max-width:80%;padding:.55rem .75rem;border-radius:10px;font-size:.83rem;line-height:1.55}.so-ai-row--ai .so-ai-bubble{background:#fff;border:1px solid #e5e7eb;color:#1e293b;border-bottom-left-radius:2px}.so-ai-row--user .so-ai-bubble{background:var(--brand, #4f46e5);color:#fff;border-bottom-right-radius:2px}.so-ai-time{font-size:.68rem;color:#9ca3af;margin-top:.3rem;text-align:right}.so-ai-row--ai .so-ai-time{text-align:left}.so-ai-thinking{display:flex;gap:.3rem;align-items:center;padding:.5rem .75rem}.so-ai-thinking span{width:6px;height:6px;background:#9ca3af;border-radius:50%;animation:soThink 1.2s infinite}.so-ai-thinking span:nth-child(2){animation-delay:.2s}.so-ai-thinking span:nth-child(3){animation-delay:.4s}@keyframes soThink{0%,80%,to{transform:scale(1);opacity:.5}40%{transform:scale(1.3);opacity:1}}.so-ai-quick{padding:.5rem .9rem;display:flex;flex-wrap:wrap;gap:.35rem;border-top:1px solid #f1f5f9}.so-ai-quick-btn{background:#eff6ff;border:1px solid #bfdbfe;color:#1d4ed8;border-radius:99px;padding:.2rem .7rem;font-size:.75rem;cursor:pointer;transition:background .12s;white-space:nowrap}.so-ai-quick-btn:hover{background:#dbeafe}.so-ai-input-area{display:flex;gap:.5rem;padding:.75rem .9rem;border-top:1px solid #e5e7eb;background:#fff;flex-shrink:0}.so-ai-input{flex:1;resize:none;border:1px solid #d1d5db;border-radius:8px;padding:.45rem .65rem;font-size:.82rem;font-family:inherit;line-height:1.4}.so-ai-input:focus{outline:none;border-color:var(--brand, #4f46e5)}.so-ai-send-btn{padding:0 .85rem;background:var(--brand, #4f46e5);color:#fff;border:none;border-radius:8px;cursor:pointer;font-size:.82rem;font-weight:500;flex-shrink:0;align-self:flex-end;height:54px}.so-ai-send-btn:disabled{opacity:.5;cursor:not-allowed}.so-ship-modal{width:680px;max-width:95vw;max-height:85vh;display:flex;flex-direction:column}.so-ship-docno{font-size:.8rem;color:#6b7280;margin-left:.5rem;font-family:monospace}.so-ship-tip{font-size:.82rem;color:#374151;background:#f0f9ff;border:1px solid #bae6fd;border-radius:6px;padding:.55rem .75rem;margin-bottom:.75rem}.so-ship-fill-all{margin-bottom:.6rem}.so-ship-table-wrap{overflow-y:auto;flex:1;border:1px solid #e5e7eb;border-radius:8px;margin-bottom:.75rem}.so-ship-table{width:100%;border-collapse:collapse;font-size:.85rem}.so-ship-table th{background:#f8fafc;padding:.55rem .75rem;text-align:left;font-size:.78rem;color:#64748b;font-weight:600;border-bottom:1px solid #e2e8f0;white-space:nowrap}.so-ship-table td{padding:.6rem .75rem;border-bottom:1px solid #f1f5f9;vertical-align:middle}.so-ship-row--done td{opacity:.5}.so-ship-name{font-weight:500;color:#1e293b}.so-ship-spec{color:#6b7280;font-size:.8rem}.so-ship-num{color:#374151;text-align:right}.so-ship-num--shipped{color:#2563eb}.so-ship-qty-col{text-align:center}.so-ship-qty-input{width:70px;padding:.3rem .45rem;border:1px solid #d1d5db;border-radius:5px;font-size:.875rem;text-align:center}.so-ship-qty-input:focus{outline:none;border-color:var(--brand, #4f46e5)}.so-ship-unit{font-size:.75rem;color:#6b7280;margin-left:.3rem}.so-done-tag{background:#f0fdf4;color:#15803d;border:1px solid #bbf7d0;border-radius:4px;padding:.1rem .4rem;font-size:.72rem}.so-ship-summary{font-size:.85rem;color:#374151;text-align:right;margin-bottom:.5rem}@media(max-width:1024px){.so-ai-panel{display:none}}.so-steps{display:flex;align-items:center;gap:.35rem;padding:.6rem 0;margin-bottom:.75rem;border-bottom:1px solid #f1f5f9}.so-step{font-size:.8rem;color:#9ca3af;padding:.15rem .5rem;border-radius:99px}.so-step--active{background:var(--brand, #4f46e5);color:#fff;font-weight:600}.so-step--done{background:#dcfce7;color:#15803d;font-weight:600}.so-step-sep{color:#d1d5db;font-size:.85rem}.so-after-dialog{width:480px}.so-after-tip{font-size:.875rem;color:#374151;margin:0 0 1rem}.so-after-actions{display:flex;flex-direction:column;gap:.65rem;margin-bottom:.5rem}.so-after-btn{display:flex;align-items:center;gap:1rem;border:1.5px solid #e5e7eb;border-radius:12px;padding:1rem 1.1rem;cursor:pointer;background:#fff;text-align:left;transition:border-color .15s,box-shadow .15s;width:100%}.so-after-btn:hover{border-color:#c7d2fe;box-shadow:0 2px 8px #4f46e514}.so-after-btn--box:hover{border-color:#a5b4fc}.so-after-btn--print:hover{border-color:#86efac}.so-after-icon{font-size:1.8rem;flex-shrink:0}.so-after-btn-title{font-weight:600;font-size:.9rem;color:#1e293b;margin-bottom:.2rem}.so-after-btn-desc{font-size:.78rem;color:#6b7280}.dpp-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;z-index:1060;display:flex;align-items:stretch;justify-content:flex-end}.dpp-panel{width:min(860px,96vw);height:100%;background:#fff;display:flex;flex-direction:column;box-shadow:-6px 0 32px #00000026;animation:dppSlideIn .22s ease}@keyframes dppSlideIn{0%{transform:translate(100%)}to{transform:translate(0)}}.dpp-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.25rem;border-bottom:1px solid #e5e7eb;flex-shrink:0}.dpp-header h3{margin:0;font-size:1.05rem}.dpp-docno{font-size:.8rem;color:#6b7280;margin-left:.5rem;font-family:monospace}.dpp-toolbar{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.75rem 1.25rem;border-bottom:1px solid #e5e7eb;flex-shrink:0;flex-wrap:wrap}.dpp-tpl-wrap{display:flex;align-items:center;gap:.6rem;flex:1;min-width:0}.dpp-tpl-label{font-size:.82rem;color:#374151;white-space:nowrap;font-weight:500}.dpp-tpl-select{flex:1;min-width:0;padding:.35rem .6rem;border:1px solid #d1d5db;border-radius:6px;font-size:.85rem}.dpp-loading-hint{font-size:.8rem;color:#9ca3af}.dpp-no-tpl{font-size:.8rem;color:#6b7280}.dpp-tpl-link{color:var(--brand, #4f46e5);margin-left:.4rem;font-size:.8rem}.dpp-actions{display:flex;gap:.5rem;flex-shrink:0}.dpp-btn{font-size:.85rem}.dpp-preview-wrap{flex:1;overflow:hidden;background:#f1f5f9;padding:.75rem}.dpp-iframe{width:100%;height:100%;border:none;border-radius:8px;background:#fff;box-shadow:0 2px 12px #0000001a}.dpp-footer-tip{padding:.55rem 1.25rem;font-size:.75rem;color:#9ca3af;border-top:1px solid #f1f5f9;flex-shrink:0}.so-do-row{display:flex;align-items:center;justify-content:space-between;gap:.5rem;margin-bottom:.3rem}.so-do-ops{display:flex;gap:.25rem;flex-shrink:0}.so-do-op-btn{padding:.15rem .5rem;font-size:.72rem;border-radius:4px;border:1px solid #d1d5db;background:#f9fafb;color:#374151;cursor:pointer;line-height:1.4;transition:background .12s,border-color .12s;white-space:nowrap}.so-do-op-btn:hover{background:#eff6ff;border-color:#93c5fd;color:#1d4ed8}.so-do-more{font-size:.75rem;color:#6b7280;margin-top:.15rem}.po-form-page{display:flex;flex-direction:column;height:100vh;overflow:hidden;background:#f8fafc}.pof-topbar{display:flex;align-items:center;gap:1rem;padding:0 1.5rem;height:52px;background:#fff;border-bottom:1px solid #e2e8f0;flex-shrink:0;box-shadow:0 1px 3px #0000000f}.pof-back{background:none;border:none;color:var(--brand);cursor:pointer;font-size:.875rem;padding:0}.pof-title{margin:0;font-size:1.1rem;font-weight:600;flex:1}.pof-actions{display:flex;align-items:center;gap:.65rem}.pof-error{font-size:.82rem;color:#ef4444}.pof-btn-primary{background:var(--brand);color:#fff;border:none;border-radius:6px;padding:.42rem 1.1rem;font-size:.875rem;font-weight:500;cursor:pointer}.pof-btn-primary:disabled{opacity:.5;cursor:not-allowed}.pof-btn-secondary{background:#fff;color:#374151;border:1px solid #d1d5db;border-radius:6px;padding:.42rem 1rem;font-size:.875rem;cursor:pointer}.pof-header-bar{display:flex;align-items:flex-end;flex-wrap:wrap;gap:.5rem 1.25rem;padding:.85rem 1.5rem;background:#fff;border-bottom:1px solid #e2e8f0;flex-shrink:0}.pof-field{display:flex;flex-direction:column;gap:.2rem;min-width:0}.pof-field-supplier{min-width:220px}.pof-field-grow{flex:1;min-width:180px}.pof-label{font-size:.72rem;font-weight:600;color:#94a3b8;letter-spacing:.04em;text-transform:uppercase;white-space:nowrap}.pof-input,.pof-select{padding:.38rem .6rem;border:1px solid #e2e8f0;border-radius:6px;font-size:.875rem;background:#fff;outline:none}.pof-input:focus,.pof-select:focus{border-color:var(--brand)}.pof-supplier-selected{display:flex;align-items:center;gap:.5rem;padding:.38rem .65rem;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:6px;font-size:.875rem;font-weight:500;color:#15803d}.pof-supplier-selected button{background:none;border:none;color:#86efac;cursor:pointer;font-size:1rem;padding:0;line-height:1}.pof-supplier-selected button:hover{color:#ef4444}.pof-pick-btn{padding:.38rem .75rem;background:#f9fafb;border:1px dashed #d1d5db;border-radius:6px;font-size:.875rem;color:#9ca3af;cursor:pointer;transition:all .15s}.pof-pick-btn:hover{border-color:var(--brand);color:var(--brand);background:#eff6ff}.poss-wrap{flex:1;display:flex;flex-direction:column;overflow:hidden}.poss-toolbar{display:flex;align-items:center;justify-content:space-between;padding:.65rem 1.5rem;background:#f8fafc;border-bottom:1px solid #e2e8f0;flex-shrink:0}.poss-section-title{font-size:.82rem;font-weight:600;color:#475569}.poss-add-row{background:none;border:1px dashed #94a3b8;color:#64748b;padding:.3rem .85rem;border-radius:5px;cursor:pointer;font-size:.82rem;transition:all .15s}.poss-add-row:hover{border-color:var(--brand);color:var(--brand);background:#eff6ff}.poss-scroll{flex:1;overflow:auto}.poss-table{width:100%;border-collapse:collapse;table-layout:fixed;font-size:.84rem;background:#fff}.poss-head-row th{position:sticky;top:0;z-index:10;background:#f1f5f9;padding:.55rem .6rem;text-align:left;font-size:.74rem;font-weight:600;color:#64748b;border-bottom:2px solid #e2e8f0;white-space:nowrap}.poss-row:hover td{background:#f8faff}.poss-cell{padding:.3rem .5rem;border-bottom:1px solid #f1f5f9;border-right:1px solid #f1f5f9;vertical-align:middle}.poss-cell:focus-within{outline:2px solid #93c5fd;outline-offset:-2px;background:#eff6ff;position:relative;z-index:2}.poss-cell-no{text-align:center;color:#94a3b8;font-size:.75rem;font-weight:600;border-bottom:1px solid #f1f5f9;padding:.3rem 0}.poss-cell-mat{cursor:pointer;background:#fafcff;-webkit-user-select:none;user-select:none}.poss-cell-mat:hover{background:#eff6ff}.poss-mat-cell{display:flex;align-items:center;gap:.4rem;min-width:0}.poss-mat-code{color:#94a3b8;font-size:.75rem;white-space:nowrap;flex-shrink:0}.poss-mat-name{font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.poss-hint-dot{font-size:.75rem;cursor:help;flex-shrink:0}.poss-placeholder{color:#c0c9d4;font-style:italic}.poss-inline-input{width:100%;border:none;outline:none;background:transparent;font-size:.84rem;color:#1e293b;padding:.15rem 0;font-family:inherit}.poss-inline-input:focus{color:#1e40af}.poss-num{text-align:right;font-variant-numeric:tabular-nums}.poss-unit{text-align:center}.poss-tax-row{display:flex;align-items:center;gap:.25rem}.poss-tax-input{width:38px!important}.poss-tax-pct{font-size:.78rem;color:#94a3b8;flex-shrink:0}.poss-tax-chips{display:flex;gap:.2rem}.poss-chip{font-size:.68rem;padding:.1rem .28rem;border-radius:3px;background:#f1f5f9;color:#64748b;cursor:pointer;border:1px solid transparent;transition:all .1s}.poss-chip:hover{background:#e0e7ff;color:var(--brand)}.poss-chip-active{background:var(--brand);color:#fff}.poss-subtotal{text-align:right;font-weight:500;color:#374151;padding-right:.75rem;cursor:default}.poss-del{text-align:center;cursor:default}.poss-del-btn{background:none;border:none;color:#d1d5db;cursor:pointer;font-size:1rem;padding:.1rem .3rem;border-radius:3px;line-height:1;transition:all .12s}.poss-del-btn:hover{color:#ef4444;background:#fef2f2}.poss-total-row td{padding:.45rem .6rem;border-top:1px solid #e2e8f0;background:#eff6ff}.poss-total-label{text-align:right;font-weight:600;font-size:.9rem;color:#1d4ed8;padding-right:.75rem}.poss-total-val{text-align:right;font-size:1.1rem;font-weight:700;color:#1d4ed8;padding-right:.75rem;font-variant-numeric:tabular-nums}.poss-total-cny{display:block;font-size:11px;font-weight:400;color:#6b7280;margin-top:2px}.pf-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a66;z-index:1000;display:flex;align-items:flex-start;justify-content:center;padding-top:80px}.pf-panel{background:#fff;border-radius:12px;width:520px;max-width:95vw;max-height:70vh;display:flex;flex-direction:column;box-shadow:0 24px 64px #0000002e;overflow:hidden}.pf-search{display:flex;gap:.5rem;padding:1rem 1.1rem;border-bottom:1px solid #e2e8f0}.pf-search input{flex:1;padding:.5rem .75rem;border:1.5px solid #e2e8f0;border-radius:7px;font-size:.9rem;outline:none}.pf-search input:focus{border-color:var(--brand)}.pf-search button{padding:.5rem 1.25rem;background:var(--brand);color:#fff;border:none;border-radius:7px;cursor:pointer;font-weight:500}.pf-list{flex:1;overflow-y:auto}.pf-item{display:flex;align-items:center;gap:.6rem;padding:.75rem 1.1rem;cursor:pointer;font-size:.875rem;border-bottom:1px solid #f8fafc;transition:background .08s}.pf-item:hover{background:#f0f9ff}.pf-code{color:#94a3b8;font-size:.78rem;min-width:80px}.pf-name{font-weight:500;flex:1}.pf-spec{font-size:.78rem;color:#64748b;background:#f1f5f9;padding:.1rem .45rem;border-radius:4px}.pf-unit{color:#94a3b8;font-size:.78rem;white-space:nowrap}.pf-empty{padding:2.5rem;text-align:center;color:#94a3b8}.ss-toolbar-right{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.ss-import-btn{display:inline-flex;align-items:center;gap:.3rem;padding:.3rem .8rem;border-radius:5px;font-size:.8rem;font-weight:500;cursor:pointer;white-space:nowrap;transition:all .15s;border:1px solid transparent;line-height:1.4;-webkit-user-select:none;user-select:none}.ss-import-ai{background:#eff6ff;color:#2563eb;border-color:#bfdbfe}.ss-import-ai:hover{background:#dbeafe;border-color:#93c5fd}.ss-import-excel{background:#f0fdf4;color:#16a34a;border-color:#bbf7d0}.ss-import-excel:hover{background:#dcfce7;border-color:#86efac}.ss-import-img{background:#fff7ed;color:#ea580c;border-color:#fed7aa}.ss-import-img:hover{background:#ffedd5;border-color:#fdba74}.poss-mat-pending{font-size:.78rem;flex-shrink:0;cursor:help}.poss-mat-unconfirmed{color:#92400e;font-style:italic;text-decoration:underline dotted #d97706}.sim-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a73;z-index:1100;display:flex;align-items:flex-start;justify-content:center;padding-top:80px}.sim-panel{background:#fff;border-radius:14px;width:560px;max-width:96vw;box-shadow:0 24px 64px #0003;display:flex;flex-direction:column;overflow:hidden;max-height:80vh}.sim-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.25rem .75rem;border-bottom:1px solid #e2e8f0;flex-shrink:0}.sim-title{font-size:1rem;font-weight:700;color:#1e293b}.sim-close{background:none;border:none;font-size:1.3rem;color:#94a3b8;cursor:pointer;padding:0 .25rem;line-height:1;transition:color .12s}.sim-close:hover{color:#ef4444}.sim-tabs{display:flex;padding:0 1.25rem;border-bottom:1px solid #e2e8f0;flex-shrink:0}.sim-tab{background:none;border:none;border-bottom:2px solid transparent;padding:.65rem .85rem;font-size:.85rem;font-weight:500;color:#64748b;cursor:pointer;transition:all .15s;white-space:nowrap;margin-bottom:-1px}.sim-tab:hover{color:#2563eb}.sim-tab-active{color:#2563eb;border-bottom-color:#2563eb}.sim-body{padding:1.25rem;flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:.75rem}.sim-ai{display:flex;flex-direction:column;gap:.5rem}.sim-hint{margin:0;font-size:.82rem;color:#475569;line-height:1.5}.sim-example{margin:0;font-size:.78rem;color:#94a3b8;background:#f8fafc;border-left:3px solid #bfdbfe;padding:.35rem .65rem;border-radius:0 4px 4px 0}.sim-textarea{width:100%;padding:.65rem .85rem;border:1.5px solid #e2e8f0;border-radius:8px;font-size:.875rem;font-family:inherit;line-height:1.6;resize:vertical;outline:none;transition:border-color .15s;box-sizing:border-box}.sim-textarea:focus{border-color:#93c5fd}.sim-footer{display:flex;align-items:center;justify-content:flex-end;gap:.75rem;margin-top:.25rem}.sim-tip{font-size:.75rem;color:#94a3b8;flex:1}.sim-btn-primary{padding:.45rem 1.25rem;background:var(--brand);color:#fff;border:none;border-radius:7px;font-size:.875rem;font-weight:500;cursor:pointer;transition:opacity .15s;white-space:nowrap}.sim-btn-primary:disabled{opacity:.45;cursor:not-allowed}.sim-upload{display:flex;flex-direction:column;gap:.5rem}.sim-drop-zone{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.4rem;padding:2.5rem 1.5rem;border:2px dashed #cbd5e1;border-radius:10px;cursor:pointer;background:#f8fafc;transition:all .15s}.sim-drop-zone:hover{border-color:var(--brand);background:#eff6ff}.sim-drop-icon{font-size:2rem;line-height:1}.sim-drop-label{font-size:.9rem;font-weight:500;color:#374151}.sim-drop-sub{font-size:.77rem;color:#94a3b8;text-align:center}.sim-error{font-size:.82rem;color:#dc2626;background:#fef2f2;border:1px solid #fecaca;border-radius:7px;padding:.6rem .85rem;white-space:pre-wrap;line-height:1.5}.spp-list{display:flex;flex-direction:column;gap:0;padding:.25rem 0}.spp-row{display:flex;align-items:flex-start;gap:.75rem;min-height:44px}.spp-left{display:flex;flex-direction:column;align-items:center;flex-shrink:0;width:20px;padding-top:2px}.spp-icon{font-size:1rem;font-weight:700;line-height:1;width:20px;text-align:center;flex-shrink:0}@keyframes spp-rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.spp-spin{display:inline-block;animation:spp-rotate 1s linear infinite}.spp-line{width:2px;flex:1;min-height:16px;background:#e2e8f0;margin:4px 0 0}.spp-content{display:flex;flex-direction:column;gap:.15rem;padding-bottom:.75rem;flex:1;min-width:0}.spp-label{font-size:.875rem;font-weight:600;line-height:1.3}.spp-detail{font-size:.78rem;color:#64748b;line-height:1.4}.spp-row-done .spp-line{background:#bbf7d0}.spp-row-error .spp-line{background:#fecaca}.sim-progress{display:flex;flex-direction:column;gap:1rem}.sim-progress-title{margin:0;font-size:.875rem;font-weight:600;color:#374151}.sim-progress-actions{display:flex;flex-direction:column;gap:.65rem}.sim-btn-secondary{padding:.42rem 1rem;background:#fff;color:#374151;border:1px solid #d1d5db;border-radius:7px;font-size:.875rem;cursor:pointer;transition:all .12s;align-self:flex-start}.sim-btn-secondary:hover{background:#f9fafb;border-color:#9ca3af}.sim-summary{background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;padding:1rem 1.1rem;display:flex;flex-direction:column;gap:.65rem}.sim-summary-title{font-size:.9rem;font-weight:700;color:#15803d}.sim-summary-rows{display:flex;flex-direction:column;gap:.35rem}.sim-summary-row{display:flex;align-items:baseline;gap:.5rem;font-size:.82rem}.sim-sl{color:#94a3b8;min-width:64px;flex-shrink:0;font-size:.78rem}.sim-sv{color:#1e293b;font-weight:500}.sim-summary-new .sim-sv{color:#2563eb}.sim-summary-warn .sim-sv{color:#d97706}.sim-summary-btns{display:flex;gap:.65rem;justify-content:flex-end;padding-top:.35rem;border-top:1px solid #e2e8f0;margin-top:.25rem}.poss-stock-badge{display:inline-flex;align-items:center;gap:.18rem;font-size:.7rem;font-weight:500;padding:.1rem .45rem;border-radius:999px;white-space:nowrap;flex-shrink:0;cursor:help;line-height:1.5;pointer-events:auto}.poss-stock-badge{position:relative;z-index:1}.poss-stock-loading{background:#f1f5f9;color:#94a3b8;animation:poss-pulse 1.2s ease-in-out infinite}@keyframes poss-pulse{0%,to{opacity:1}50%{opacity:.45}}.poss-stock-sufficient{background:#f0fdf4;color:#15803d;border:1px solid #bbf7d0}.poss-stock-low{background:#fffbeb;color:#b45309;border:1px solid #fde68a}.poss-stock-urgent{background:#fef2f2;color:#b91c1c;border:1px solid #fecaca;font-weight:600}.poss-stock-no_data{background:#f8fafc;color:#94a3b8;border:1px solid #e2e8f0}.mfg-detail-page{padding:24px;max-width:1200px;margin:0 auto}.mfg-loading{padding:60px;text-align:center;color:#888}.mfg-header{margin-bottom:20px}.btn-back{background:none;border:none;color:#2563eb;cursor:pointer;font-size:14px;padding:0 0 8px}.mfg-header-main{display:flex;align-items:center;gap:12px}.mfg-header-main h1{font-size:22px;font-weight:700;margin:0}.mfg-source-link{font-size:13px;color:#666;margin-top:4px}.mfg-source-link a{color:#2563eb;text-decoration:none}.status-badge{padding:3px 10px;border-radius:12px;font-size:12px;font-weight:600}.source-badge{padding:2px 8px;border-radius:10px;font-size:11px;font-weight:600}.source-badge--mrp{background:#ede9fe;color:#7c3aed}.source-badge--manual{background:#fef3c7;color:#92400e}.mfg-tabs{display:flex;gap:4px;border-bottom:2px solid #e5e7eb;margin-bottom:24px}.mfg-tab{padding:10px 20px;border:none;background:none;cursor:pointer;font-size:14px;color:#6b7280;border-bottom:2px solid transparent;margin-bottom:-2px;transition:all .15s}.mfg-tab:hover{color:#2563eb}.mfg-tab.active{color:#2563eb;border-bottom-color:#2563eb;font-weight:600}.tab-toolbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.tab-toolbar h3{margin:0;font-size:16px}.empty-tip{padding:40px;text-align:center;color:#9ca3af;background:#f9fafb;border-radius:8px}.info-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px;margin-bottom:24px}.info-item label{font-size:12px;color:#9ca3af;display:block;margin-bottom:4px}.info-item span,.info-item a{font-size:14px;color:#111}.info-item a.link{color:#2563eb;text-decoration:none}.progress-section{margin-bottom:24px}.progress-header{display:flex;justify-content:space-between;font-size:13px;margin-bottom:6px}.progress-bar{height:8px;background:#e5e7eb;border-radius:4px;overflow:hidden}.progress-fill{height:100%;background:#2563eb;border-radius:4px;transition:width .3s}.section-title{font-size:15px;margin:20px 0 10px}.detail-table,.form-table,.pk-lines-table,.rc-lines-table{width:100%;border-collapse:collapse;font-size:13px}.detail-table th,.form-table th,.pk-lines-table th,.rc-lines-table th{background:#f3f4f6;padding:8px 12px;text-align:left;font-weight:600;color:#374151}.detail-table td,.form-table td,.pk-lines-table td,.rc-lines-table td{padding:8px 12px;border-bottom:1px solid #f3f4f6;vertical-align:middle}.progress-pill{padding:2px 8px;border-radius:10px;background:#eff6ff;color:#2563eb;font-size:12px}.progress-pill.done{background:#d1fae5;color:#047857}.schedule-list{display:flex;flex-direction:column;gap:12px}.schedule-card{border:1px solid #e5e7eb;border-radius:8px;padding:16px;background:#fff}.sc-header{display:flex;align-items:center;gap:10px;margin-bottom:8px}.sc-docno{font-weight:700;font-size:14px}.sc-status{padding:2px 8px;border-radius:10px;font-size:12px;font-weight:600}.sc-status--pending{background:#fef9c3;color:#854d0e}.sc-status--in_progress{background:#dbeafe;color:#1d4ed8}.sc-status--done{background:#d1fae5;color:#047857}.sc-status--cancelled{background:#f3f4f6;color:#9ca3af}.sc-meta{font-size:12px;color:#6b7280;display:flex;gap:16px;margin-bottom:8px}.sc-lines{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:10px}.sc-line-tag{background:#eff6ff;color:#2563eb;padding:2px 8px;border-radius:10px;font-size:12px}.sc-progress{font-size:12px;color:#047857;background:#d1fae5;padding:2px 8px;border-radius:10px;margin-left:auto}.sc-progress strong{color:#047857}.sc-remark{font-size:12px;color:#9ca3af;margin-bottom:8px}.sc-line-table{margin:12px 0;border:1px solid #e5e7eb;border-radius:6px;overflow:hidden}.sc-line-table table{width:100%;border-collapse:collapse;font-size:13px}.sc-line-table th,.sc-line-table td{padding:8px 12px;text-align:left;border-bottom:1px solid #f3f4f6}.sc-line-table thead th{background:#f9fafb;font-weight:600;color:#374151;font-size:12px}.sc-line-table tbody tr:last-child td{border-bottom:none}.sc-line-table tbody tr:hover{background:#f9fafb}.sc-line-table td small{color:#9ca3af;font-size:11px}.sc-line-table .qty-highlight{color:#047857;font-weight:600}.sc-line-table .qty-zero{color:#d1d5db}.sc-line-table .price-tag{color:#dc2626;font-weight:600}.sc-line-table .no-price{color:#d1d5db}.sc-line-table .location-tag{background:#dbeafe;color:#1d4ed8;padding:2px 8px;border-radius:6px;font-size:12px;font-weight:500}.sc-line-table .no-location{color:#d1d5db;font-size:12px}.picking-list{display:flex;flex-direction:column;gap:12px}.picking-card{border:1px solid #e5e7eb;border-radius:8px;padding:16px;background:#fff}.pk-header{display:flex;align-items:center;gap:10px;margin-bottom:10px;flex-wrap:wrap}.pk-docno{font-weight:700;font-size:14px}.pk-status{padding:2px 8px;border-radius:10px;font-size:12px;font-weight:600}.pk-status--draft{background:#f3f4f6;color:#6b7280}.pk-status--picked{background:#d1fae5;color:#047857}.pk-status--partial_returned{background:#fef3c7;color:#92400e}.pk-status--returned{background:#e0e7ff;color:#4338ca}.pk-status--cancelled{background:#fee2e2;color:#b91c1c}.pk-wh{font-size:12px;color:#6b7280}.pk-time{font-size:12px;color:#9ca3af;margin-left:auto}.pk-actions{display:flex;gap:8px;margin-top:10px}.bom-expand-bar{padding:12px 0}.row-warn td{background:#fff7ed}.qty-warn{color:#dc2626;font-weight:600}.receipt-list{display:flex;flex-direction:column;gap:12px}.receipt-card{border:1px solid #e5e7eb;border-radius:8px;padding:16px;background:#fff}.rc-header{display:flex;align-items:center;gap:10px;margin-bottom:10px;flex-wrap:wrap}.rc-docno{font-weight:700;font-size:14px}.rc-status{padding:2px 8px;border-radius:10px;font-size:12px;font-weight:600}.rc-status--draft{background:#f3f4f6;color:#6b7280}.rc-status--shelved{background:#d1fae5;color:#047857}.rc-status--reversed{background:#fee2e2;color:#b91c1c}.rc-wh{font-size:12px;color:#6b7280}.rc-time{font-size:12px;color:#9ca3af;margin-left:auto}.rc-actions{display:flex;gap:8px;margin-top:10px}.add-receipt-line{margin-top:10px}.add-receipt-line select{padding:6px 10px;border:1px dashed #d1d5db;border-radius:6px;font-size:13px;width:100%}.btn{padding:8px 16px;border-radius:6px;border:none;cursor:pointer;font-size:14px;font-weight:500;transition:opacity .15s}.btn:hover{opacity:.85}.btn-primary{background:#2563eb;color:#fff}.btn-secondary{background:#f3f4f6;color:#374151;border:1px solid #d1d5db}.btn-danger{background:#fee2e2;color:#b91c1c}.btn-sm{padding:4px 10px;font-size:12px}.btn-icon{background:none;border:none;cursor:pointer;color:#9ca3af;font-size:14px;padding:2px 6px}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;z-index:1000;display:flex;align-items:center;justify-content:center}.modal-content{background:#fff;border-radius:12px;padding:24px;width:580px;max-width:95vw;max-height:90vh;overflow-y:auto}.modal-lg{width:900px}.modal-content h3{margin:0 0 16px;font-size:18px}.modal-content h4{font-size:14px;margin:16px 0 8px}.modal-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:20px}.form-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:12px;margin-bottom:16px}.form-grid label,.full-width{display:flex;flex-direction:column;gap:4px;font-size:13px;color:#374151}.form-grid label.full-width{grid-column:1/-1}.form-grid input,.form-grid select,.form-grid textarea{border:1px solid #d1d5db;border-radius:6px;padding:7px 10px;font-size:13px}.required{color:#dc2626}.row-done td{opacity:.5}.qty-highlight{color:#2563eb;font-weight:600}.qty-zero{color:#d1d5db}.estimate-card{background:linear-gradient(135deg,#eff6ff,#f0fdf4);border:1px solid #bfdbfe;border-radius:10px;padding:16px 20px;margin-bottom:24px}.estimate-card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.estimate-title{font-size:14px;font-weight:600;color:#1e40af}.estimate-body{display:flex;flex-direction:column;gap:10px}.estimate-result-row{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.estimate-date-block{display:flex;flex-direction:column;gap:2px}.estimate-label{font-size:11px;color:#6b7280}.estimate-date{font-size:20px;font-weight:700;color:#1e3a5f;letter-spacing:.5px}.estimate-date--ship{color:#065f46}.estimate-arrow{font-size:20px;color:#9ca3af;margin:0 4px}.estimate-confidence{margin-left:auto}.confidence-pill{display:inline-block;padding:3px 10px;border-radius:20px;font-size:12px;font-weight:600}.estimate-summary{font-size:13px;color:#374151;margin:0;padding:6px 10px;background:#fff9;border-radius:6px}.estimate-queue-hint{font-size:12px;color:#92400e;background:#fef3c7;padding:5px 10px;border-radius:6px;margin:0}.estimate-hint{font-size:13px;color:#9ca3af;margin:4px 0 0}.estimate-details{margin-top:4px}.estimate-details summary{font-size:12px;color:#4b5563;cursor:pointer;-webkit-user-select:none;user-select:none;padding:4px 0}.estimate-line-table{width:100%;border-collapse:collapse;font-size:12px;margin-top:8px}.estimate-line-table th,.estimate-line-table td{padding:5px 8px;border:1px solid #e5e7eb;text-align:left}.estimate-line-table th{background:#f9fafb;font-weight:600}.match-badge{display:inline-block;padding:2px 7px;border-radius:10px;font-size:11px}.match-badge--data{background:#dcfce7;color:#166534}.match-badge--default{background:#f3f4f6;color:#6b7280}.field-hint{display:block;font-size:11px;color:#9ca3af;margin-top:3px;line-height:1.4}.estimate-inline-loading{display:inline-block;font-size:11px;color:#d97706;background:#fef3c7;padding:2px 8px;border-radius:10px;margin-left:8px;font-weight:500;vertical-align:middle}.field-hint--estimate{color:#065f46!important;background:#d1fae5;padding:4px 8px;border-radius:6px;display:block;margin-top:4px;line-height:1.5}.form-error-inline{width:100%;padding:.5rem .75rem;margin-bottom:.5rem;background:#fef2f2;border:1px solid #fecaca;border-radius:6px;color:#b91c1c;font-size:.8125rem;font-weight:500}.pmcq-page{padding:0 0 40px}.pmcq-tabs{display:flex;gap:4px;padding:0 24px;border-bottom:1px solid #e5e7eb;margin-bottom:16px}.pmcq-tab{display:flex;align-items:center;gap:6px;padding:10px 16px;border:none;background:none;font-size:14px;color:#6b7280;cursor:pointer;border-bottom:2px solid transparent;transition:color .15s}.pmcq-tab:hover{color:#111827}.pmcq-tab--active{color:#2563eb;border-bottom-color:#2563eb;font-weight:600}.pmcq-tab-count{font-size:11px;padding:1px 7px;border-radius:10px;background:#f3f4f6;color:#6b7280;font-weight:600}.pmcq-tab-count--pending{background:#fef3c7;color:#92400e}.pmcq-tab-count--active{background:#dbeafe;color:#1d4ed8}.pmcq-tab-count--done{background:#d1fae5;color:#065f46}.pmcq-search-bar{display:flex;align-items:center;gap:8px;padding:0 24px;margin-bottom:16px}.pmcq-search-input{width:280px;border:1px solid #e5e7eb;border-radius:8px;padding:7px 12px;font-size:14px;outline:none;transition:border-color .15s}.pmcq-search-input:focus{border-color:#2563eb}.pmcq-loading{padding:48px 24px;text-align:center;color:#9ca3af;font-size:14px}.pmcq-empty{display:flex;flex-direction:column;align-items:center;padding:64px 24px;gap:12px;color:#9ca3af;font-size:14px}.pmcq-empty__icon{font-size:40px}.pmcq-table-wrap{padding:0 24px}.pmcq-table{width:100%;border-collapse:collapse;background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 1px 4px #00000012;font-size:13px}.pmcq-table thead th{padding:10px 14px;text-align:left;background:#f9fafb;color:#6b7280;font-weight:500;font-size:12px;border-bottom:1px solid #f0f0f0;white-space:nowrap}.pmcq-table tbody tr{border-bottom:1px solid #f9fafb;transition:background .1s}.pmcq-table tbody tr:last-child{border-bottom:none}.pmcq-table tbody tr:hover{background:#fafafa}.pmcq-table tbody td{padding:10px 14px;vertical-align:top}.pmcq-row--active{background:#fffbeb!important}.pmcq-row--active:hover{background:#fef9c3!important}.pmcq-docno-link{border:none;background:none;cursor:pointer;color:#2563eb;font-weight:600;font-size:13px;padding:0;text-decoration:underline}.pmcq-docno-link:hover{color:#1d4ed8}.pmcq-so-status{display:block;font-size:11px;color:#6b7280;margin-top:2px}.pmcq-so-date{display:block;font-size:11px;color:#9ca3af}.pmcq-customer{font-weight:500;color:#111827;max-width:120px}.pmcq-warehouse{color:#6b7280;font-size:12px;white-space:nowrap}.pmcq-materials{max-width:200px}.pmcq-material-chip{display:inline-block;padding:1px 7px;margin:2px 3px 2px 0;border-radius:8px;background:#f3f4f6;color:#374151;font-size:11px}.pmcq-badge{display:inline-flex;align-items:center;gap:4px;padding:3px 9px;border-radius:10px;font-size:11px;font-weight:600;white-space:nowrap}.pmcq-badge--none{background:#f3f4f6;color:#9ca3af}.pmcq-badge--running{background:#dbeafe;color:#1d4ed8}.pmcq-badge--blocked{background:#fef3c7;color:#92400e}.pmcq-badge--done{background:#d1fae5;color:#065f46}.pmcq-badge--failed{background:#fee2e2;color:#991b1b}.pmcq-spinner{display:inline-block;width:11px;height:11px;border:2px solid #dbeafe;border-top-color:#2563eb;border-radius:50%;animation:pmcq-spin .7s linear infinite}@keyframes pmcq-spin{to{transform:rotate(360deg)}}.pmcq-action-group{display:flex;flex-wrap:wrap;gap:6px}.pmcq-btn{border-radius:7px;padding:5px 14px;font-size:12px;font-weight:500;cursor:pointer;white-space:nowrap;transition:background .12s}.pmcq-btn--primary{background:#2563eb;color:#fff;border:none}.pmcq-btn--primary:hover:not(:disabled){background:#1d4ed8}.pmcq-btn--secondary{background:#fff;color:#374151;border:1px solid #e5e7eb}.pmcq-btn--secondary:hover:not(:disabled){background:#f3f4f6}.pmcq-btn--warn{background:#fef3c7;color:#92400e;border:1px solid #fde68a}.pmcq-btn--warn:hover:not(:disabled){background:#fde68a}.pmcq-btn--sm{padding:3px 10px;font-size:11px}.pmcq-btn--link{color:#6366f1!important;border-color:#e0e7ff!important;background:#f5f3ff!important}.pmcq-btn--link:hover:not(:disabled){background:#ede9fe!important}.pmcq-btn:disabled{opacity:.5;cursor:not-allowed}.pmcq-block-cell{padding:0!important;background:#fffbeb}.pmcq-blocks{padding:8px 16px 12px;display:flex;flex-direction:column;gap:8px}.pmcq-block{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:10px 14px;border-radius:8px;border:1px solid #fde68a;background:#fff}.pmcq-block__info{display:flex;flex-direction:column;gap:3px;flex:1;min-width:0}.pmcq-block__reason{font-size:11px;font-weight:700;color:#b45309;text-transform:uppercase;letter-spacing:.3px}.pmcq-block__desc{font-size:13px;color:#374151}.pmcq-block__actions{display:flex;gap:8px;flex-shrink:0}.pmcq-pagination{display:flex;align-items:center;justify-content:center;gap:12px;padding:16px 0}.pmcq-page-info{font-size:13px;color:#6b7280}