.product-bundle-production{max-width:1480px;margin:0 auto 16px;overflow:hidden;border:1px solid color-mix(in srgb,var(--success) 42%,var(--border));border-radius:18px;background:var(--bg-surface);box-shadow:var(--shadow-sm)}
.product-bundle-production>header{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:16px 18px;border-bottom:1px solid var(--border);background:linear-gradient(135deg,color-mix(in srgb,var(--success) 12%,var(--bg-surface)),var(--bg-surface))}.product-bundle-production>header>div{min-width:0}.product-bundle-production>header span{display:block;color:var(--success);font-size:10px;font-weight:950;letter-spacing:.12em}.product-bundle-production>header h2{margin:4px 0 3px;color:var(--text-1);font-size:18px}.product-bundle-production>header p{max-width:900px;margin:0;color:var(--text-3);font-size:12px;line-height:1.4}.product-bundle-production>header>b{flex:0 0 auto;padding:8px 11px;border-radius:999px;background:color-mix(in srgb,var(--success) 14%,var(--bg-surface));color:var(--success);font-size:11px;white-space:nowrap}
.product-bundle-production-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:14px}.product-bundle-production-empty{grid-column:1/-1;display:grid;gap:5px;padding:22px;border:1px dashed var(--border-strong);border-radius:13px;text-align:center}.product-bundle-production-empty b{color:var(--text-1);font-size:14px}.product-bundle-production-empty span{color:var(--text-3);font-size:12px;line-height:1.45}
.product-bundle-production-job{overflow:hidden;border:1px solid color-mix(in srgb,var(--success) 38%,var(--border));border-radius:14px;background:var(--bg-surface-2)}.product-bundle-production-job.is-paused{border-color:color-mix(in srgb,var(--warning) 42%,var(--border));opacity:.86}.product-bundle-production-job>header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:12px 14px;border-bottom:1px solid var(--border);background:color-mix(in srgb,var(--success) 7%,var(--bg-surface))}.product-bundle-production-job.is-paused>header{background:color-mix(in srgb,var(--warning) 8%,var(--bg-surface))}.product-bundle-production-job>header>div{min-width:0}.product-bundle-production-job>header span{display:block;color:var(--accent);font-size:9px;font-weight:950;letter-spacing:.08em}.product-bundle-production-job>header h3{margin:3px 0;color:var(--text-1);font-size:14px;line-height:1.25}.product-bundle-production-job>header p{margin:0;color:var(--text-3);font-size:10px}.product-bundle-production-job>header>b{flex:0 0 auto;color:var(--success);font-size:10px}.product-bundle-production-job.is-paused>header>b{color:var(--warning)}
.product-bundle-production-job>ol{display:grid;gap:0;max-height:150px;overflow:auto;margin:0;padding:0;list-style:none}.product-bundle-production-job>ol li{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 13px;border-bottom:1px solid var(--border)}.product-bundle-production-job>ol li:last-child{border-bottom:0}.product-bundle-production-job>ol b{overflow:hidden;color:var(--text-2);font-size:11px;text-overflow:ellipsis;white-space:nowrap}.product-bundle-production-job>ol span{flex:0 0 auto;color:var(--accent);font-size:11px;font-weight:900}
.product-bundle-production-pending,.product-bundle-production-last{margin:10px 12px 0;padding:9px 10px;border-radius:9px;font-size:10px;line-height:1.4}.product-bundle-production-pending{border:1px solid color-mix(in srgb,var(--warning) 48%,var(--border));background:color-mix(in srgb,var(--warning) 9%,var(--bg-surface));color:var(--warning)}.product-bundle-production-last{display:flex;align-items:center;gap:6px;flex-wrap:wrap;border:1px solid color-mix(in srgb,var(--success) 42%,var(--border));background:color-mix(in srgb,var(--success) 8%,var(--bg-surface));color:var(--text-2)}.product-bundle-production-last button{margin-left:auto;min-height:30px;border:1px solid var(--border-strong);border-radius:7px;background:var(--bg-surface);color:var(--text-1);font-size:10px;font-weight:850}
.product-bundle-production-actions{display:grid;grid-template-columns:minmax(150px,.8fr) minmax(180px,1.1fr) repeat(3,auto);align-items:end;gap:7px;padding:12px}.product-bundle-production-actions label{display:grid;gap:5px}.product-bundle-production-actions label>span{color:var(--text-3);font-size:9px;font-weight:900;text-transform:uppercase}.product-bundle-production-actions label>div{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;overflow:hidden;border:1px solid var(--border-strong);border-radius:9px;background:var(--bg-inset)}.product-bundle-production-actions input{width:100%;min-height:40px;padding:0 8px;box-sizing:border-box;border:0;background:transparent;color:var(--text-1);font-size:17px;font-weight:950;text-align:right}.product-bundle-production-actions label b{padding:0 9px;color:var(--text-3);font-size:11px}.product-bundle-production-actions>button{min-height:40px;padding:0 10px;border:1px solid var(--border-strong);border-radius:9px;background:var(--bg-surface);color:var(--text-1);font-size:10px;font-weight:900}.product-bundle-production-actions>button.is-complete{border-color:color-mix(in srgb,var(--success) 65%,var(--border));background:var(--success);color:var(--on-color,#fff);font-size:11px}.product-bundle-production-actions>button.is-remove{color:var(--danger)}.product-bundle-production-actions>button:disabled{cursor:not-allowed;opacity:.52}
.product-bundle-existing-actions{display:flex;gap:6px}.product-bundle-existing-actions button[data-product-bundle-work-start]{border-color:color-mix(in srgb,var(--success) 48%,var(--border));background:color-mix(in srgb,var(--success) 11%,var(--bg-surface));color:var(--success)}
@media (min-width:900px) and (max-width:1300px){.product-bundle-production-actions{grid-template-columns:minmax(115px,.7fr) minmax(160px,1fr) repeat(2,auto)}.product-bundle-production-actions>button[data-product-bundle-work-edit]{grid-column:1/3}.product-bundle-production-actions>button.is-remove{grid-column:-2/-1}}
@media (max-width:1180px){.product-bundle-production-list{grid-template-columns:1fr}.product-bundle-production-actions{grid-template-columns:minmax(140px,.8fr) minmax(180px,1.1fr) repeat(3,auto)}}
@media (max-width:899px){.product-bundle-production{margin-bottom:12px}.product-bundle-production-list{padding:10px}.product-bundle-production-actions{grid-template-columns:1fr 1.2fr repeat(2,auto)}.product-bundle-production-actions>button.is-remove{grid-column:-2/-1}.product-bundle-production-actions>button[data-product-bundle-work-edit]{grid-column:1/3}}
@media (max-width:620px){.product-bundle-production>header{align-items:flex-start;padding:14px}.product-bundle-production>header>b{font-size:9px}.product-bundle-production-actions{grid-template-columns:1fr 1fr}.product-bundle-production-actions label,.product-bundle-production-actions>button.is-complete{grid-column:1/-1}.product-bundle-production-actions>button[data-product-bundle-work-edit]{grid-column:1/-1}.product-bundle-production-actions>button.is-remove{grid-column:auto}.product-bundle-existing-actions{align-items:stretch;flex-direction:column}}