.manufacturing-list > header, .manufacturing-list > article { padding: 12px 21px; display: grid; grid-template-columns: minmax(220px, 1.4fr) 110px 60px 100px 100px 100px 80px; gap: 13px; align-items: center; border-top: 1px solid var(--line); }
.manufacturing-list > header { background: #fafbfc; color: #8393a5; font-size: 8px; letter-spacing: .6px; }
.manufacturing-product-name { display: flex; align-items: center; gap: 11px; }
.manufacturing-product-name img, .manufacturing-product-name i { width: 48px; height: 48px; object-fit: cover; display: grid; place-items: center; border-radius: 7px; background: var(--tenant-primary-soft, #eaf0ff); color: var(--blue); font-style: normal; font-weight: 800; }
.manufacturing-product-name b, .manufacturing-product-name small { display: block; }
.manufacturing-product-name small, .manufacturing-costs small { margin-top: 4px; color: var(--muted); font-size: 9px; }
.manufacturing-list .status.draft, .manufacturing-workspace .status.draft { background: #fde8e7; color: #b83d36; }
.manufacturing-list .status.active, .manufacturing-workspace .status.active { background: #e1f4eb; color: #237b59; }
.manufacturing-list .status.archived, .manufacturing-workspace .status.archived { background: #e9edf1; color: #687586; }
.manufacturing-readonly, .manufacturing-draft-note { margin: -8px 0 20px; padding: 14px 17px; display: flex; gap: 9px; border: 1px solid #d7dde4; border-radius: 8px; background: #eef1f4; color: #687586; font-size: 10px; }
.manufacturing-readonly span, .manufacturing-draft-note span { color: #7e8996; }
.manufacturing-draft-note { border-color: #efc6c3; background: #fff0ef; color: #a83e38; }
.manufacturing-actions form { margin: 0; }
.manufacturing-overview { display: grid; grid-template-columns: auto 1fr; gap: 18px; margin-bottom: 20px; }
.manufacturing-image { width: 190px; min-height: 170px; padding: 10px; border: 1px solid var(--line); border-radius: 9px; background: #fff; }
.manufacturing-image img { width: 100%; height: 100%; max-height: 230px; object-fit: contain; }
.manufacturing-metrics { display: grid; grid-template-columns: repeat(4, 1fr); gap: 12px; }
.manufacturing-metrics article { padding: 18px; border: 1px solid var(--line); border-radius: 9px; background: #fff; }
.manufacturing-metrics small, .manufacturing-metrics strong, .manufacturing-metrics span { display: block; }
.manufacturing-metrics small { color: var(--muted); font-size: 9px; }
.manufacturing-metrics strong { margin-top: 8px; font: 600 20px Georgia, serif; }
.manufacturing-metrics span { margin-top: 5px; color: var(--muted); font-size: 9px; }
.manufacturing-metrics .total { background: var(--navy); color: #fff; }
.manufacturing-costs > header, .manufacturing-costs > article { padding: 11px 21px; display: grid; grid-template-columns: minmax(190px, 1fr) 150px 90px 110px 90px; gap: 12px; align-items: center; border-top: 1px solid var(--line); }
.manufacturing-costs > header { background: #fafbfc; color: #8393a5; font-size: 8px; }
.manufacturing-costs .cmt-cost-line { background: var(--tenant-primary-soft, #eef4ff); }
.manufacturing-price-grid { margin-top: 20px; display: grid; grid-template-columns: 1fr 1fr; gap: 15px; }
.manufacturing-price-grid article { padding: 24px; border-radius: 9px; background: var(--navy); color: #fff; }
.manufacturing-price-grid article.retail { background: var(--blue); color: var(--tenant-on-primary, #fff); }
.manufacturing-price-grid small, .manufacturing-price-grid strong, .manufacturing-price-grid span { display: block; }
.manufacturing-price-grid small { font-size: 9px; letter-spacing: 1px; opacity: .75; }
.manufacturing-price-grid strong { margin: 8px 0; font: 600 28px Georgia, serif; }
.manufacturing-price-grid span { font-size: 10px; opacity: .8; }
.manufacturing-notes { margin-top: 20px; padding: 20px; }
@media (max-width: 1000px) { .manufacturing-list, .manufacturing-costs { overflow: auto; } .manufacturing-list > header, .manufacturing-list > article { min-width: 900px; } .manufacturing-costs > header, .manufacturing-costs > article { min-width: 720px; } .manufacturing-metrics { grid-template-columns: 1fr 1fr; } }
@media (max-width: 650px) { .manufacturing-overview { grid-template-columns: 1fr; } .manufacturing-image { width: 100%; } .manufacturing-metrics, .manufacturing-price-grid { grid-template-columns: 1fr; } }
@media print { .manufacturing-actions, .manufacturing-costs a { display: none !important; } }