.production-view{display:none}.production-view.active{display:block}.production-toolbar{margin:18px 0;padding:14px;display:flex;justify-content:space-between;align-items:end;gap:14px;border:1px solid var(--line);border-radius:15px;background:#fff}.production-toolbar label{display:grid;gap:5px}.production-toolbar label span,.production-control-grid label>span,.mockup-upload label>span{font-size:10px;font-weight:800;color:var(--muted)}.production-toolbar select,.production-control-grid input,.production-control-grid select,.production-control-grid textarea,.mockup-upload input,.document-upload select,.document-upload input,.production-notes,.production-add-employee input,.status-config-list input[data-status-label]{padding:10px;border:1px solid #cbd7e8;border-radius:9px;background:#fff}.production-shell{display:grid;grid-template-columns:330px minmax(0,1fr);gap:16px;align-items:start}.production-order-list{display:grid;gap:8px;position:sticky;top:15px}.production-order-row{padding:10px;display:grid;grid-template-columns:58px 1fr;gap:10px;text-align:left;border:1px solid #dce4ef;border-radius:13px;background:#fff}.production-order-row.active{border-color:var(--blue);box-shadow:0 0 0 2px rgba(23,105,232,.12)}.production-order-row img{width:58px;height:68px;object-fit:contain;border-radius:9px;background:#eef4fc}.production-order-row span{min-width:0}.production-order-row strong,.production-order-row small{display:block}.production-order-row small{margin:3px 0;color:var(--muted);font-size:10px}.production-order-row i,.production-order-row b{display:inline-block;margin-top:5px;padding:4px 7px;border-radius:99px;font-size:8px;font-style:normal}.production-order-row i{color:var(--status);background:color-mix(in srgb,var(--status) 14%,white)}.production-order-row b{grid-column:2;color:var(--payment);background:color-mix(in srgb,var(--payment) 14%,white)}.production-order-detail{display:grid;gap:13px}.production-detail-head,.production-section{padding:18px;border:1px solid var(--line);border-radius:17px;background:#fff}.production-detail-head{display:grid;grid-template-columns:100px 1fr auto;gap:16px;align-items:center}.production-detail-head>img{width:100px;height:115px;object-fit:contain;border-radius:12px;background:#eef4fc}.production-detail-head h2,.production-section h3{margin:2px 0}.production-detail-head p,.production-section-head p{margin:4px 0;color:var(--muted)}.production-detail-head>strong{font-size:24px}.production-badges{display:flex;gap:6px;flex-wrap:wrap}.production-badges span{padding:5px 8px;color:var(--badge);background:color-mix(in srgb,var(--badge) 13%,white);border-radius:99px;font-size:8px;font-weight:900}.production-control-grid{padding:15px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px;border:1px solid var(--line);border-radius:15px;background:#fff}.production-control-grid label{display:grid;gap:5px}.production-control-grid .wide{grid-column:1/-1}.production-control-grid textarea{min-height:95px;resize:vertical}.production-section-head{display:flex;justify-content:space-between;align-items:center;gap:12px}.production-products,.mockup-history,.production-documents,.production-audit{margin-top:13px;display:grid;gap:8px}.production-product{padding:10px;display:grid;grid-template-columns:65px 1fr auto;gap:12px;align-items:center;border:1px solid #dce4ef;border-radius:12px}.production-product img{width:65px;height:72px;object-fit:contain;background:#f2f6fc;border-radius:9px}.production-product strong,.production-product small{display:block}.production-product small{margin-top:3px;color:var(--muted)}.production-check{margin:12px 0;padding:10px;display:flex;gap:8px;align-items:center;border-radius:10px;background:#f3f7fd;font-weight:800}.mockup-upload{padding:11px;display:grid;grid-template-columns:1fr 1fr auto;gap:9px;align-items:end;border:1px dashed #9eb9df;border-radius:12px;background:#f7faff}.mockup-upload label{display:grid;gap:5px}.mockup-version{padding:11px;display:grid;grid-template-columns:90px 1fr auto;gap:12px;border:1px solid #dce4ef;border-radius:12px}.mockup-version.main{border-color:#1f9d6b;background:#f3fcf8}.mockup-version>img{width:90px;height:110px;object-fit:contain;border-radius:9px;background:#eef4fc}.mockup-version small,.mockup-version p{display:block;margin:4px 0;color:var(--muted)}.mockup-version-head{display:flex;justify-content:space-between;gap:10px}.mockup-version-head span{padding:4px 7px;border-radius:99px;background:#eef4fc;font-size:8px;font-weight:900}.client-comment{padding:7px;border-left:3px solid var(--blue);background:#f5f8fd}.mockup-actions{display:grid;gap:7px;align-content:start}.mockup-actions button{padding:8px;border:1px solid #cbd7e8;border-radius:8px;background:#fff;color:var(--blue);font-weight:800}.document-upload{margin-top:12px;padding:10px;display:grid;grid-template-columns:1fr 1.4fr auto auto;gap:9px;align-items:center;border-radius:11px;background:#f5f8fc}.production-document{padding:10px;display:grid;grid-template-columns:34px 1fr auto;gap:10px;align-items:center;border:1px solid #dce4ef;border-radius:10px}.production-document>span{width:32px;height:32px;display:grid;place-items:center;border-radius:8px;background:#eef4ff}.production-document strong,.production-document small{display:block}.production-document small{color:var(--muted)}.production-notes{width:100%;min-height:120px;resize:vertical}.production-audit>div{display:flex;gap:9px}.production-audit i{width:9px;height:9px;margin-top:5px;border-radius:50%;background:var(--blue)}.production-audit strong,.production-audit small{display:block}.production-audit small{color:var(--muted)}.production-savebar{padding:14px;position:sticky;bottom:10px;display:flex;justify-content:space-between;align-items:center;gap:10px;border:1px solid #bcd2f2;border-radius:13px;background:rgba(244,248,255,.96);backdrop-filter:blur(8px)}.production-empty{padding:18px;text-align:center;color:var(--muted);border:1px dashed #c6d4e6;border-radius:11px}.production-empty.large{padding:80px 20px}.production-settings-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:16px}.production-settings-grid>section{padding:17px;border:1px solid var(--line);border-radius:15px;background:#fff}.employee-config-list,.client-visibility-list,.status-config-list{margin-top:12px;display:grid;gap:9px}.employee-config-list article{padding:12px;border:1px solid #dce4ef;border-radius:11px}.employee-head{display:flex;justify-content:space-between;gap:12px}.employee-head strong,.employee-head small{display:block}.employee-head small{color:var(--muted)}.employee-permissions{margin-top:10px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.employee-permissions label,.client-visibility-list label{padding:8px;display:flex;gap:7px;align-items:center;border-radius:8px;background:#f5f8fc;font-size:11px}.production-add-employee{margin-top:12px;display:grid;grid-template-columns:1fr 1fr auto;gap:8px}.production-section-head.compact{margin-top:18px}.status-config-list label{display:grid;grid-template-columns:1fr 42px auto;gap:7px;align-items:center}.status-config-list input[type=color]{width:40px;height:38px;padding:2px;border:1px solid #cad6e5;border-radius:8px}.status-config-list span{font-size:10px}.settings-branch#production-settings-branch{display:none}.settings-branch#production-settings-branch.active{display:block}@media(max-width:1100px){.production-shell,.production-settings-grid{grid-template-columns:1fr}.production-order-list{position:static;grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:720px){.production-order-list,.production-control-grid,.employee-permissions{grid-template-columns:1fr}.production-detail-head{grid-template-columns:74px 1fr}.production-detail-head>img{width:74px;height:86px}.production-detail-head>strong{grid-column:2}.production-product,.mockup-version{grid-template-columns:58px 1fr}.production-product>b,.mockup-actions{grid-column:2}.mockup-upload,.document-upload,.production-add-employee{grid-template-columns:1fr}.production-savebar{position:static;align-items:stretch;flex-direction:column}.production-control-grid .wide{grid-column:auto}}
.mockup-upload label small{color:var(--muted);font-size:9px;line-height:1.35}.matrix-mockup-cover{position:relative}.matrix-mockup-cover img{width:90px;height:110px;object-fit:contain;border-radius:9px;background:#eef4fc}.matrix-mockup-cover b{padding:4px 6px;position:absolute;left:5px;bottom:5px;border-radius:99px;background:#1769e8;color:#fff;font-size:8px}
.production-settings-tabs{margin:0 0 16px;display:flex;gap:8px;flex-wrap:wrap}.production-settings-tabs button{padding:11px 16px;border:1px solid #c9d6e8;border-radius:11px;background:#fff;color:#10213d;font-weight:850}.production-settings-tabs button.active{border-color:#1769e8;background:#1769e8;color:#fff}.production-settings-grid{display:block}.production-settings-pane{display:none}.production-settings-pane.active{display:block}.employee-head{align-items:center}.production-delete-button{padding:7px 9px;border:1px solid #f0b8b8;border-radius:8px;background:#fff6f6;color:#c72626;font-weight:800;cursor:pointer}.production-delete-button.compact{white-space:nowrap}.status-config-list label{grid-template-columns:minmax(180px,1fr) 42px auto auto auto}.production-add-status{margin-top:12px;padding:12px;display:grid;grid-template-columns:minmax(180px,1fr) 52px auto auto auto;gap:9px;align-items:center;border:1px dashed #aac2e4;border-radius:11px;background:#f7faff}.production-add-status input{padding:10px;border:1px solid #cbd7e8;border-radius:9px}.production-add-status input[type=color]{width:46px;height:40px;padding:2px}@media(max-width:720px){.status-config-list label,.production-add-status{grid-template-columns:1fr}.production-settings-tabs button{flex:1}.production-delete-button{width:100%}}