.production-page{display:grid;gap:18px;min-width:0;max-width:100%}
#productionContent,.production-section{min-width:0;max-width:100%;width:100%}
.production-tabs{display:flex;gap:8px;padding:5px;border:1px solid #f0d8e4;background:#fff;border-radius:16px;width:max-content;max-width:100%;overflow:auto}
.production-tabs button{border:0;background:transparent;color:#725568;padding:10px 16px;border-radius:12px;font-weight:800;white-space:nowrap}
.production-tabs button.active{background:linear-gradient(135deg,#d84f91,#bf3d7b);color:#fff;box-shadow:0 6px 16px rgba(216,79,145,.22)}
.production-filter{display:flex;align-items:end;gap:18px;padding:16px 18px}
.production-filter label{display:grid;gap:6px;color:#76596b;font-size:12px;font-weight:800}
.production-filter input{min-width:170px}
.production-filter>div{display:grid;gap:4px;margin-right:auto}
.production-filter small,.production-metrics small,.closing-list small,.print-summary small,#productionPrint footer small{font-size:10px;font-weight:900;letter-spacing:.12em;color:#aa8298}
.production-filter b{color:#483342}
.production-metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:14px}
.production-metrics article{padding:18px;border:1px solid #efdbe5;border-radius:18px;background:linear-gradient(145deg,#fff,#fff9fc);box-shadow:0 10px 25px rgba(109,62,86,.06);display:grid;gap:5px}
.production-metrics b{font-size:25px;color:#493344}
.production-metrics span{font-size:12px;color:#907385}
.production-section{padding:0;overflow:hidden}
.production-section .card-head{padding:20px 22px;border-bottom:1px solid #f1e1e8}
.production-section .table-wrap{width:100%;min-width:0;max-width:100%;overflow-x:auto;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;border:0;border-radius:0}
.production-table{width:100%;border-collapse:collapse;min-width:900px}
.production-table th{padding:12px 14px;background:#fff8fb;color:#8d6b7f;font-size:10px;letter-spacing:.08em;text-align:left;white-space:nowrap}
.production-table td{padding:13px 14px;border-top:1px solid #f3e5eb;color:#614958;font-size:13px;vertical-align:middle}
.production-table td strong,.production-table td b{color:#45313e}
.production-receipts-table{min-width:1180px}
.color-pill{display:inline-block;padding:5px 9px;border-radius:999px;background:#f8eaf1;color:#9c3f70;font-size:11px;font-weight:800}
.visual-color-pill{display:inline-flex;align-items:center;gap:6px}.visual-color-pill>i,.production-color-select>i{width:16px;height:16px;flex:0 0 16px;border:1px solid #d9cbd2;border-radius:50%;background:var(--production-color);box-shadow:inset 0 0 0 2px #ffffff7d,0 2px 5px #6740531a}.production-color-select{position:relative;display:flex;align-items:center}.production-color-select>i{position:absolute;z-index:1;left:12px;width:20px;height:20px;flex-basis:20px}.production-color-select select{padding-left:42px;background:#fff}.production-color-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.production-color-card{display:grid;grid-template-columns:64px 1fr;gap:13px;align-items:center;padding:15px}.production-color-card h3{margin:6px 0 4px;color:#493341}.production-color-card p{margin:0;color:#917585;font-size:11px}.production-color-card>.actions{grid-column:1/-1;justify-content:flex-end;padding-top:9px;border-top:1px solid #f1e3e9}.production-color-preview{width:64px;height:64px;display:grid;place-items:center;border-radius:18px;background:linear-gradient(145deg,#fff,#fff5fa);box-shadow:inset 0 0 0 1px #eadce3}.production-color-preview>i,.production-color-form-preview>i{width:43px;height:43px;border:1px solid #d5c8cf;border-radius:50%;background:var(--production-color);box-shadow:inset 0 0 0 3px #ffffff73,0 8px 18px #5e384b20}.production-color-form-preview{display:flex;align-items:center;gap:14px;margin:18px 0;padding:15px;border:1px solid #ebdce4;border-radius:16px;background:#fff8fb}.production-color-form-preview b{color:#533b49;font-size:15px}.model-global-colors{display:grid;gap:8px;padding:14px;border:1px solid #ead9e2;border-radius:14px;background:linear-gradient(135deg,#fff8fb,#f7f9ff)}.model-global-colors>small{color:#ad6e8d;font-size:9px;font-weight:900;letter-spacing:.1em}.model-global-colors>div{display:flex;flex-wrap:wrap;gap:5px}.model-global-colors>span{color:#8c7182;font-size:11px;line-height:1.45}
.quantity-difference{display:inline-flex;align-items:center;justify-content:center;min-width:108px;padding:6px 9px;border-radius:999px;font-size:10px;font-weight:900;white-space:nowrap}
.quantity-difference.shortage,.conference-result b.shortage{background:#fde8eb;color:#a23d4d}
.quantity-difference.surplus,.conference-result b.surplus{background:#e7f0ff;color:#426ba8}
.quantity-difference.match,.conference-result b.match{background:#e4f5eb;color:#2f7652}
.receipt-collections{display:grid;gap:14px;padding:16px;background:#fffafd}
.collection-card{min-width:0;overflow:hidden;border:1px solid #ecd8e3;border-radius:18px;background:#fff;box-shadow:0 8px 22px rgba(109,62,86,.06)}
.collection-card>header{display:grid;grid-template-columns:110px minmax(150px,1.3fr) minmax(140px,1fr) 70px 110px auto auto;gap:12px;align-items:center;padding:14px 16px;background:linear-gradient(135deg,#fff7fb,#f8faff);border-bottom:1px solid #eedfe7}
.collection-card>header>div:not(.actions){display:grid;gap:4px;min-width:0}.collection-card>header small{font-size:8px;font-weight:900;letter-spacing:.08em;color:#a37e92}.collection-card>header b{overflow:hidden;text-overflow:ellipsis;color:#4c3744;white-space:nowrap}
.collection-card>footer{display:flex;gap:18px;justify-content:space-between;padding:10px 16px;border-top:1px solid #f0e3e9;color:#8b7080;font-size:10px}.collection-card>footer b{color:#5c4251}
.collection-card.is-collapsed>.table-wrap,.collection-card.is-collapsed>footer{display:none}.collection-card.is-collapsed>header{border-bottom:0}.collection-collapse-button{white-space:nowrap}.collection-collapse-button[aria-expanded="false"]{background:#fff0f6;border-color:#e7b8ce;color:var(--rose2)}
.collection-items-table{min-width:720px}
.badge.production-open{background:#fff0cf;color:#8c6500}
.badge.production-closed{background:#e8f0ff;color:#45629a}
.locked-receipt{align-self:center;color:#8b7080;font-size:10px;font-weight:800}
.production-reopen-note{display:grid;gap:4px;margin:0 22px 16px;padding:13px 15px;border:1px solid #d8e4fb;border-radius:14px;background:linear-gradient(135deg,#f2f7ff,#fff8fc);color:#5b4a72}
.production-reopen-note b{font-size:12px}.production-reopen-note span{font-size:11px;line-height:1.45;color:#786a84}
.badge.production-paid{background:#dcf5e7;color:#27734a}
.closing-list{display:grid;gap:10px;padding:18px}
.closing-list article{display:grid;grid-template-columns:minmax(180px,1.5fr) repeat(2,minmax(120px,1fr)) auto auto;align-items:center;gap:16px;padding:16px;border:1px solid #eedce5;border-radius:16px;background:#fff}
.closing-list article>div:not(.actions){display:grid;gap:4px}
.closing-list article b{color:#483340}
.production-model-head{display:flex;justify-content:space-between;align-items:end;gap:20px}
.production-model-head h2{margin:4px 0;color:#493341}
.production-model-head span{color:#8c7182}
.finished-model-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.finished-model{padding:14px;display:grid;grid-template-columns:78px 1fr;gap:14px;align-items:start}
.finished-model-photo{width:78px;height:78px;border-radius:18px;overflow:hidden;background:linear-gradient(135deg,#fff0f7,#eaf2ff);display:grid;place-items:center;color:#d84f91;font-size:28px}
.finished-model-photo img{width:100%;height:100%;object-fit:cover}
.finished-model h3{margin:7px 0 5px;color:#493341}
.finished-model p{display:flex;flex-wrap:wrap;gap:4px;margin:5px 0 9px;color:#8f7283;font-size:12px}
.finished-model>div.actions{grid-column:1/-1;border-top:1px solid #f2e3ea;padding-top:10px;justify-content:flex-end}
.production-calculation{padding:12px 14px;border:1px solid #ebd6e1;border-radius:14px;background:#fff8fb;display:grid;gap:3px;align-self:end}
.production-calculation small{font-size:9px;color:#a66e8b;font-weight:900;letter-spacing:.1em}
.production-calculation b{font-size:20px;color:#b83b78}
.production-calculation span{font-size:11px;color:#8b6d7e}
.conference-result{align-self:stretch}
.conference-result>b{display:inline-flex;width:max-content;max-width:100%;padding:7px 11px;border-radius:999px;font-size:14px}
.conference-payment{display:grid;gap:4px;margin-top:9px;padding-top:10px;border-top:1px solid #ebd6e1}
.conference-payment strong{font-size:20px;color:#b83b78}
.collection-header-fields{margin-top:18px}
.collection-items-editor{margin:18px 0;border:1px solid #ead8e1;border-radius:16px;overflow:hidden;background:#fffafd}
.collection-items-head{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:13px 15px;border-bottom:1px solid #eadde4;background:#fff}.collection-items-head>div{display:grid;gap:4px}.collection-items-head small{font-size:9px;font-weight:900;letter-spacing:.1em;color:#ad6e8d}.collection-items-head b{color:#4d3744}
#productionItems{display:grid;gap:10px;padding:12px}
.production-item-row{display:grid;grid-template-columns:minmax(150px,1.25fr) minmax(120px,.8fr) minmax(120px,.8fr) minmax(120px,.8fr) minmax(120px,.8fr) auto;gap:10px;align-items:end;padding:13px;border:1px solid #ecdce4;border-radius:14px;background:#fff}
.production-item-row label{display:grid;gap:6px;color:#62525c;font-size:10px;font-weight:800}.production-item-row input,.production-item-row select{min-width:0}
.item-difference{display:grid;gap:6px;align-self:stretch}.item-difference small{font-size:9px;font-weight:900;letter-spacing:.08em;color:#aa8298}.item-difference b{display:flex;align-items:center;justify-content:center;min-height:40px;padding:7px 9px;border-radius:10px;font-size:10px;text-align:center}.item-difference b.shortage{background:#fde8eb;color:#a23d4d}.item-difference b.surplus{background:#e7f0ff;color:#426ba8}.item-difference b.match{background:#e4f5eb;color:#2f7652}
.collection-total{margin-top:14px}
#productionPrint{display:none}
@media(max-width:1100px){.production-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.finished-model-grid,.production-color-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.closing-list article{grid-template-columns:1fr 1fr}.closing-list article .actions{grid-column:1/-1}}
@media(max-width:1100px){.collection-card>header{grid-template-columns:1fr 1fr 1fr}.collection-card>header .actions{grid-column:1/-1}.production-item-row{grid-template-columns:1fr 1fr 1fr}.production-item-row .remove-production-item{align-self:stretch}}
@media(max-width:700px){.production-page{gap:13px}.production-tabs{width:100%}.production-tabs button{flex:0 0 auto;padding:10px 12px}.production-filter{display:grid;grid-template-columns:1fr;padding:14px}.production-filter input{min-width:0;width:100%}.production-filter>div{margin:0}.production-filter button{width:100%}.production-metrics{grid-template-columns:1fr 1fr;gap:9px}.production-metrics article{padding:14px}.production-metrics b{font-size:20px}.production-section .card-head,.production-model-head{display:grid;align-items:stretch;padding:16px}.production-section .card-head button,.production-model-head button{width:100%}.finished-model-grid,.production-color-grid{grid-template-columns:1fr}.closing-list{padding:12px}.closing-list article{grid-template-columns:1fr 1fr;gap:12px}.closing-list article>.badge{justify-self:start}.production-table{min-width:900px}.production-receipts-table{min-width:1180px}.conference-result>b{font-size:12px}.receipt-collections{padding:10px}.collection-card>header{grid-template-columns:1fr 1fr;padding:12px}.collection-card>header .actions,.collection-card>header>.badge{grid-column:1/-1}.collection-card>footer{display:grid;gap:6px}.collection-items-head{display:grid}.collection-items-head button{width:100%}.production-item-row{grid-template-columns:1fr 1fr;padding:11px}.production-item-row label:first-child,.production-item-row .item-difference,.production-item-row .remove-production-item{grid-column:1/-1}.production-item-row .remove-production-item{width:100%}.production-color-card{grid-template-columns:58px 1fr}.production-color-preview{width:58px;height:58px}}
@media(max-width:700px){.production-reopen-note{margin:0 14px 14px}.collection-card>header .actions{display:grid}.collection-card>header .actions button{width:100%}}
@media print{
  html.production-receipt-printing body>*:not(#productionPrint){display:none!important}
  html.production-receipt-printing #productionPrint,html.production-receipt-printing #productionPrint *{visibility:visible!important}
  html.production-receipt-printing #productionPrint{display:block!important;color:#30252c;font-family:Arial,sans-serif;padding:8mm}
  html.production-receipt-printing #productionPrint header{display:flex;align-items:center;gap:18px;border-bottom:2px solid #d84f91;padding-bottom:14px}
  html.production-receipt-printing #productionPrint header img{width:74px;height:74px;border-radius:50%;object-fit:cover}
  html.production-receipt-printing #productionPrint header small{color:#d84f91;font-weight:800;letter-spacing:.12em}
  html.production-receipt-printing #productionPrint h1{margin:4px 0;font-size:23px}
  html.production-receipt-printing #productionPrint header p{margin:0;color:#765e6d}
  html.production-receipt-printing .print-summary{display:grid;grid-template-columns:1.5fr 1fr .7fr;gap:12px;margin:18px 0}
  html.production-receipt-printing .print-summary>div{padding:11px;border:1px solid #e3d5dc;border-radius:8px;display:grid;gap:4px}
  html.production-receipt-printing #productionPrint table{width:100%;border-collapse:collapse;font-size:11px}
  html.production-receipt-printing #productionPrint th{background:#f8e9f1;text-align:left;padding:8px}
  html.production-receipt-printing #productionPrint td{border-bottom:1px solid #eadfe4;padding:8px}
  html.production-receipt-printing #productionPrint footer{display:flex;justify-content:flex-end;gap:30px;margin-top:18px;padding:14px;background:#fff5fa;border-radius:8px}
  html.production-receipt-printing #productionPrint footer>div{display:grid;gap:4px}html.production-receipt-printing .print-total b{font-size:22px;color:#b73575}
  html.production-receipt-printing .signatures{display:grid;grid-template-columns:1fr 1fr;gap:50px;margin-top:55px}
  html.production-receipt-printing .signatures span{border-top:1px solid #62515b;padding-top:7px;text-align:center;font-size:11px}
  html.production-receipt-printing .print-note{margin-top:25px;color:#88727f;font-size:9px;text-align:center}
}

html[data-role="receiver"] .production-tabs button.active{background:linear-gradient(135deg,#6797e9,#4777c5);box-shadow:0 6px 16px rgba(103,151,233,.25)}
html[data-role="receiver"] .production-tabs{border-color:#d8e4f6}
html[data-role="receiver"] .production-metrics article{border-color:#dbe5f5;background:linear-gradient(145deg,#fff,#f5f9ff)}
html[data-role="receiver"] .collection-card>header{background:linear-gradient(135deg,#f5f9ff,#fff7fb)}
html[data-role="receiver"] .finished-model-photo{color:#6797e9;background:linear-gradient(135deg,#edf4ff,#fff0f7)}
.payment-overview-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:18px;background:#fffafd}
.payment-overview-card{display:grid;gap:13px;padding:16px;border:1px solid #eadbe3;border-radius:17px;background:linear-gradient(145deg,#fff,#fff9fc);box-shadow:0 8px 22px #6d3e5610}.payment-overview-card.ready{border-color:#a7d8ba;background:linear-gradient(145deg,#fff,#f3fcf7)}.payment-overview-card.unconfigured{border-style:dashed;background:#fffaf1}.payment-overview-card>header{display:flex;align-items:center;justify-content:space-between;gap:10px}.payment-overview-card>div:first-child,.payment-overview-card header>div{display:grid;gap:4px}.payment-overview-card small,.payment-schedule-summary small{color:#a27d91;font-size:8px;font-weight:900;letter-spacing:.08em}.payment-overview-card b{color:#493541}.payment-overview-card p{margin:0;color:#846f7b;font-size:10px;line-height:1.5}.payment-overview-card>.actions{justify-content:flex-end}
.payment-schedule-summary{display:grid;grid-template-columns:1.3fr 1.3fr .65fr .8fr .8fr;gap:10px;padding:12px;border-radius:13px;background:#fff;border:1px solid #f0e2e9}.payment-schedule-summary span{display:grid;gap:5px;min-width:0}.payment-schedule-summary b{font-size:11px;overflow:hidden;text-overflow:ellipsis}
.payment-preview-table{max-height:55vh;margin-top:18px;border:1px solid #eee0e7;border-radius:13px!important}.payment-preview-table table{min-width:700px}.payment-preview-table td:first-child{display:grid;gap:4px}.payment-preview-table td:first-child small{color:#927788;font-size:9px}.payment-preview-total{display:flex;justify-content:space-between;align-items:center;margin-top:12px;padding:13px 15px;border-radius:12px;background:#fff2f8;color:#8d4c70}.payment-preview-total b{font-size:18px}.compact-modal{width:min(600px,100%)}
@media(max-width:900px){.payment-overview-grid{grid-template-columns:1fr}.payment-schedule-summary{grid-template-columns:1fr 1fr 1fr}.closing-list article{grid-template-columns:1fr 1fr}}
@media(max-width:600px){.payment-overview-grid{padding:10px}.payment-overview-card{padding:13px}.payment-overview-card>header{display:grid}.payment-schedule-summary{grid-template-columns:1fr 1fr}.payment-overview-card>.actions{display:grid}.payment-overview-card>.actions button{width:100%}.payment-preview-total{display:grid;gap:5px}}