.production-shell{grid-template-columns:440px minmax(0,1fr)}
.production-order-list{gap:12px}
.production-order-row{padding:12px;display:grid;grid-template-columns:1fr;gap:11px;text-align:left;border-radius:15px}
.production-order-open{padding:0;display:grid;grid-template-columns:96px 1fr;gap:13px;align-items:center;text-align:left;border:0;background:transparent;cursor:pointer}
.production-order-open img{width:96px;height:118px;object-fit:contain;border-radius:11px;background:#eef4fc}
.production-order-open span{min-width:0}
.production-order-open strong{display:block;font-size:18px;color:var(--ink)}
.production-order-open small{display:block;margin:4px 0;color:var(--muted);font-size:11px}
.production-order-quick{padding-top:10px;display:grid;grid-template-columns:1fr 1fr;gap:9px;border-top:1px solid #e2e9f3}
.production-order-quick label,.quick-payment{display:grid;gap:5px}
.production-order-quick label>span,.quick-payment>span,.quick-facts small{font-size:9px;font-weight:900;text-transform:uppercase;letter-spacing:.05em;color:var(--muted)}
.production-order-quick select{width:100%;padding:9px 30px 9px 10px;border:1px solid color-mix(in srgb,var(--status) 45%,#d4deeb);border-radius:9px;background:color-mix(in srgb,var(--status) 10%,white);color:#102443;font-weight:900}
.production-order-quick i{display:block;padding:9px;border-radius:9px;color:var(--status);background:color-mix(in srgb,var(--status) 13%,white);font-size:12px;font-style:normal;font-weight:900}
.quick-payment{padding:8px 10px;border-radius:9px;background:color-mix(in srgb,var(--payment) 14%,white)}
.quick-payment strong{font-size:15px;color:var(--payment)}
.quick-facts{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:8px}
.quick-facts>span{padding:8px 9px;border-radius:9px;background:#f5f8fc}
.quick-facts strong{display:block;margin-top:3px;font-size:11px;color:var(--ink)}
.quick-facts .quick-note{grid-column:1/-1}
.quick-note strong{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.production-detail-head .production-badges span{padding:7px 11px;font-size:10px}
@media(max-width:1100px){.production-shell{grid-template-columns:1fr}}
@media(max-width:720px){.production-order-open{grid-template-columns:78px 1fr}.production-order-open img{width:78px;height:96px}.production-order-quick,.quick-facts{grid-template-columns:1fr}.quick-facts .quick-note{grid-column:auto}}

/* Lista horizontal a todo lo ancho */
.production-shell{display:block}
.production-order-list{position:static;display:grid;grid-template-columns:1fr}
.production-order-row{grid-template-columns:minmax(245px,1.2fr) 190px 150px minmax(300px,1.4fr) auto;align-items:center}
.production-quick-status{display:grid;gap:5px}
.production-quick-status>span{font-size:9px;font-weight:900;text-transform:uppercase;letter-spacing:.05em;color:var(--muted)}
.production-quick-status select{width:100%;padding:11px 30px 11px 11px;border:1px solid color-mix(in srgb,var(--status) 45%,#d4deeb);border-radius:9px;background:color-mix(in srgb,var(--status) 10%,white);color:#102443;font-size:14px;font-weight:900}
.production-quick-status i{display:block;padding:11px;border-radius:9px;color:var(--status);background:color-mix(in srgb,var(--status) 13%,white);font-size:13px;font-style:normal;font-weight:900}
.quick-payment b{font-size:10px;color:#bd2534}
.production-order-row>.quick-facts{grid-column:auto;grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch}
.production-order-row>.quick-facts .quick-note{grid-column:1/-1}
.quick-facts em{display:block;margin-top:3px;color:var(--muted);font-size:10px;font-style:normal}
.production-row-actions{display:grid;gap:7px}
.production-row-actions button{padding:9px 12px;border:1px solid #b9c9df;border-radius:9px;background:#fff;color:#0c2244;font-weight:900;cursor:pointer}
.production-row-actions button.primary{border-color:var(--blue);background:var(--blue);color:#fff}
.production-row-actions b{display:inline-grid;min-width:18px;height:18px;place-items:center;border-radius:50%;background:#e23c3c;color:#fff;font-size:9px}

/* Ventanas de ficha y chat */
.production-modal{padding:28px;display:none;position:fixed;inset:0;z-index:1200;align-items:flex-start;justify-content:center;background:rgba(5,18,40,.68);backdrop-filter:blur(5px);overflow:auto}
.production-modal.open{display:flex}
.production-modal-card{width:min(1120px,100%);margin:auto;position:relative;border-radius:20px;background:#f4f7fc;box-shadow:0 24px 80px rgba(0,0,0,.28)}
.production-order-modal-card{padding:54px 18px 18px}
.production-chat-modal-card{width:min(680px,100%);padding:54px 22px 22px;background:#fff}
#production-chat-overlay{pointer-events:none;align-items:flex-start;justify-content:flex-end;background:transparent;backdrop-filter:none}
#production-chat-overlay .production-chat-modal-card{margin:72px 24px 24px auto;pointer-events:auto;border:1px solid #c6d5e8;box-shadow:0 20px 70px rgba(4,18,42,.28)}
.production-modal-close{position:absolute;z-index:2;top:14px;right:16px;padding:9px 13px;border:1px solid #c8d5e6;border-radius:9px;background:#fff;color:#0c2244;font-weight:900;cursor:pointer}
.production-order-detail{display:grid;gap:13px}
.production-detail-head{grid-template-columns:115px minmax(0,1fr) auto}
.production-detail-head>img{width:115px;height:135px}
.production-head-facts{margin-top:10px;display:flex;gap:8px;flex-wrap:wrap}
.production-head-facts span{padding:7px 9px;display:grid;border-radius:8px;background:#f3f7fc}
.production-head-facts small{font-size:9px;color:var(--muted);text-transform:uppercase;font-weight:900}
.production-head-facts strong{margin-top:2px;font-size:11px}
.production-head-finance{display:grid;justify-items:end;gap:6px}
.production-head-finance>strong{font-size:25px}
.production-head-finance>b{color:#c32636;font-size:15px}
.production-head-finance>em{color:#138158;font-size:12px;font-style:normal;font-weight:900}
.production-head-finance button{padding:8px 10px;border:1px solid #a9bfdf;border-radius:8px;background:#fff;color:var(--blue);font-weight:900;cursor:pointer}
.production-header-controls{grid-column:2/-1;padding-top:12px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;border-top:1px solid #e1e8f2}
.production-header-controls>label{display:grid;gap:4px;min-width:0}
.production-header-controls>label>span:first-child{font-size:9px;font-weight:900;color:var(--muted);text-transform:uppercase}
.production-header-controls select{width:100%;min-width:0;padding:9px 10px;border:1px solid #cbd7e8;border-radius:9px;background:#fff;color:var(--ink)}
.production-header-switch{padding:8px 10px!important;display:flex!important;flex-direction:row!important;align-items:center;gap:8px!important;border-radius:9px;background:#e8ebef;cursor:pointer}
.production-header-switch input{width:16px!important;height:16px!important;margin:0;flex:0 0 16px}
.production-header-switch>span{display:grid;min-width:0}
.production-header-switch>span small{font-size:8px;text-transform:uppercase;font-weight:900;line-height:1.1}
.production-header-switch>span strong{font-size:11px;line-height:1.2}
.production-header-switch.design.active{background:#d81b73;color:#fff}
.production-header-switch.installation.active{background:#e7f3ff;color:#0e5fae}
.production-payment-readonly{padding:7px 10px;display:grid;align-content:center;gap:1px;border-radius:9px;background:color-mix(in srgb,var(--payment) 14%,white);color:var(--payment)}
.production-payment-readonly span{font-size:9px;font-weight:900;text-transform:uppercase;color:var(--muted)}
.production-payment-readonly strong{font-size:14px}
.production-payment-readonly small{font-size:8px;font-weight:800;color:var(--muted);text-transform:uppercase}
.production-payment-choice{padding:0!important;display:grid!important;gap:0!important;border-radius:9px;background:color-mix(in srgb,var(--payment) 14%,white);overflow:hidden}
.production-payment-choice>span:first-child{padding:6px 10px 0;color:var(--payment)!important}
.production-payment-choice select{padding:4px 28px 8px 10px!important;border:0!important;background:transparent!important;color:var(--payment)!important;font-size:13px;font-weight:900}
.production-payment-choice select option{background:#fff;color:#1d2735}
.production-mockup-readonly{padding:7px 10px;display:grid;align-content:center;gap:1px;border-radius:9px;background:color-mix(in srgb,var(--mockup) 14%,white);color:var(--mockup)}
.production-mockup-readonly span{font-size:9px;font-weight:900;text-transform:uppercase}
.production-mockup-readonly strong{font-size:14px}
.production-mockup-readonly small{font-size:8px;font-weight:800;color:var(--muted)}
.mockup-actions [data-approve-mockup]{display:none}
.production-header-choice{padding:0!important;display:grid!important;gap:0!important;border-radius:9px;background:#e8ebef;overflow:hidden}
.production-header-choice>span:first-child{padding:6px 10px 0;color:#53637a!important}
.production-header-choice select{padding:4px 28px 8px 10px!important;border:0!important;background:transparent!important;color:#1d2735!important;font-size:11px;font-weight:900}
.production-header-choice select option{background:#fff;color:#1d2735}
.production-header-choice.design.active{background:#d81b73}
.production-header-choice.design.active>span:first-child,.production-header-choice.design.active select{color:#fff!important}
.production-header-choice.installation.active{background:#e7f3ff}
.production-header-choice.installation.active>span:first-child,.production-header-choice.installation.active select{color:#0e5fae!important}
.production-auth-overlay{padding:20px;display:none;position:fixed;inset:0;z-index:1600;place-items:center;background:rgba(4,16,36,.72);backdrop-filter:blur(4px)}
.production-auth-overlay.open{display:grid}
.production-auth-card{width:min(430px,100%);padding:25px;display:grid;gap:13px;border-radius:18px;background:#fff;box-shadow:0 24px 80px rgba(0,0,0,.35)}
.production-auth-card h3,.production-auth-card p{margin:0}
.production-auth-card p{color:var(--muted)}
.production-auth-card label{display:grid;gap:6px;font-size:11px;font-weight:900}
.production-auth-card input{width:100%;padding:12px;border:1px solid #b9c8dc;border-radius:9px;font-size:18px;letter-spacing:.18em}
.production-auth-card>small{min-height:16px;color:#c32636;font-weight:800}
.production-auth-card>div{display:flex;justify-content:flex-end;gap:9px}
.production-auth-card button{padding:10px 14px;border:1px solid #b9c8dc;border-radius:9px;background:#fff;color:#0c2244;font-weight:900;cursor:pointer}
.production-auth-card button.primary{border-color:var(--blue);background:var(--blue);color:#fff}
.employee-access-code{margin:10px 0;padding:9px;display:grid;grid-template-columns:1fr 130px;gap:10px;align-items:center;border-radius:9px;background:#eef3fa;font-size:11px;font-weight:900}
.employee-access-code input{width:100%;padding:8px;border:1px solid #bdcbe0;border-radius:8px}
.production-payment-summary{padding:18px;border:1px solid #cbd9eb;border-radius:16px;background:#fff}
.production-payment-row{padding:7px 0;display:flex;justify-content:space-between;gap:18px;color:var(--muted)}
.production-payment-row strong{color:#0c2244}
.production-payment-row.subtotal{margin-top:7px;padding-top:13px;border-top:1px solid #dce5f0}
.production-payment-row.grand{margin-top:7px;padding-top:14px;border-top:1px solid #cbd9eb;font-size:18px}
.production-payment-row.deduction strong{color:#1769e8}
.production-payment-row.paid strong,.production-payment-row.credit strong{color:#158158}
.production-payment-row.due strong{color:#c32636;font-size:18px}
.production-chat-head{padding-right:90px}
.production-chat-head h2{margin:5px 0}
.production-chat-head p{margin:0;color:var(--muted)}
.production-chat-messages{margin:18px 0;max-height:430px;display:grid;gap:9px;overflow:auto}
.production-chat-messages article{max-width:82%;padding:11px 13px;border-radius:13px;background:#eef3fa}
.production-chat-messages article.staff{margin-left:auto;background:#e8f1ff}
.production-chat-messages article strong,.production-chat-messages article small{display:block}
.production-chat-messages article p{margin:5px 0}
.production-chat-messages article small{color:var(--muted)}
.production-chat-compose{display:grid;grid-template-columns:1fr auto;gap:9px;align-items:end}
.production-chat-compose textarea{min-height:95px;padding:11px;border:1px solid #cbd7e8;border-radius:10px;resize:vertical}

@media(max-width:1450px){.production-order-row{grid-template-columns:minmax(230px,1fr) 180px 145px minmax(260px,1fr)}.production-row-actions{grid-column:1/-1;grid-template-columns:1fr 1fr}}
@media(max-width:980px){.production-order-row{grid-template-columns:1fr 1fr}.production-order-open,.production-order-row>.quick-facts{grid-column:1/-1}.production-row-actions{grid-column:1/-1}}
@media(max-width:900px){.production-header-controls{grid-column:1/-1;grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){.production-modal{padding:8px}.production-order-modal-card,.production-chat-modal-card{padding:50px 10px 10px}.production-order-row{grid-template-columns:1fr}.production-order-open,.production-order-row>.quick-facts,.production-row-actions{grid-column:auto}.production-detail-head{grid-template-columns:80px 1fr}.production-detail-head>img{width:80px;height:95px}.production-head-finance{grid-column:1/-1;justify-items:start}.production-header-controls{grid-template-columns:1fr}.production-chat-compose{grid-template-columns:1fr}}

/* Alineación compacta inspirada en una tarjeta de producción */
.production-order-row{grid-template-columns:minmax(260px,1.15fr) 190px minmax(320px,1.4fr) 130px;gap:12px}
.production-order-open{grid-template-columns:92px 1fr}
.production-order-open img{width:92px;height:112px}
.quick-payment-inline{margin-top:9px;padding:7px 9px;display:grid;gap:2px;border-radius:8px;background:color-mix(in srgb,var(--payment) 14%,white)}
.production-order-open .quick-payment-inline small{margin:0;font-size:8px;font-weight:900;text-transform:uppercase;letter-spacing:.05em}
.quick-payment-inline b{color:var(--payment);font-size:13px}
.quick-payment-inline em{color:#bd2534;font-size:10px;font-style:normal;font-weight:900}
.quick-workflow{display:grid;gap:8px}
.quick-design{padding:9px 10px;display:grid;gap:3px;border-radius:9px}
.quick-design small{font-size:8px;font-weight:900;text-transform:uppercase;letter-spacing:.06em}
.quick-design strong{font-size:12px}
.quick-design.clear{background:#e8ebef;color:#1d2735}
.quick-design.required{background:#d81b73;color:#fff;box-shadow:0 5px 14px rgba(216,27,115,.2)}
.quick-mockup{padding:9px 10px;display:grid;gap:3px;border-radius:9px;background:color-mix(in srgb,var(--mockup) 14%,white);color:var(--mockup)}
.quick-mockup small{font-size:8px;font-weight:900;text-transform:uppercase;letter-spacing:.06em}
.quick-mockup strong{font-size:12px}
.production-order-row>.quick-facts{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}
.production-order-row>.quick-facts .quick-note{grid-column:auto}
.production-row-actions{grid-column:auto;align-self:stretch;grid-template-columns:1fr;grid-template-rows:1fr 1fr}
.production-row-actions button{min-height:44px}
@media(max-width:1180px){.production-order-row{grid-template-columns:minmax(250px,1fr) 180px minmax(300px,1.2fr)}.production-row-actions{grid-column:1/-1;grid-template-columns:1fr 1fr;grid-template-rows:auto}}
@media(max-width:820px){.production-order-row{grid-template-columns:1fr 1fr}.production-order-open,.production-order-row>.quick-facts,.production-row-actions{grid-column:1/-1}}
@media(max-width:560px){.production-order-row{grid-template-columns:1fr}.production-order-open,.production-order-row>.quick-facts,.production-row-actions{grid-column:auto}.production-order-row>.quick-facts{grid-template-columns:1fr}}
.mockup-terms-settings{margin-top:18px;padding:20px;border:1px solid #d7e1ef;border-radius:16px;background:#fff}.mockup-terms-settings textarea{width:100%;min-height:190px;padding:12px;border:1px solid #bdcbe0;border-radius:10px;line-height:1.5;resize:vertical}.mockup-terms-settings .matrix-button{margin-top:10px}

/* Requerimientos operativos persistentes */
.production-order-row.attention-one{border-color:#e4c04f;background:linear-gradient(90deg,#fff8d8,#fffdf3)}
.production-order-row.attention-two{border-color:#e79537;background:linear-gradient(90deg,#ffedd3,#fff8ec)}
.production-order-row.attention-many{border-color:#dc6363;background:linear-gradient(90deg,#ffe1e1,#fff1f1);box-shadow:0 5px 18px rgba(186,45,45,.12)}
.production-requirement-summary{padding:8px;display:flex;align-items:center;justify-content:center;gap:6px;border:1px solid rgba(108,67,9,.2);border-radius:9px;background:rgba(255,255,255,.72);text-align:center}
.production-requirement-summary b{min-width:24px;height:24px;margin:0;padding:0;display:grid;place-items:center;border-radius:50%;background:#c93c3c;color:#fff;font-size:12px}
.production-requirement-summary span{font-size:9px;font-weight:900;color:#713a0d;line-height:1.2}
.production-row-actions:has(.production-requirement-summary){grid-template-rows:auto 1fr 1fr}
.production-requirements{padding:18px;border:1px solid #c9ddcf;border-radius:17px;background:#f2fbf5}
.production-requirements.clear h3,.production-requirements.clear p{margin:3px 0}.production-requirements.clear p{color:var(--muted)}
.production-requirements.attention-one{border-color:#e4c04f;background:#fff8d8}.production-requirements.attention-two{border-color:#e79537;background:#ffedd3}.production-requirements.attention-many{border-color:#dc6363;background:#ffe1e1}
.production-requirements-head{display:flex;align-items:center;justify-content:space-between;gap:16px}.production-requirements-head h3,.production-requirements-head p{margin:4px 0}.production-requirements-head p{color:#6d4d27}
.production-requirements-head>b{min-width:42px;height:42px;display:grid;place-items:center;border-radius:50%;background:#b83232;color:#fff;font-size:18px}
.production-requirement-list{margin-top:13px;display:grid;gap:8px}.production-requirement-list article{padding:11px;display:grid;grid-template-columns:34px 1fr auto;gap:11px;align-items:center;border:1px solid rgba(81,48,10,.16);border-radius:11px;background:rgba(255,255,255,.82)}
.production-requirement-list article>span{width:34px;height:34px;display:grid;place-items:center;border-radius:9px;background:#fff;color:#b83232;font-size:18px;font-weight:900}.production-requirement-list strong,.production-requirement-list small{display:block}.production-requirement-list p{margin:4px 0;color:#4d5562}.production-requirement-list small{color:var(--muted)}
.production-requirement-list button{padding:9px 12px;border:1px solid #9a5b18;border-radius:9px;background:#fff;color:#6d3908;font-weight:900;cursor:pointer}.production-requirement-list button:hover{background:#fff7e7}
@media(max-width:720px){.production-requirement-list article{grid-template-columns:34px 1fr}.production-requirement-list button{grid-column:1/-1}.production-requirements-head{align-items:flex-start}}