.version{opacity:.8;margin-left:16px;font-size:14px;font-weight:400}.loading-screen{background:#f5f5f5;flex-direction:column;justify-content:center;align-items:center;height:100vh;display:flex}.loading-spinner{border:4px solid #e5e7eb;border-top-color:#667eea;border-radius:50%;width:40px;height:40px;margin-bottom:20px;animation:1s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.animate-spin{animation:1s linear infinite spin}.field-hint{color:#6b7280;font-size:11px}.field-error{color:#ef4444;align-items:center;gap:8px;font-size:11px;display:flex}.btn-link{color:#667eea;font-size:inherit;cursor:pointer;background:0 0;border:none;padding:0;text-decoration:underline}.btn-link:hover{color:#5a67d8}@keyframes fadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.tabs button{align-items:center;gap:8px;display:flex}*{box-sizing:border-box;margin:0;padding:0}:root{--primary:#1677ff;--primary-hover:#0958d9;--primary-light:#e6f4ff;--success:#52c41a;--success-bg:#f6ffed;--danger:#ff4d4f;--danger-bg:#fff2f0;--warning:#faad14;--warning-bg:#fffbe6;--bg:#f5f7fa;--bg-white:#fff;--bg-hover:#f0f5ff;--text-primary:#1a1a2e;--text-secondary:#595959;--text-muted:#8c8c8c;--border:#e8e8e8;--border-hover:#91caff;--border-active:#1677ff;--radius:8px;--radius-lg:12px;--shadow-sm:0 1px 4px #0000000f;--shadow:0 2px 12px #00000014;--shadow-lg:0 8px 32px #0000001f}body{background:var(--bg);color:var(--text-primary);min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Segoe UI,sans-serif;font-size:14px;line-height:1.5715}.container{max-width:1440px;margin:0 auto;padding:0 24px 24px}header{border-bottom:1px solid var(--border);box-shadow:var(--shadow-sm);z-index:100;background:#fff;margin-bottom:24px;padding:0 24px;position:sticky;top:0}header h1{color:var(--text-primary);align-items:center;gap:10px;height:56px;font-size:18px;font-weight:600;display:flex}header h1 svg{color:var(--primary)}.card{background:var(--bg-white);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);margin-bottom:20px;padding:20px 24px}.card h2{color:var(--text-primary);align-items:center;gap:8px;margin-bottom:16px;font-size:16px;font-weight:600;display:flex}.card h2 svg{color:var(--primary)}.tabs{border-bottom:1px solid var(--border);gap:4px;margin-bottom:20px;padding-bottom:0;display:flex}.tab{cursor:pointer;color:var(--text-secondary);background:0 0;border:none;border-bottom:2px solid #0000;border-radius:0;align-items:center;gap:6px;margin-bottom:-1px;padding:10px 16px;font-size:14px;font-weight:500;transition:all .2s;display:flex}.tab:hover:not(.active){color:var(--primary);background:0 0}.tab.active{color:var(--primary);border-bottom-color:var(--primary);background:0 0;font-weight:600}button{border-radius:var(--radius);cursor:pointer;white-space:nowrap;border:1px solid #0000;align-items:center;gap:6px;padding:7px 15px;font-family:inherit;font-size:14px;font-weight:400;transition:all .2s;display:inline-flex}.btn-primary{background:var(--primary);color:#fff;border-color:var(--primary)}.btn-primary:hover{background:var(--primary-hover);border-color:var(--primary-hover)}.btn-primary:disabled{color:#fff;cursor:not-allowed;opacity:.65;background:#bfbfbf;border-color:#bfbfbf}.btn-success{background:var(--success);color:#fff;border-color:var(--success)}.btn-success:hover{background:#389e0d;border-color:#389e0d}.btn-danger{color:var(--danger);border-color:var(--danger);background:0 0}.btn-danger:hover{background:var(--danger-bg)}.btn-secondary{border:1px solid var(--border);color:var(--text-secondary);background:#fff}.btn-secondary:hover{color:var(--primary);border-color:var(--primary);background:var(--primary-light)}.btn-secondary:disabled{color:#bfbfbf;border-color:var(--border);background:var(--bg);cursor:not-allowed}.btn-icon{color:var(--text-muted);background:0 0;border:1px solid #0000;padding:6px 8px}.btn-icon:hover{color:var(--primary);border-color:var(--border);background:var(--bg)}input,textarea,select{border:1px solid var(--border);border-radius:var(--radius);width:100%;color:var(--text-primary);background:#fff;padding:7px 11px;font-family:inherit;font-size:14px;line-height:1.5715;transition:all .2s}input:focus,textarea:focus,select:focus{border-color:var(--border-active);outline:none;box-shadow:0 0 0 2px #1677ff33}input::placeholder,textarea::placeholder{color:#bfbfbf}input:disabled,select:disabled{background:var(--bg);color:var(--text-muted);cursor:not-allowed}textarea{resize:vertical;min-height:80px}table{border-collapse:collapse;width:100%}thead{background:#fafafa}th{text-align:left;border-bottom:1px solid var(--border);color:var(--text-secondary);white-space:nowrap;padding:10px 12px;font-size:13px;font-weight:500}td{color:var(--text-primary);vertical-align:middle;border-bottom:1px solid #f0f0f0;padding:10px 12px;font-size:13px}tbody tr:hover{background:#fafafa}.form-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px;margin-bottom:16px;display:grid}.form-group{flex-direction:column;gap:6px;display:flex}.form-group label{color:var(--text-secondary);font-size:13px;font-weight:500}.form-group label.required:after{content:" *";color:var(--danger)}.tabs button{position:relative}.tab-badge{background:var(--primary);color:#fff;text-align:center;border-radius:10px;min-width:18px;padding:1px 6px;font-size:11px;font-weight:600;line-height:16px}.tab-badge.draft{background:var(--warning);color:#fff}.search-box{margin-bottom:16px;position:relative}.search-box input{box-sizing:border-box;height:36px;padding-left:36px}.search-icon{color:var(--text-muted);pointer-events:none;position:absolute;top:50%;left:10px;transform:translateY(-50%)}.badge{border-radius:10px;align-items:center;padding:2px 8px;font-size:12px;font-weight:500;display:inline-flex}.badge-blue{color:#1677ff;background:#e6f4ff}.badge-green{color:#52c41a;background:#f6ffed}.badge-orange{color:#fa8c16;background:#fff7e6}.badge-gold{color:#d48806;background:#fffbe6}.badge-gray{color:#8c8c8c;background:#f5f5f5}.empty-state{text-align:center;color:var(--text-muted);padding:48px 20px}.empty-state svg{opacity:.25;width:56px;height:56px;color:var(--text-muted);margin-bottom:12px}.empty-state p{color:var(--text-muted);margin-bottom:16px;font-size:14px}.modal-overlay{z-index:1000;background:#00000073;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal{border-radius:var(--radius-lg);background:#fff;width:90%;max-width:800px;max-height:90vh;overflow-y:auto;box-shadow:0 6px 40px #00000026}.modal-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.modal-header h3{color:var(--text-primary);font-size:16px;font-weight:600}.modal-close{color:var(--text-muted);cursor:pointer;border-radius:var(--radius);background:0 0;border:none;padding:4px;display:flex}.modal-close:hover{color:var(--text-primary);background:var(--bg)}.modal-body{padding:20px}.modal-footer{border-top:1px solid var(--border);justify-content:flex-end;gap:8px;padding:12px 20px;display:flex}.toast{border-radius:var(--radius);z-index:2000;box-shadow:var(--shadow-lg);padding:12px 20px;font-size:14px;font-weight:500;animation:.3s slideIn;position:fixed;top:24px;right:24px}.toast.success{background:var(--success-bg);color:#135200;border:1px solid #b7eb8f}.toast.error{background:var(--danger-bg);color:#a8071a;border:1px solid #ffa39e}@keyframes slideIn{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}.loading-screen{background:var(--bg);height:100vh;color:var(--text-secondary);flex-direction:column;justify-content:center;align-items:center;gap:16px;display:flex}.loading-spinner{border:3px solid var(--border);border-top-color:var(--primary);border-radius:50%;width:40px;height:40px;animation:.8s linear infinite spin}.app{min-height:100vh}.version{color:var(--text-muted);margin-left:8px;font-size:12px;font-style:italic;font-weight:400}.card-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.card-header h2{margin:0}.tab-content{animation:.2s fadeIn}.form-actions{border-top:1px solid var(--border);flex-wrap:wrap;align-items:center;gap:8px;margin-top:16px;padding:16px 0 0;display:flex}.divider{background:var(--border);height:1px;margin:16px 0}.tag{background:var(--primary-light);color:var(--primary);border:1px solid #91caff;border-radius:4px;align-items:center;padding:2px 8px;font-size:12px;display:inline-flex}.alert{border-radius:var(--radius);align-items:flex-start;gap:8px;padding:10px 16px;font-size:14px;display:flex}.alert-warning{background:var(--warning-bg);color:#614700;border:1px solid #ffe58f}.alert-info{background:var(--primary-light);color:#003eb3;border:1px solid #91caff}.icbu-tabs{border-bottom:2px solid var(--border);gap:0;margin-bottom:16px;display:flex}.icbu-tab{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;align-items:center;gap:6px;margin-bottom:-2px;padding:10px 20px;font-size:14px;transition:all .2s;display:flex}.icbu-tab:hover{color:var(--primary)}.icbu-tab.active{color:var(--primary);border-bottom-color:var(--primary);font-weight:500}.icbu-card{background:var(--bg-white);border-radius:var(--radius);border:1px solid var(--border);padding:24px}.icbu-card h3{color:var(--text-primary);align-items:center;font-size:18px;display:flex}.icbu-info-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.icbu-info-item{flex-direction:column;gap:4px;display:flex}.icbu-info-label{color:var(--text-muted);font-size:12px;font-weight:500}.icbu-info-value{color:var(--text-primary);word-break:break-all;font-size:14px}.icbu-image-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:12px;display:grid}.icbu-image-item{border:1px solid var(--border);border-radius:8px;transition:box-shadow .2s;overflow:hidden}.icbu-image-item:hover{box-shadow:0 4px 12px #0000001a}.icbu-image-item img{object-fit:cover;width:100%;height:140px;display:block}.icbu-image-placeholder{color:#ccc;background:#f5f5f5;justify-content:center;align-items:center;width:100%;height:140px;display:flex}.icbu-image-info{padding:8px 10px}.icbu-image-name{color:var(--text-secondary);text-overflow:ellipsis;white-space:nowrap;font-size:12px;display:block;overflow:hidden}.icbu-table-wrapper{overflow-x:auto}.icbu-table{border-collapse:collapse;width:100%;font-size:14px}.icbu-table th{text-align:left;color:var(--text-secondary);border-bottom:1px solid var(--border);background:#fafafa;padding:10px 12px;font-size:13px;font-weight:600}.icbu-table td{color:var(--text-primary);border-bottom:1px solid #f0f0f0;padding:10px 12px}.icbu-table tr:hover td{background:var(--bg-hover)}.icbu-order-page{flex-direction:column;gap:14px;display:flex}.icbu-order-toolbar{background:var(--bg-white);border:1px solid var(--border);border-radius:var(--radius);justify-content:space-between;align-items:center;gap:16px;padding:20px 22px;display:flex}.icbu-order-toolbar h3{color:var(--text-primary);align-items:center;gap:8px;margin:0 0 4px;font-size:20px;display:flex}.icbu-order-toolbar p{color:var(--text-muted);margin:0;font-size:13px}.icbu-order-toolbar .btn-primary,.icbu-order-filters .btn-secondary{justify-content:center;align-items:center;gap:6px;display:inline-flex}.icbu-order-status-tabs{background:var(--bg-white);border:1px solid var(--border);border-radius:var(--radius) var(--radius) 0 0;border-bottom:none;gap:26px;padding:16px 22px 0;display:flex;overflow-x:auto}.icbu-order-status-tabs button{color:var(--text-secondary);cursor:pointer;white-space:nowrap;background:0 0;border:none;border-bottom:2px solid #0000;padding:0 0 12px;font-size:14px;font-weight:600}.icbu-order-status-tabs button.active{color:var(--primary);border-bottom-color:var(--primary)}.icbu-order-tab-count{color:var(--primary);margin-left:4px;font-weight:700}.icbu-order-filters{background:var(--bg-white);border:1px solid var(--border);border-radius:0 0 var(--radius) var(--radius);border-top:none;grid-template-columns:minmax(260px,1fr) auto 120px 100px;align-items:center;gap:10px;padding:18px 22px;display:grid}.icbu-order-search{border:1px solid var(--border);height:40px;color:var(--text-muted);background:#fff;border-radius:6px;align-items:center;gap:8px;padding:0 12px;display:flex}.icbu-order-search input{border:1px solid var(--border);width:100%;height:40px;color:var(--text-primary);background:#fff;border:none;border-radius:6px;outline:none;height:auto;padding:0;font-size:14px}.icbu-order-sort-buttons{white-space:nowrap;align-items:center;gap:8px;display:flex}.icbu-order-sort-buttons button{border:1px solid var(--border);height:40px;color:var(--text-secondary);cursor:pointer;background:#fff;border-radius:6px;padding:0 14px;font-size:13px;font-weight:600;transition:all .18s}.icbu-order-sort-buttons button:hover,.icbu-order-sort-buttons button.active{border-color:var(--primary);color:var(--primary);background:#eef4ff}.icbu-order-check{color:var(--text-secondary);align-items:center;gap:6px;font-size:13px;display:flex}.icbu-order-message{border-radius:6px;padding:10px 14px;font-size:13px}.icbu-order-message.success{color:#389e0d;background:#f6ffed}.icbu-order-message.error{color:#cf1322;background:#fff2f0}.icbu-order-list-head,.icbu-order-card-main{grid-template-columns:minmax(150px,1.1fr) minmax(320px,2.2fr) minmax(120px,.8fr) minmax(130px,.9fr) minmax(120px,.8fr) minmax(150px,.9fr);align-items:center;gap:16px;display:grid}.icbu-order-list-head{color:var(--text-secondary);background:var(--bg-white);border:1px solid var(--border);border-radius:var(--radius);height:44px;padding:0 22px;font-size:13px;font-weight:700}.icbu-order-list{flex-direction:column;gap:12px;display:flex}.icbu-order-card{background:var(--bg-white);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}.icbu-order-card-top{border-bottom:1px solid var(--border);color:var(--text-secondary);background:#fafafa;align-items:center;gap:12px;padding:12px 22px;font-size:13px;display:flex}.icbu-order-card-meta{flex-wrap:wrap;align-items:center;gap:14px;min-width:0;display:flex}.icbu-order-card-meta>span:not(.icbu-order-badge){color:var(--text-secondary);font-weight:600}.icbu-order-card-meta input{flex:none}.icbu-order-badge{height:20px;color:var(--text-secondary);background:#f2f3f5;border-radius:4px;align-items:center;padding:0 7px;font-size:12px;font-weight:700;display:inline-flex}.icbu-order-badge.gold{color:#fff;background:#ffbd38}.icbu-order-badge.orange{color:#f26a00;background:#fff1e8}.icbu-order-badge.blue{color:var(--primary);background:#eaf2ff}.icbu-order-badge.gray{color:var(--text-secondary);background:#f2f3f5}.icbu-order-card-main{padding:18px 22px}.icbu-order-buyer,.icbu-order-money,.icbu-order-logistics,.icbu-order-state,.icbu-order-actions{flex-direction:column;gap:6px;min-width:0;display:flex}.icbu-order-buyer strong,.icbu-order-money strong,.icbu-order-logistics strong,.icbu-order-state strong{color:var(--text-primary);font-size:14px}.icbu-order-buyer span,.icbu-order-logistics span,.icbu-order-state span{color:var(--text-muted);font-size:12px}.icbu-order-buyer button{width:fit-content;color:var(--primary);cursor:pointer;background:0 0;border:none;align-items:center;gap:4px;padding:0;font-size:12px;display:inline-flex}.icbu-order-product{grid-template-columns:72px minmax(0,1fr);align-items:start;gap:12px;min-width:0;display:grid}.icbu-order-product img,.icbu-order-product-placeholder{object-fit:cover;background:#f4f6fb;border-radius:6px;width:72px;height:72px}.icbu-order-product-placeholder{color:var(--text-muted);justify-content:center;align-items:center;display:flex}.icbu-order-product strong{-webkit-line-clamp:2;color:var(--text-primary);-webkit-box-orient:vertical;font-size:13px;line-height:1.35;display:-webkit-box;overflow:hidden}.icbu-order-product span,.icbu-order-product em{color:var(--text-muted);margin-top:3px;font-size:12px;font-style:normal;display:block}.icbu-order-product b{color:var(--text-primary);margin-top:6px;font-size:12px;display:block}.icbu-order-money{color:var(--text-primary)}.icbu-order-money svg,.icbu-order-logistics svg{color:var(--primary)}.icbu-order-actions a{background:var(--primary);color:#fff;border-radius:18px;justify-content:center;align-items:center;gap:5px;min-height:36px;padding:0 14px;font-size:13px;font-weight:700;text-decoration:none;display:inline-flex}.icbu-order-actions a.icbu-order-detail-link{min-height:auto;color:var(--text-primary);background:0 0;border-radius:0;justify-content:flex-end;padding:0;font-weight:600}.icbu-order-actions a.icbu-order-detail-link:hover{color:var(--primary)}.icbu-order-actions .btn-secondary{min-height:34px;font-size:13px}.icbu-order-salesperson{color:var(--text-primary);text-align:right;font-size:13px;font-weight:700}.icbu-order-purchase-status{border-radius:18px;justify-content:center;align-items:center;min-height:36px;padding:0 16px;font-size:13px;font-weight:700;display:inline-flex}.icbu-order-purchase-status.done{color:#16a34a;background:#f0fdf4}.icbu-order-purchase-status.pending{color:#f97316;background:#fff7ed}.icbu-order-empty{background:var(--bg-white);border:1px solid var(--border);border-radius:var(--radius);min-height:120px;color:var(--text-muted);justify-content:center;align-items:center;display:flex}.icbu-order-pagination{color:var(--text-secondary);justify-content:space-between;align-items:center;gap:12px;font-size:13px;display:flex}.icbu-order-pagination>div{gap:8px;display:flex}@media (width<=1200px){.icbu-order-list-head,.icbu-order-card-main{grid-template-columns:1fr}.icbu-order-list-head{display:none}.icbu-order-filters{grid-template-columns:1fr 1fr}}@media (width<=700px){.icbu-order-toolbar,.icbu-order-card-top,.icbu-order-pagination{flex-direction:column;align-items:flex-start}.icbu-order-filters{grid-template-columns:1fr}}.spin{animation:1s linear infinite spin}.pending-auto-po{flex-direction:column;gap:14px;display:flex}.pending-auto-po-header{background:#fff;border:1px solid #e5e7eb;border-radius:8px;justify-content:space-between;align-items:center;gap:16px;padding:18px 20px;display:flex}.pending-auto-po-header h3{color:#111827;align-items:center;gap:8px;margin:0 0 6px;font-size:18px;display:flex}.pending-auto-po-header p{color:#6b7280;margin:0;font-size:13px}.pending-auto-po-toolbar{justify-content:space-between;align-items:center;gap:12px;display:flex}.pending-auto-po-stage-tabs{background:#f8fafc;border:1px solid #e5e7eb;border-radius:8px;align-items:center;gap:6px;width:fit-content;padding:4px;display:inline-flex}.pending-auto-po-stage-tabs button{color:#4b5563;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:6px;align-items:center;gap:8px;min-height:34px;padding:0 14px;font-size:14px;font-weight:800;transition:all .15s;display:inline-flex}.pending-auto-po-stage-tabs button:hover{color:#2563eb;background:#fff;border-color:#dbeafe}.pending-auto-po-stage-tabs button.active{color:#fff;background:#2563eb;border-color:#2563eb;box-shadow:0 6px 16px #2563eb2e}.pending-auto-po-stage-tabs em{color:#374151;text-align:center;background:#e5e7eb;border-radius:999px;min-width:22px;height:20px;padding:0 6px;font-size:12px;font-style:normal;line-height:20px}.pending-auto-po-stage-tabs button.active em{color:#fff;background:#ffffff38}.pending-auto-po-seller-filter{color:#6b7280;background:#fff;border:1px solid #e5e7eb;border-radius:8px;align-items:center;gap:8px;min-height:42px;padding:0 12px;font-size:13px;font-weight:800;display:inline-flex}.pending-auto-po-seller-filter select{color:#111827;background:#fff;border:1px solid #d1d5db;border-radius:6px;outline:none;min-width:168px;height:32px;padding:0 30px 0 9px;font-size:13px;font-weight:700}.pending-auto-po-seller-filter select:focus{border-color:#2563eb;box-shadow:0 0 0 2px #2563eb1f}.pending-auto-po-message{border-radius:8px;align-items:center;gap:8px;padding:10px 14px;font-size:14px;font-weight:600;display:flex}.pending-auto-po-message.success{color:#16a34a;background:#f0fdf4;border:1px solid #bbf7d0}.pending-auto-po-message.error{color:#dc2626;background:#fef2f2;border:1px solid #fecaca}.pending-auto-po-empty{color:#9ca3af;background:#fff;border:1px solid #e5e7eb;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;gap:10px;min-height:220px;display:flex}.pending-auto-po-bulk{background:#fff;border:1px solid #e5e7eb;border-radius:8px;align-items:center;gap:14px;padding:12px 16px;display:flex}.pending-auto-po-bulk label{color:#111827;align-items:center;gap:8px;font-size:14px;font-weight:700;display:inline-flex}.pending-auto-po-bulk span{color:#6b7280;font-size:13px;font-weight:600}.pending-auto-po-bulk .btn-primary{margin-left:auto}.pending-auto-po-list{flex-direction:column;gap:12px;display:flex}.pending-auto-po-card{background:#fff;border:1px solid #e5e7eb;border-radius:8px;overflow:hidden}.pending-auto-po-card.selected{border-color:#60a5fa;box-shadow:0 0 0 2px #60a5fa2e}.pending-auto-po-title{background:#f9fafb;border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:center;gap:16px;padding:14px 16px;display:flex}.pending-auto-po-title-main,.pending-auto-po-title-side{flex-wrap:wrap;align-items:center;gap:14px;display:flex}.pending-auto-po-title-main input[type=checkbox]{flex:none;width:16px;height:16px}.pending-auto-po-title-main span{color:#374151;font-size:14px;font-weight:700}.pending-auto-po-title-side span{color:#6b7280;font-size:13px;font-weight:600}.pending-auto-po-title-side .pending-auto-po-status{border-radius:999px;align-items:center;min-height:30px;padding:0 10px;font-size:12px;font-weight:800;display:inline-flex}.pending-auto-po-title-side .pending-auto-po-status.done{color:#15803d;background:#dcfce7}.pending-auto-po-title-side .btn-secondary{border-radius:6px;min-height:32px;padding:0 12px;font-size:13px;font-weight:700}.pending-auto-po-items{flex-direction:column;display:flex}.pending-auto-po-item{border-bottom:1px solid #f1f5f9;padding:14px 16px}.pending-auto-po-item-main{grid-template-columns:78px 1fr;gap:14px;display:grid}.pending-auto-po-item:last-child{border-bottom:0}.pending-auto-po-item img,.pending-auto-po-img-placeholder{object-fit:cover;background:#f3f4f6;border-radius:6px;width:78px;height:78px}.pending-auto-po-img-placeholder{color:#9ca3af;justify-content:center;align-items:center;display:flex}.pending-auto-po-item-body{flex-direction:column;gap:8px;min-width:0;display:flex}.pending-auto-po-item-body strong{color:#111827;font-size:14px;line-height:1.35}.pending-auto-po-item-meta,.pending-auto-po-skus{flex-wrap:wrap;gap:8px;display:flex}.pending-auto-po-item-meta span,.pending-auto-po-skus span{color:#4b5563;background:#f3f4f6;border-radius:6px;align-items:center;min-height:24px;padding:3px 8px;font-size:12px;font-weight:600;display:inline-flex}.pending-auto-po-skus span{color:#2563eb;background:#eff6ff}.pending-auto-po-line-actions{align-items:center;gap:8px;margin-top:8px;display:flex}.pending-auto-po-line-actions .btn-secondary{border-radius:6px;min-height:32px;padding:0 12px;font-size:13px;font-weight:700}.pending-auto-po-order-purchases{padding:0 16px 16px 94px}.pending-auto-po-line-table-wrap{margin-top:14px;overflow:auto}.pending-auto-po-line-table{border-collapse:collapse;border:1px solid #1f2937;width:100%;min-width:860px;font-size:13px}.pending-auto-po-line-table th{color:#fff;text-align:center;background:#4472c4;border:1px solid #1f2937;padding:8px 10px;font-weight:800}.pending-auto-po-line-table td{color:#111827;text-align:center;vertical-align:middle;background:#fff;border:1px solid #1f2937;padding:10px}.pending-auto-po-line-table td:nth-child(2){text-align:left;min-width:220px}.pending-auto-po-line-table img,.pending-auto-po-line-table td:first-child span{object-fit:cover;background:#f3f4f6;border-radius:4px;width:58px;height:58px;display:inline-block}.pending-auto-po-line-table strong,.pending-auto-po-line-table em{display:block}.pending-auto-po-line-table strong{color:#111827;font-weight:800}.pending-auto-po-line-table em{color:#6b7280;margin-top:3px;font-style:normal}.pending-auto-po-line-note{color:#111827;border:1px solid #d1d5db;border-radius:6px;width:100%;min-width:180px;height:34px;padding:0 8px;font-size:13px}.pending-auto-po-line-qty{color:#111827;text-align:center;border:1px solid #d1d5db;border-radius:6px;width:72px;height:34px;padding:0 8px;font-size:13px}.pending-auto-po-line-qty:focus,.pending-auto-po-line-note:focus{border-color:#3b82f6;outline:none;box-shadow:0 0 0 2px #3b82f624}.pending-auto-po-item-meta span.sku{color:#2563eb;background:#eff6ff}.pending-auto-po-item-meta span.remark{color:#b45309;text-overflow:ellipsis;white-space:nowrap;background:#fff7ed;max-width:460px;overflow:hidden}.pending-auto-po-drafts{flex-direction:column;gap:14px;margin-top:6px;display:flex}.pending-auto-po-preview-modal{width:min(1320px,100vw - 48px);max-width:1320px;max-height:calc(100vh - 48px);overflow:hidden}.pending-auto-po-preview-body{background:#f8fafc;max-height:calc(100vh - 168px);overflow:auto}.pending-auto-po-preview-body .pending-auto-po-drafts{margin-top:0}.pending-auto-po-pdf-modal{width:min(1120px,100vw - 48px);max-width:1120px;max-height:calc(100vh - 32px);overflow:hidden}.pending-auto-po-pdf-body{background:#fff;height:74vh;padding:0}.pending-auto-po-pdf-body iframe{background:#fff;border:0;width:100%;height:100%;display:block}.pending-auto-po-drafts-head{background:#fff;border:1px solid #e5e7eb;border-radius:8px;justify-content:space-between;align-items:center;gap:12px;padding:14px 16px;display:flex}.pending-auto-po-drafts-head h3{color:#111827;margin:0;font-size:18px}.pending-auto-po-draft{background:#fff;border:1px solid #e5e7eb;border-radius:8px;overflow:hidden}.pending-auto-po-draft-title{background:#f9fafb;border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:center;gap:14px;padding:14px 16px;display:flex}.pending-auto-po-draft-title>div{flex-direction:column;gap:4px;min-width:0;display:flex}.pending-auto-po-draft-title strong{color:#111827;font-size:15px}.pending-auto-po-draft-title span{color:#6b7280;font-size:13px;font-weight:600}.pending-auto-po-edit-tools{align-items:center;gap:8px;margin-left:auto;display:flex}.pending-auto-po-edit-tools .btn-secondary{align-items:center;gap:5px;min-height:34px;display:inline-flex}.pending-auto-po-table-wrap{overflow:auto}.pending-auto-po-preview-table{border-collapse:collapse;width:100%;min-width:1120px;font-size:13px}.pending-auto-po-preview-table th{color:#374151;text-align:center;white-space:nowrap;background:#f3f4f6;border-bottom:1px solid #e5e7eb;padding:10px 8px}.pending-auto-po-preview-table td{color:#111827;text-align:center;vertical-align:middle;border-bottom:1px solid #f1f5f9;padding:8px}.pending-auto-po-preview-table tfoot td{background:#f9fafb;border-top:1px solid #e5e7eb;font-weight:800}.pending-auto-po-preview-table input{color:#111827;border:1px solid #d1d5db;border-radius:6px;width:100%;min-width:64px;height:34px;padding:0 8px;font-size:13px}.pending-auto-po-preview-table input:focus{border-color:#3b82f6;outline:none;box-shadow:0 0 0 2px #3b82f624}.pending-auto-po-preview-table input:disabled{color:#111827;opacity:1;cursor:default;background:0 0;border-color:#0000}.pending-auto-po-product-edit{min-width:330px;text-align:left!important}.pending-auto-po-product-edit>div{grid-template-columns:58px minmax(0,1fr);align-items:start;gap:10px;display:grid}.pending-auto-po-product-edit img,.pending-auto-po-mini-img{object-fit:cover;background:#f3f4f6;border:1px solid #e5e7eb;border-radius:6px;width:58px;height:58px}.pending-auto-po-product-edit input+input{margin-top:6px}.pending-auto-po-product-edit .matched,.pending-auto-po-product-edit .unmatched{border-radius:6px;align-items:center;min-height:22px;margin-top:6px;padding:2px 7px;font-size:12px;font-weight:700;display:inline-flex}.pending-auto-po-product-edit .matched{color:#16a34a;background:#f0fdf4}.pending-auto-po-product-edit .unmatched{color:#f97316;background:#fff7ed}.pending-custom-dialog{max-width:720px}.pending-custom-tabs{border:1px solid #e5e7eb;border-radius:8px;grid-template-columns:1fr 1fr;margin-bottom:16px;display:grid;overflow:hidden}.pending-custom-tabs button{color:#374151;cursor:pointer;background:#f9fafb;border:0;min-height:40px;font-weight:700}.pending-custom-tabs button.active{color:#fff;background:#6366f1}.pending-custom-search{color:#9ca3af;border:1px solid #d1d5db;border-radius:8px;align-items:center;gap:8px;height:40px;padding:0 12px;display:flex}.pending-custom-search input{border:0;outline:none;flex:1;font-size:14px}.pending-custom-import-list{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:10px;max-height:360px;margin-top:12px;display:grid;overflow:auto}.pending-custom-import-list button{text-align:left;cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:8px;grid-template-rows:auto auto;grid-template-columns:48px 1fr;align-items:center;gap:4px 9px;padding:10px;display:grid}.pending-custom-import-list button:hover{border-color:#6366f1;box-shadow:0 0 0 2px #6366f11f}.pending-custom-import-list img,.pending-custom-import-img{object-fit:cover;background:#f3f4f6;border-radius:6px;grid-row:1/span 2;width:48px;height:48px}.pending-custom-import-list strong{color:#2563eb;font-size:13px}.pending-custom-import-list span{color:#4b5563;font-size:12px}.pending-custom-form{grid-template-columns:1fr 1fr;gap:12px;display:grid}.pending-custom-form label{color:#6b7280;flex-direction:column;gap:5px;font-size:12px;font-weight:700;display:flex}.pending-custom-form label.wide,.pending-custom-imported,.pending-custom-preview{grid-column:1/-1}.pending-custom-form input{color:#111827;border:1px solid #d1d5db;border-radius:6px;height:36px;padding:0 9px;font-size:13px}.pending-custom-imported{color:#4338ca;background:#eef2ff;border-radius:6px;padding:8px 10px;font-size:13px;font-weight:700}.pending-custom-preview{object-fit:contain;border:1px solid #e5e7eb;border-radius:8px;max-width:160px;max-height:160px}@media (width<=760px){.pending-auto-po-toolbar,.pending-auto-po-header,.pending-auto-po-title,.pending-auto-po-draft-title,.pending-auto-po-drafts-head,.pending-auto-po-bulk{flex-direction:column;align-items:flex-start}.pending-auto-po-bulk .btn-primary{margin-left:0}.pending-auto-po-seller-filter,.pending-auto-po-seller-filter select{width:100%}.pending-auto-po-item{padding:12px}.pending-auto-po-item-main{grid-template-columns:64px 1fr}.pending-auto-po-item img,.pending-auto-po-img-placeholder{width:64px;height:64px}}