:root{--primary:#78350f;--primary-container:#92400e;--on-primary:#fff;--secondary:#57534e;--surface:#fafaf9;--surface-container-low:#f5f5f4;--surface-container:#edebe9;--surface-container-high:#e7e5e4;--outline-variant:#d6d3d1;--success:#16a34a;--warning:#d97706;--error:#dc2626;--accent:#b45309;--mat-farine:#f8fafc;--mat-farine-border:#cbd5e1;--mat-sucre:#fef9c3;--mat-sucre-border:#facc15;--mat-beurre:#fef08a;--mat-beurre-border:#eab308;--mat-sirop:#ffedd5;--mat-sirop-border:#fb923c;--mat-oeufs:#fef3c7;--mat-oeufs-border:#f59e0b;--mat-pepites:#451a03;--mat-pepites-border:#78350f;--mat-rework:#fed7aa;--mat-rework-border:#ea580c;--mat-pate:#fde68a;--mat-pate-border:#d97706;--mat-biscuit:#b45309;--mat-biscuit-border:#78350f;--mat-flowpack:#38bdf8;--mat-flowpack-border:#0284c7;--mat-palette:#a16207;--mat-palette-border:#713f12}body{background-color:var(--surface);color:#1c1917;font-family:Inter,system-ui,-apple-system,sans-serif;overflow:hidden}.custom-scrollbar::-webkit-scrollbar{width:6px;height:6px}.custom-scrollbar::-webkit-scrollbar-track{background:0 0}.custom-scrollbar::-webkit-scrollbar-thumb{background:var(--outline-variant);border-radius:4px}.custom-scrollbar::-webkit-scrollbar-thumb:hover{background:var(--secondary)}.silos-grid{grid-template-columns:repeat(auto-fill,minmax(135px,1fr));gap:12px;display:grid}.silo-wrapper{border:1px solid var(--outline-variant);text-align:center;background:#fff;border-radius:10px;flex-direction:column;align-items:center;padding:10px 8px;transition:all .25s cubic-bezier(.4,0,.2,1);display:flex;position:relative;box-shadow:0 1px 3px #0000000a}.silo-wrapper:hover{border-color:var(--primary-container);transform:translateY(-2px);box-shadow:0 6px 16px #78350f17}.silo-tank-holder{justify-content:center;align-items:flex-end;width:100%;height:140px;margin-bottom:8px;display:flex;position:relative}.silo-body{background:var(--surface-container-low);border:2px solid #cbd5e1;border-radius:8px 8px 14px 14px;width:54px;height:130px;position:relative;overflow:hidden;box-shadow:inset 0 2px 6px #00000014}.silo-cone-top{z-index:2;background:#94a3b8;border-radius:4px 4px 0 0;width:32px;height:8px;position:absolute;top:-6px;left:50%;transform:translate(-50%)}.silo-fill{justify-content:center;align-items:flex-start;transition:height .6s cubic-bezier(.4,0,.2,1);display:flex;position:absolute;bottom:0;left:0;right:0;overflow:hidden}.silo-fill.filling{animation:2s ease-in-out infinite pulse-fill}@keyframes pulse-fill{0%,to{opacity:.95}50%{opacity:.75}}.fill-farine{background:linear-gradient(#f8fafc 0%,#cbd5e1 100%);border-top:2px solid #94a3b8}.fill-sucre{background:linear-gradient(#fef08a 0%,#ca8a04 100%);border-top:2px solid #eab308}.fill-beurre{background:linear-gradient(#fde047 0%,#d97706 100%);border-top:2px solid #ca8a04}.fill-sirop{background:linear-gradient(#fed7aa 0%,#ea580c 100%);border-top:2px solid #f97316}.fill-oeufs{background:linear-gradient(#fef3c7 0%,#b45309 100%);border-top:2px solid #d97706}.fill-pepites{background:linear-gradient(#78350f 0%,#451a03 100%);border-top:2px solid #92400e}.fill-rework{background:linear-gradient(#ffedd5 0%,#c2410c 100%);border-top:2px solid #ea580c}.fill-pate{background:linear-gradient(#fde68a 0%,#b45309 100%);border-top:2px solid #d97706}.quay-card{border:1px solid var(--outline-variant);background:#fff;border-radius:10px;justify-content:space-between;align-items:center;gap:16px;padding:12px 16px;transition:all .25s;display:flex;box-shadow:0 1px 3px #0000000a}.quay-card.idle{border-left:4px solid #94a3b8}.quay-card.preparing{background:#fffbeb;border-left:4px solid #f59e0b}.quay-card.unloading{background:#f0fdf4;border-left:4px solid #16a34a;box-shadow:0 4px 12px #16a34a1a}.quay-card.cooldown{background:#f0f9ff;border-left:4px solid #0284c7}.mixer-card{border:1px solid var(--outline-variant);background:#fff;border-radius:12px;flex-direction:column;gap:12px;padding:16px;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;box-shadow:0 2px 6px #0000000a}.mixer-card:hover{border-color:var(--primary-container);box-shadow:0 6px 20px #78350f14}.mixer-card.active-kneading{background:#fffdfa;border-color:#d97706}@keyframes spin-kneader{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.kneader-spinning{animation:1.6s linear infinite spin-kneader}.oven-zone-card{border:1px solid var(--outline-variant);background:#fff;border-radius:10px;flex-direction:column;gap:8px;padding:12px;display:flex;position:relative;overflow:hidden}.oven-zone-card.heating{border-color:#f97316}@keyframes conveyor-move{0%{background-position:0 0}to{background-position:40px 0}}.animated-conveyor{background-image:repeating-linear-gradient(90deg,#78716c 0 6px,#d6d3d1 6px 12px);animation:1.2s linear infinite conveyor-move}@keyframes heat-wave{0%{opacity:.4;transform:translateY(0)scaleY(1)}50%{opacity:.9;transform:translateY(-3px)scaleY(1.1)}to{opacity:.4;transform:translateY(0)scaleY(1)}}.heat-flame-anim{animation:1.5s ease-in-out infinite heat-wave}@keyframes flow-dash{to{stroke-dashoffset:-40px}}.flow-line-active{stroke-dasharray:6 4;animation:1s linear infinite flow-dash}.badge-status{letter-spacing:.02em;text-transform:uppercase;border-radius:9999px;align-items:center;gap:4px;padding:2px 8px;font-size:.72rem;font-weight:700;display:inline-flex}.badge-en-stock{color:#15803d;background-color:#dcfce7;border:1px solid #bbf7d0}.badge-en-consumption{color:#b45309;background-color:#fef3c7;border:1px solid #fde68a}.badge-consumed{color:#64748b;background-color:#f1f5f9;border:1px solid #e2e8f0}.badge-regrouped{color:#4338ca;background-color:#e0e7ff;border:1px solid #c7d2fe}.modal-backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:60;opacity:0;pointer-events:none;background-color:#0f172aa6;justify-content:center;align-items:center;padding:16px;transition:opacity .2s ease-in-out;display:flex;position:fixed;inset:0}.modal-backdrop.open{opacity:1;pointer-events:auto}.modal-content-card{border:1px solid var(--outline-variant);background:#fff;border-radius:14px;flex-direction:column;max-height:90vh;transition:transform .2s cubic-bezier(.4,0,.2,1);display:flex;transform:scale(.96);box-shadow:0 20px 40px #0003}.modal-backdrop.open .modal-content-card{transform:scale(1)}.lot-badge{color:#334155;background:#f8fafc;border:1px solid #cbd5e1;border-radius:6px;align-items:center;gap:6px;padding:3px 8px;font-family:JetBrains Mono,monospace;font-size:.75rem;font-weight:600;display:inline-flex}.lot-badge .lot-mat{text-transform:uppercase;border-radius:3px;padding:1px 4px;font-size:.65rem;font-weight:700}.flow-indicator{border-radius:4px;align-items:center;gap:3px;margin-top:3px;padding:2px 4px;font-size:.65rem;font-weight:700;display:flex}.flow-in{color:#047857;background:#ecfdf5;border:1px solid #a7f3d0}.flow-out{color:#c2410c;background:#fff7ed;border:1px solid #fed7aa}#scadaTooltip{pointer-events:none;color:#fff;z-index:100;background:#0f172af2;border:1px solid #475569;border-radius:8px;padding:8px 12px;font-size:.75rem;display:none;position:absolute;box-shadow:0 4px 14px #0000004d}