/* WEnovo 6.9.1 - gekoppelde systeemprocessen en servergestuurde uitlevering. */
.system-page{display:grid;gap:18px}.system-page-head{align-items:flex-start}.system-loading,.system-error{min-height:240px;display:grid;place-items:center;align-content:center;gap:12px;text-align:center;border:1px solid #dfe3e5;border-radius:18px;background:#fff}.system-spinner{width:32px;height:32px;border:3px solid #e2e6e8;border-top-color:#d4b63b;border-radius:50%;animation:system-spin .85s linear infinite}@keyframes system-spin{to{transform:rotate(360deg)}}.system-error{border-color:#e4b4b0;background:#fff6f5}.system-error p{margin:0;color:#7a3e39}.system-stat-grid{margin:0}.system-section{display:grid;gap:12px}.system-section-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}.system-section-head h2{margin:0}.system-section-head p{margin:4px 0 0;color:#667076}.system-delivery-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.system-delivery-card{display:grid;gap:14px;padding:17px;border:1px solid #dce1e3;border-radius:18px;background:#fff;box-shadow:0 8px 24px rgba(21,25,28,.05)}.system-delivery-card>header{display:flex;justify-content:space-between;align-items:flex-start;gap:16px}.system-delivery-card h3{margin:7px 0 3px}.system-delivery-card p{margin:0;color:#5f696e}.system-delivery-customer{text-align:right}.system-delivery-customer b,.system-delivery-customer span{display:block}.system-delivery-customer span{font-size:.76rem;color:#6a7479;margin-top:4px}.system-delivery-meta{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.system-delivery-meta span{display:grid;gap:3px;padding:10px;border-radius:12px;background:#f4f6f6}.system-delivery-meta small{color:#6b757a}.system-delivery-receipt{display:grid;gap:3px;padding:11px 12px;border-radius:12px;background:#eaf6ec}.system-delivery-receipt span{color:#526158}.system-delivery-card>footer{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap}.system-delivery-card>footer>div{display:flex;gap:6px;flex-wrap:wrap}.system-complete-label{font-weight:700;color:#3d7550}.system-history{border:1px solid #dfe3e5;border-radius:16px;background:#f8f9f9;overflow:hidden}.system-history>summary{cursor:pointer;padding:14px 16px;font-weight:800}.system-history .system-delivery-grid{padding:14px}.system-sign-modal{display:grid;gap:14px}.system-sign-modal h2{margin:0}.system-sign-modal>p{margin:0;color:#636d72}.system-accept{border:1px solid #cbd8cd;border-radius:14px;background:#f1f8f2;padding:13px}.system-inbox-summary{margin-top:18px}.system-inbox-list{display:grid;gap:8px}.system-inbox-row{display:grid;grid-template-columns:150px minmax(0,1fr) auto auto;align-items:center;gap:12px;padding:11px 12px;border:1px solid #dfe3e5;border-radius:13px;background:#fff}.system-inbox-row.urgent{border-left:5px solid #d9524e}.system-inbox-type{display:grid;gap:3px}.system-inbox-type>span{font-weight:800}.system-inbox-type small,.system-inbox-row p{color:#687277}.system-inbox-row p{margin:3px 0 0}.system-inbox-list.compact .system-inbox-row:nth-child(n+6){display:none}.system-json{max-height:200px;overflow:auto;white-space:pre-wrap;font-size:.74rem}.system-leave-list{display:grid;gap:9px}.system-leave-row{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:12px 14px;border:1px solid #dfe3e5;border-radius:13px;background:#fff}.system-leave-row>div:first-child{display:grid;gap:3px}.system-leave-row span{color:#667176}.system-leave-row.review{border-left:4px solid #d4b63b}
@media(max-width:980px){.system-delivery-grid{grid-template-columns:1fr}.system-delivery-meta{grid-template-columns:repeat(2,minmax(0,1fr))}.system-inbox-row{grid-template-columns:120px minmax(0,1fr) auto}.system-inbox-row .button{grid-column:2/-1;justify-self:start}}
@media(max-width:620px){.system-page{gap:13px}.system-delivery-card{padding:13px}.system-delivery-card>header,.system-delivery-card>footer,.system-section-head,.system-leave-row{flex-direction:column;align-items:stretch}.system-delivery-customer{text-align:left}.system-delivery-meta{grid-template-columns:1fr 1fr}.system-inbox-row{grid-template-columns:1fr}.system-inbox-row .status,.system-inbox-row .button{grid-column:auto;justify-self:start}.system-leave-row .button-row .button{flex:1 1 46%}.system-history .system-delivery-grid{padding:10px}.system-sign-modal .button-row .button{flex:1 1 46%}}

.system-production-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:14px}.system-production-card{display:grid;gap:12px;padding:16px;border:1px solid #dfe3e5;border-radius:16px;background:#fff}.system-production-card>header{display:flex;justify-content:space-between;gap:14px;align-items:flex-start}.system-production-card header h3{margin:7px 0 3px}.system-production-card header p,.system-production-card header span{margin:0;color:#657076}.system-production-card header>div:last-child{text-align:right}.system-production-card header b,.system-production-card header span{display:block}.system-production-card footer{display:flex;justify-content:flex-end}.system-production-modal{width:min(720px,92vw)}@media(max-width:620px){.system-production-grid{grid-template-columns:1fr}.system-production-card>header{flex-direction:column}.system-production-card header>div:last-child{text-align:left}}

.system-delivery-grid>.empty{display:grid;gap:4px;grid-column:1/-1}

/* Production checklists retain compact native checkboxes inside the shared form layout. */
.system-production-modal .field.checkbox-field{display:flex;align-items:center;gap:10px;justify-content:flex-start}
.system-production-modal .field.checkbox-field input[type="checkbox"]{width:18px;height:18px;min-height:18px;min-width:18px;flex:0 0 18px;padding:0;margin:0}
.system-production-modal .field.checkbox-field>span{flex:1;min-width:0}
.system-production-modal{max-width:100%}