.crm-production-monitor{color:#203025;font:17px/1.45 Arial,sans-serif}.crm-production-monitor *{box-sizing:border-box}.crm-production-monitor--standalone{max-width:1700px;margin:auto;padding:20px}.crm-production-monitor__head{display:flex;justify-content:space-between;gap:20px;align-items:center;padding:23px 27px;border-radius:14px;background:#20392b;color:#fff}.crm-production-monitor__head small{color:#b4d86b;font-weight:800;letter-spacing:.12em}.crm-production-monitor__head h2{margin:3px 0;font-size:clamp(27px,3vw,44px);color:#fff}.crm-production-monitor__head p{margin:0;font-size:15px}.crm-production-monitor__head>strong{white-space:nowrap}.crm-production-monitor__job{margin:17px 0;border:2px solid #d7e1d3;border-radius:13px;background:#fff;overflow:hidden}.crm-production-monitor__job.is-complete{border-color:#438456}.crm-production-monitor__job>summary{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:17px 20px;cursor:pointer;background:#f5f9f2;list-style:none}.crm-production-monitor__job>summary::-webkit-details-marker{display:none}.crm-production-monitor__job>summary span{display:grid;gap:2px}.crm-production-monitor__job>summary small{font-size:12px;font-weight:800;color:#577525}.crm-production-monitor__job>summary strong{font-size:23px}.crm-production-monitor__job>summary em{font-size:14px;font-style:normal;color:#53675a}.crm-production-monitor__job>summary b{white-space:nowrap;color:#315b20}.crm-production-monitor__dishes{display:grid;gap:9px;padding:16px}.crm-production-monitor__dish{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:13px 15px;border:1px solid #dde6d9;border-radius:9px}.crm-production-monitor__dish>div:first-child{display:grid;gap:3px}.crm-production-monitor__dish strong{font-size:19px}.crm-production-monitor__dish small{font-size:13px;color:#5a695c}.crm-production-monitor__actions{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:9px}.crm-production-monitor__actions>span{padding:6px 10px;border-radius:7px;background:#eef5e8;font-weight:800;white-space:nowrap}.crm-production-monitor button{padding:9px 14px;border:0;border-radius:8px;background:#387e49;color:#fff;font:inherit;font-weight:800;cursor:pointer}.crm-production-monitor button:hover{background:#276136}.crm-production-monitor__actions details{position:relative}.crm-production-monitor__actions details>summary{cursor:pointer;font-size:13px;color:#315d31}.crm-production-monitor__actions details form{display:flex;gap:8px;flex-wrap:wrap;margin-top:7px}.crm-production-monitor__actions select{max-width:190px}.crm-production-monitor__empty{padding:20px;border:1px solid #d7e1d3;border-radius:10px;background:#fff}@media(max-width:700px){.crm-production-monitor--standalone{padding:10px}.crm-production-monitor__head,.crm-production-monitor__job>summary,.crm-production-monitor__dish{display:block}.crm-production-monitor__head>strong,.crm-production-monitor__job>summary b{display:inline-block;margin-top:9px}.crm-production-monitor__dishes{padding:10px}.crm-production-monitor__actions{justify-content:flex-start;margin-top:12px}}
/* Clear production states and compact order context. */
.crm-production-monitor__overview{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:16px 0}
.crm-production-monitor__count{display:grid;gap:2px;padding:14px 16px;border:1px solid #d7e1d3;border-radius:10px;background:#fff}
.crm-production-monitor__count strong{font-size:28px;line-height:1.2}.crm-production-monitor__count span{font-size:15px;font-weight:800}.crm-production-monitor__count small{font-size:12px;color:#53675a}
.crm-production-monitor__count--open{border-top:4px solid #8b9299}.crm-production-monitor__count--preparing{border-top:4px solid #bf8619}.crm-production-monitor__count--ready{border-top:4px solid #438456}.crm-production-monitor__count--handed_over{border-top:4px solid #56768f}
.crm-production-monitor__hint{font-size:13px;color:#53675a;margin:12px 0}
.crm-production-monitor__job.is-today:not(.is-complete){border-color:#8dbd19}
.crm-production-monitor__job>summary{position:relative;padding-right:42px}
.crm-production-monitor__job>summary::after{content:"⌄";position:absolute;right:16px;top:20px;font-size:22px;font-weight:700;color:#53675a}
.crm-production-monitor__job[open]>summary::after{content:"⌃"}
.crm-production-monitor__job>summary b{font-size:14px;white-space:normal;text-align:right}
.crm-production-monitor__job>summary b small{display:block;margin-top:3px;font-weight:500}
.crm-production-monitor__job .crm-production-monitor__context{margin:12px 16px;padding:12px 14px;border:1px solid #dce4dc;border-radius:9px;background:#f8faf6}
.crm-production-monitor__context>summary{font-size:14px;font-weight:700;cursor:pointer;color:#526557}
.crm-production-monitor__context p{margin:8px 0 0;font-size:14px;overflow-wrap:anywhere}
.crm-production-monitor__dishes:empty{display:none}
.crm-production-monitor__dish{display:grid;grid-template-columns:minmax(0,1fr) minmax(230px,auto);align-items:start;border-left:4px solid #8b9299}
.crm-production-monitor__dish--preparing{border-left-color:#bf8619}.crm-production-monitor__dish--ready{border-left-color:#438456;background:#f7faf6}.crm-production-monitor__dish--handed_over{border-left-color:#56768f;background:#f8fafb}
.crm-production-monitor__dish strong{font-size:19px;overflow-wrap:anywhere}
.crm-production-monitor__dish .crm-production-monitor__portions{font-size:16px;font-weight:800;color:#203025}
.crm-production-monitor__dish .crm-production-monitor__recipe.has-warning{color:#8a5010}
.crm-production-monitor__actions{display:grid;grid-template-columns:minmax(0,1fr);justify-content:stretch;justify-items:end;gap:10px}
.crm-production-monitor__changed{margin:6px 0 0;padding:8px 10px;border-radius:7px;background:#fff0db;color:#8a5010;font-size:13px;font-weight:700}
.crm-production-monitor__actions>.crm-production-monitor__state{font-size:13px;background:#eef1ee;color:#455647}
.crm-production-monitor__actions>.crm-production-monitor__state--preparing{background:#fff0db;color:#8a5010}
.crm-production-monitor__actions>.crm-production-monitor__state--ready{background:#e2f2e5;color:#26643b}
.crm-production-monitor__actions>.crm-production-monitor__state--handed_over{background:#eaf2fc;color:#285579}
.crm-production-monitor button{min-height:44px;max-width:100%;font-size:14px;white-space:normal}
.crm-production-monitor__actions .crm-production-monitor__correction{width:100%;margin:0;text-align:right}
.crm-production-monitor__correction>summary{min-height:40px;padding:9px 0;font-size:13px}
.crm-production-monitor__correction[open]{padding:10px;border:1px solid #dce4dc;border-radius:9px;background:#f8faf6}
.crm-production-monitor__correction form{display:grid!important;grid-template-columns:minmax(0,1fr);gap:8px}
.crm-production-monitor__actions select{width:100%;max-width:100%;min-height:44px;padding:8px;border:1px solid #cbd8ce;border-radius:7px;background:#fff;color:#26332a;font:inherit;font-size:14px}
.crm-production-monitor__job .crm-production-monitor__finished{margin:0 16px 16px;border-top:1px solid #dce4dc}
.crm-production-monitor__finished>summary{padding:12px 0;font-size:14px;font-weight:700;color:#526557;cursor:pointer}
.crm-production-monitor__finished .crm-production-monitor__dishes{padding:0}
.crm-production-monitor summary:focus-visible,.crm-production-monitor button:focus-visible{outline:3px solid #476f0c;outline-offset:3px}
@media(max-width:760px){
 .crm-production-monitor__overview{grid-template-columns:repeat(2,minmax(0,1fr))}
 .crm-production-monitor__head{display:block;padding:18px}
 .crm-production-monitor__head>strong{display:block;margin-top:10px;font-size:14px}
 .crm-production-monitor__job>summary{display:block;padding:14px 36px 14px 14px}
 .crm-production-monitor__job>summary strong{font-size:21px}
 .crm-production-monitor__job>summary b{text-align:left;display:block;margin-top:10px}
 .crm-production-monitor__dish{display:grid;grid-template-columns:minmax(0,1fr);padding:12px}
 .crm-production-monitor__actions{justify-items:start;width:100%;margin-top:6px}
 .crm-production-monitor__actions>form{width:100%}
 .crm-production-monitor__actions>form button{width:100%}
 .crm-production-monitor__actions .crm-production-monitor__correction{text-align:left}
 .crm-production-monitor__job .crm-production-monitor__context{margin:12px 10px;padding:10px}
 .crm-production-monitor__job .crm-production-monitor__finished{margin:0 10px 12px}
}