.stat-card.production{grid-gap:32px;background:none;display:grid;gap:32px;grid-template-columns:30% 1fr;height:100%;padding:0}.title-section{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.status-badges{gap:8px}.badge{align-items:center;display:flex;font-size:13px;font-weight:500;gap:4px;padding:4px 12px}.badge-delayed{background:#fff7e6;color:#fa8c16}.badge-running{background:#f6ffed;color:#52c41a}.stat-value{font-size:36px;font-weight:500;line-height:1.2;margin-bottom:12px}.stat-unit{color:#8c8c8c;font-size:20px;font-weight:400}.progress-bar{background:#f0f0f0;height:8px;margin-top:12px}.progress-fill{background:#4096ff;transition:width .3s ease}.progress-percent{color:#8c8c8c;font-size:14px;margin-top:8px;text-align:right}.batch-section{align-items:flex-start;display:flex;justify-content:space-between;margin-top:40px}.batch-info{flex:1 1}.batch-number{font-size:24px;font-weight:500;margin:8px 0}.batch-detail{color:#8c8c8c;font-size:14px}.view-history{align-items:center;background:none;border:none;color:#4096ff;cursor:pointer;display:inline-flex;font-family:inherit;font-size:14px;gap:4px;margin-left:16px;margin-top:0;text-decoration:none;white-space:nowrap}.view-history:hover{text-decoration:underline}.chart-section{height:270px;position:relative}.chart-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.chart-title-section{display:flex;flex-direction:column;gap:4px}.projection-indicator{align-items:center;color:#52c41a;display:flex;font-size:11px;font-weight:500;gap:6px}.projection-dot{animation:pulse-projection 2s infinite;background:#52c41a;border-radius:50%;height:8px;width:8px}@keyframes pulse-projection{0%{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(1.2)}to{opacity:1;transform:scale(1)}}.chart-selector{display:flex;gap:12px;padding:2px}.selector-btn{align-items:center;background:#f5f5f5;border:none;color:#8c8c8c;cursor:pointer;display:flex;font-family:inherit;font-size:13px;font-weight:500;gap:6px;padding:6px 14px;transition:all .2s ease}.selector-btn.active{background:#e6f7ff;color:#1890ff}.selector-btn:hover:not(.active){color:#595959}.chart-badge{background:#e6f7ff;color:#1890ff;font-size:12px;font-weight:500;padding:3px 10px}.chart-container{height:calc(100% - 40px);position:relative}.chart-section canvas{height:100%!important;width:100%!important}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:.3}}.stat-value.blinking{animation:blink 1.5s infinite}.metric-card{text-align:left}.metric-card.large .metric-value{color:#262626;font-size:36px;font-weight:500;margin:8px 0}.metric-value{color:#262626;font-size:24px;font-weight:500;margin:8px 0}.metric-delta{align-items:center;display:flex;font-size:14px;gap:4px;justify-content:flex-start}.metric-delta.positive{color:#52c41a}.metric-delta.negative{color:#ff4d4f}.metric-info{color:#8c8c8c;font-size:14px;margin-top:4px}.stats-grid{grid-gap:24px;align-items:start;display:grid;gap:24px;grid-template-columns:1fr 1fr;margin-bottom:24px}.production-section{background:#fff;border:1px solid #e0e0e0;display:flex;flex-direction:column;padding:24px}.production-section,.right-column{height:-webkit-fit-content;height:fit-content}.right-column{grid-gap:24px;display:grid;gap:24px;grid-template-rows:auto auto}.metrics-grid{grid-gap:32px;align-items:center;background:#fff;border:1px solid #e0e0e0;display:grid;gap:32px;grid-template-columns:1.5fr 1fr 1fr 1fr;min-height:320px;padding:16px}.stat-card{background:none;border-right:1px solid #f0f0f0;padding:0}.stat-card:last-child{border-right:none}.stat-card.large{padding-right:24px}.stat-label{color:#8c8c8c;font-size:14px;margin-bottom:12px}.ai-icon{background-image:url(/static/media/ai-icon.2c084986cb263e34f5bc.png);background-repeat:no-repeat;background-size:contain}.operator-card{background:none;cursor:pointer;padding:0;position:relative;transition:all .2s}.operator-label{color:#8c8c8c;font-size:14px;margin-bottom:12px}.operator-info{cursor:pointer}.operator-main{margin-bottom:8px}.operator-name{color:#262626;font-size:20px;font-weight:500;margin:8px 0}.operator-id{color:#8c8c8c;font-family:Monaco,Menlo,monospace;font-size:12px;margin-top:4px}.operator-details{display:flex;gap:12px}.operator-certification{background:#e6f4ff;color:#1677ff}.operator-certification,.operator-experience{border-radius:12px;font-size:12px;font-weight:500;padding:2px 8px}.operator-experience{background:#f6ffed;color:#52c41a}.operator-unassigned{padding:0;text-align:left;transition:all .2s}.operator-unassigned:hover{opacity:.8}.unassigned-text{color:#8c8c8c;font-size:20px;font-weight:500;margin:8px 0}.assign-hint{color:#8c8c8c;font-size:14px;opacity:1}.operator-dropdown-overlay{bottom:0;left:0;position:fixed;right:0;top:0;z-index:1000}.operator-dropdown{background:#fff;border:1px solid #e9ecef;border-radius:8px;box-shadow:0 4px 20px #00000026;left:0;max-height:300px;overflow-y:auto;position:absolute;right:0;top:100%;z-index:1001}.dropdown-header{align-items:center;border-bottom:1px solid #e9ecef;color:#262626;display:flex;font-weight:500;justify-content:space-between;padding:12px 16px}.unassign-btn{background:#fff2f0;border:1px solid #ffccc7;border-radius:4px;color:#ff4d4f;cursor:pointer;font-size:12px;padding:4px 8px;transition:all .2s}.unassign-btn:hover{background:#ffece6;border-color:#ffa39e}.operator-list{max-height:240px;overflow-y:auto}.operator-option{border-bottom:1px solid #f5f5f5;cursor:pointer;padding:12px 16px;transition:background .2s}.operator-option:hover{background:#f5f5f5}.operator-option.selected{background:#e6f4ff;border-left:3px solid #1677ff}.operator-option:last-child{border-bottom:none}.operator-option-main{margin-bottom:6px}.operator-option-name{color:#262626;font-size:14px;font-weight:500;margin-bottom:2px}.operator-option-id{color:#8c8c8c;font-family:Monaco,Menlo,monospace;font-size:11px}.operator-option-details{display:flex;gap:8px}.operator-option-shift{background:#f0f0f0;color:#595959}.operator-option-cert,.operator-option-shift{border-radius:8px;font-size:11px;padding:1px 6px}.operator-option-cert{background:#e6f4ff;color:#1677ff}.timeline-section{background:#fff;border:1px solid #e0e0e0;display:flex;flex-direction:column;height:calc(100vh - 500px);max-height:800px;min-height:300px;padding:24px}.timeline-header{align-items:center;display:flex;flex-shrink:0;justify-content:space-between;margin-bottom:24px}.timeline-title-section{align-items:center;display:flex;gap:24px}.timeline-title{font-size:18px;font-weight:500}.timeline-view-selector{display:flex;gap:12px}.timeline-selector-btn{align-items:center;background:#f5f5f5;border:none;color:#8c8c8c;cursor:pointer;display:flex;font-family:inherit;font-size:15px;font-weight:700;gap:6px;padding:6px 14px;transition:all .2s ease}.timeline-selector-btn.active{background:#e6f7ff;color:#1890ff}.timeline-selector-btn:hover:not(.active):not(:disabled){color:#595959}.timeline-selector-btn:disabled{cursor:not-allowed;opacity:.6}.timeline-selector-btn:disabled,.timeline-selector-btn:disabled:hover{background:#f5f5f5;color:#bfbfbf}.timeline-controls{align-items:center;display:flex;gap:16px}.timeline-select-wrapper{display:inline-block;position:relative}.timeline-select-icon{color:#4096ff;font-size:16px;left:12px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%);z-index:1}.timeline-select{appearance:none;-webkit-appearance:none;-moz-appearance:none;background:#fff;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3E%3Cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3E%3C/svg%3E");background-position:right 8px center;background-repeat:no-repeat;background-size:16px;border:1px solid #d9d9d9;border-radius:4px;color:#6a6a6a;cursor:pointer;font-size:14px;font-weight:600;min-width:180px;padding:8px 32px 8px 40px;transition:border-color .2s ease,box-shadow .2s ease}.timeline-select:hover{border-color:#4096ff}.timeline-select:focus{border-color:#4096ff;box-shadow:0 0 0 2px #4096ff1a;outline:none}.view-details{align-items:center;background:none;border:none;color:#4096ff;cursor:pointer;display:flex;font-family:inherit;font-size:14px;font-weight:500;gap:4px;padding:8px 0;text-decoration:none;transition:color .2s ease}.view-details:hover{color:#096dd9;text-decoration:none}.timeline-container{flex:1 1;margin-bottom:0;overflow-y:auto;padding:0 60px;position:relative}.timeline-grid{border-bottom:1px solid #f0f0f0;border-left:1px solid #f0f0f0;min-height:360px;padding-bottom:20px;position:relative}.time-labels{left:-50px;position:absolute;top:0;width:45px}.time-label{color:#8c8c8c;font-size:12px;position:absolute;text-align:right}.production-labels{position:absolute;right:-50px;top:0;width:45px}.production-label{font-size:12px;position:absolute}.timeline-bars{height:100%;margin-top:45px;position:relative}.timeline-row{height:50px;left:0;position:absolute;right:0}.timeline-row.current-shift-row{cursor:default;height:70px}.timeline-segment{align-items:center;color:#fff;cursor:default;display:flex;font-size:12px;font-weight:500;height:40px;justify-content:flex-start;padding:0 8px;position:absolute;transition:all .2s ease;z-index:2}.current-shift-row .timeline-segment{cursor:default}.segment-content{align-items:center;border-radius:4px;display:flex;gap:6px;max-width:100%;padding:4px 8px;transition:background-color .2s ease;width:auto}.segment-content:hover{background-color:#ffffff1a}.segment-icon{align-items:center;display:flex;flex-shrink:0;font-size:14px}.segment-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.timeline-segment:hover{opacity:.8;transform:translateY(-1px)}.timeline-segment.selected{outline:2px solid #4096ff;outline-offset:1px;transform:translateY(-1px)}.segment-uptime{background:#95de64}.segment-planned{background:#5cdbd3}.segment-setup{background:#13c2c2}.segment-reduced{background:#ffa940}.segment-downtime{background:#ff7875}.segment-unlabeled{background:#d32029}.segment-electrical,.segment-maintenance,.segment-mechanical{background:#ff7875}.segment-uptime-gray{background:#d9d9d9}.segment-planned-gray{background:#bfbfbf}.segment-setup-gray{background:#a6a6a6}.segment-reduced-gray{background:#c7c7c7}.segment-downtime-gray{background:#b8b8b8}.segment-unlabeled-gray{background:#999}.segment-electrical-gray,.segment-maintenance-gray,.segment-mechanical-gray{background:#b8b8b8}.segment-uptime-gray:hover{background:#95de64!important}.segment-planned-gray:hover{background:#5cdbd3!important}.segment-setup-gray:hover{background:#13c2c2!important}.segment-reduced-gray:hover{background:#ffa940!important}.segment-downtime-gray:hover{background:#ff7875!important}.segment-unlabeled-gray:hover{background:#d32029!important}.segment-electrical-gray:hover,.segment-maintenance-gray:hover,.segment-mechanical-gray:hover{background:#ff7875!important}.segment-future{background:#f5f5f5;background-image:repeating-linear-gradient(45deg,#e0e0e0,#e0e0e0 4px,#0000 0,#0000 8px)}.segment-future,.segment-future-gray{border:1px solid #d9d9d9;box-sizing:border-box;color:#595959}.segment-future-gray{background:#f8f8f8;background-image:repeating-linear-gradient(45deg,#e6e6e6,#e6e6e6 4px,#0000 0,#0000 8px)}.timeline-segment.segment-future-gray:hover,.timeline-segment.segment-future:hover{opacity:1;transform:none}.timeline-segment.segment-future .segment-content:hover,.timeline-segment.segment-future-gray .segment-content:hover{background:#0000}.timeline-marker{align-items:center;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:11px;font-weight:500;height:20px;justify-content:center;position:absolute;transform:translate(-50%,-50%);width:20px;z-index:10}.marker-red{background:#ff4d4f}.marker-blue{background:#4096ff}.time-scale{color:#8c8c8c;cursor:crosshair;font-size:12px;justify-content:space-between;padding:12px 60px 8px;position:relative}.time-scale,.timeline-legend{background:#fff;border-top:1px solid #f0f0f0;display:flex;flex-shrink:0}.timeline-legend{flex-wrap:wrap;gap:24px;justify-content:center;margin-top:24px;padding:16px 0;z-index:25}.legend-item{align-items:center;color:#595959;display:flex;font-size:14px;gap:8px}.legend-dot{border-radius:50%;height:12px;width:12px}.segment-dropdown{font-feature-settings:"tnum","tnum";animation:antDropdownSlideUpIn .2s cubic-bezier(.645,.045,.355,1);background:#fff;border:1px solid #d9d9d9;border-radius:6px;box-shadow:0 6px 16px 0 #00000014,0 3px 6px -4px #0000001f,0 9px 28px 8px #0000000d;display:block;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-size:14px;font-variant:tabular-nums;line-height:1.5715;list-style:none;max-width:240px;min-width:200px;overflow:hidden;position:fixed!important;transform-origin:0 0;z-index:1050!important}.segment-dropdown .dropdown-content{display:block;margin:0;padding:4px 0}.segment-dropdown .dropdown-option{align-items:center;background:#0000;border:none;color:#000000e0;cursor:pointer;display:flex;font-family:inherit;font-size:14px;gap:12px;line-height:22px;margin:0;min-height:32px;overflow:hidden;padding:5px 12px;position:relative;text-align:left;text-overflow:ellipsis;transition:background-color .2s cubic-bezier(.645,.045,.355,1);white-space:nowrap;width:100%}.segment-dropdown .dropdown-option:hover{background:#0000000a}.segment-dropdown .dropdown-option:active{background:#0000000f}.segment-dropdown .dropdown-option:focus{background:#0000000a;outline:none}.segment-dropdown .option-icon{align-items:center;color:#00000073;display:flex;flex-shrink:0;font-size:16px;height:16px;justify-content:center;margin-right:0;width:16px}.segment-dropdown .dropdown-option:hover .option-icon{color:#000000a6}.segment-dropdown .dropdown-option[data-value=uptime] .option-icon{color:#95de64!important}.segment-dropdown .dropdown-option[data-value=planned] .option-icon{color:#5cdbd3!important}.segment-dropdown .dropdown-option[data-value=setup] .option-icon{color:#13c2c2!important}.segment-dropdown .dropdown-option[data-value=reduced] .option-icon{color:#ffa940!important}.segment-dropdown .dropdown-option[data-value=downtime] .option-icon,.segment-dropdown .dropdown-option[data-value=electrical] .option-icon,.segment-dropdown .dropdown-option[data-value=maintenance] .option-icon,.segment-dropdown .dropdown-option[data-value=mechanical] .option-icon{color:#ff7875!important}.segment-dropdown .dropdown-option[data-value=unlabeled] .option-icon{color:#d32029!important}.segment-dropdown .dropdown-option:hover[data-value=uptime] .option-icon{color:#73d13d!important}.segment-dropdown .dropdown-option:hover[data-value=planned] .option-icon{color:#36cfc9!important}.segment-dropdown .dropdown-option:hover[data-value=setup] .option-icon{color:#08979c!important}.segment-dropdown .dropdown-option:hover[data-value=reduced] .option-icon{color:#fa8c16!important}.segment-dropdown .dropdown-option:hover[data-value=downtime] .option-icon,.segment-dropdown .dropdown-option:hover[data-value=electrical] .option-icon,.segment-dropdown .dropdown-option:hover[data-value=maintenance] .option-icon,.segment-dropdown .dropdown-option:hover[data-value=mechanical] .option-icon{color:#ff4d4f!important}.segment-dropdown .dropdown-option:hover[data-value=unlabeled] .option-icon{color:#a8071a!important}.segment-dropdown .option-text{color:inherit;flex:1 1;font-weight:400}.timeline-container::-webkit-scrollbar{width:8px}.timeline-container::-webkit-scrollbar-track{background:#f0f0f0;border-radius:4px}.timeline-container::-webkit-scrollbar-thumb{background:#d9d9d9;border-radius:4px}.timeline-container::-webkit-scrollbar-thumb:hover{background:#bfbfbf}.shift-change-indicator{cursor:pointer;left:0;padding:8px 0;pointer-events:auto;position:absolute;right:0;transition:all .2s ease;z-index:15}.shift-change-indicator:hover{z-index:20}.shift-change-line{background:linear-gradient(90deg,#0000 0,#bfbfbf 10%,#bfbfbf 90%,#0000);height:2px;opacity:.7;position:relative;transition:all .2s ease;width:100%}.shift-change-indicator:hover .shift-change-line{background:linear-gradient(90deg,#0000 0,#4096ff 10%,#4096ff 90%,#0000);height:3px;opacity:1}.shift-divider-row{align-items:center;cursor:pointer;display:flex;height:40px;left:0;pointer-events:auto;position:absolute;right:0;transition:all .2s ease;z-index:15}.shift-divider-row:hover{z-index:20}.shift-divider-line{background:linear-gradient(90deg,#0000 0,#bfbfbf 10%,#bfbfbf 90%,#0000);height:2px;opacity:.7;position:relative;transition:all .2s ease;width:100%}.shift-divider-row:hover .shift-divider-line{background:linear-gradient(90deg,#0000 0,#4096ff 10%,#4096ff 90%,#0000);height:3px;opacity:1}.shift-divider-label{background:#fff;border:1px solid #e6f7ff;border-radius:3px;box-sizing:border-box;color:#4096ff;font-size:11px;font-weight:600;left:-50px;padding:2px 6px;position:absolute;text-align:right;top:50%;transform:translateY(-50%);transition:color .2s ease;white-space:nowrap;width:45px}.shift-divider-row:hover .shift-divider-label{color:#4096ff}.timeline-cursor{background:#4096ff;bottom:-500px;opacity:.4;pointer-events:none;position:absolute;top:0;transform:translateX(-.5px);width:1px;z-index:0}.timeline-cursor-time{background:#fff;border:1px solid #e8eaed;border-radius:8px;box-shadow:0 2px 16px #00000026;color:#5f6368;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:12px;font-weight:400;padding:8px 12px;pointer-events:none;position:absolute;top:-35px;transform:translateX(-50%);white-space:nowrap;z-index:10}.timeline-comment-marker{align-items:center;background:#4096ff;border-radius:50%;box-shadow:0 2px 4px #0000001a;color:#fff;cursor:pointer;display:flex;font-size:11px;font-weight:500;height:20px;justify-content:center;position:absolute;top:20px;transform:translateX(-50%);width:20px;z-index:11}.timeline-comment-marker:hover{background:#4096ffcc;transform:scale(1.1)}.comment-hover-indicator{opacity:.7;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%);transition:opacity .2s ease;z-index:10}.comment-hover-marker{align-items:center;animation:pulse-hint 2s ease-in-out infinite;background:#4096ff33;border:2px dashed #4096ff66;border-radius:50%;display:flex;height:24px;justify-content:center;width:24px}.comment-hover-marker span{font-size:12px;opacity:.6}@keyframes pulse-hint{0%,to{opacity:.7;transform:scale(1)}50%{opacity:.9;transform:scale(1.1)}}.comment-overlay{background:#0000004d;bottom:0;left:0;position:fixed;right:0;top:0;z-index:1001}.comment-input-modal{background:#fff;border-radius:8px;box-shadow:0 8px 24px #00000026;max-width:400px;min-width:300px;overflow:hidden}.comment-input-content{padding:20px}.comment-input-content h4{color:#262626;font-size:16px;font-weight:500;margin:0 0 8px}.comment-input-content p{color:#8c8c8c;font-size:14px;margin:0 0 16px}.event-type-select{background:#fff;border:1px solid #d9d9d9;border-radius:6px;cursor:pointer;font-family:inherit;font-size:14px;margin-bottom:12px;padding:8px 12px;width:100%}.event-type-select:focus{border-color:#4096ff;box-shadow:0 0 0 2px #4096ff1a;outline:none}.comment-textarea{border:1px solid #d9d9d9;border-radius:6px;font-family:inherit;font-size:14px;margin-bottom:16px;min-height:80px;padding:12px;resize:vertical;width:100%}.comment-textarea:focus{border-color:#4096ff;box-shadow:0 0 0 2px #4096ff1a;outline:none}.comment-actions{display:flex;gap:12px;justify-content:flex-end}.btn-cancel{background:#f5f5f5;transition:all .2s ease}.btn-cancel:hover{background:#e6e6e6}.btn-add-comment{background:#4096ff;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:8px 16px;transition:background-color .2s ease}.btn-add-comment:hover{background:#096dd9}.ai-summary-card{animation:fadeInUp .3s ease-out;background:#f8faff;border:1px solid #d9d9d9;border-radius:4px;box-shadow:0 2px 8px #0000001a;font-size:13px;left:50%;padding:16px;position:absolute;top:50px;transform:translateX(-50%);width:400px;z-index:25}@keyframes fadeInUp{0%{opacity:0;transform:translateX(-50%) translateY(10px)}to{opacity:1;transform:translateX(-50%) translateY(0)}}.ai-summary-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.ai-copilot-badge{background:#4096ff;border-radius:4px;color:#fff;font-size:12px;font-weight:500;gap:8px;padding:6px 12px}.ai-copilot-badge,.ai-icon{align-items:center;display:flex}.ai-icon{background:#fff;border-radius:50%;color:#4096ff;font-size:10px;font-weight:600;height:16px;justify-content:center;width:16px}.ai-icon:before{content:"AI"}.shift-metrics{display:flex;gap:8px}.oee-badge{align-items:center;background:#fff;border:1px solid #d9d9d9;border-radius:4px;display:flex;gap:6px;padding:6px 10px}.oee-label{color:#8c8c8c;font-size:11px;font-weight:500}.oee-value{font-size:12px;font-weight:600}.oee-value.good{color:#52c41a}.oee-value.medium{color:#fa8c16}.oee-value.poor{color:#ff4d4f}.ai-summary-content{color:#262626;line-height:1.5}.ai-summary-content p{font-size:13px;margin:0 0 12px}.detailed-metrics{border-top:1px solid #e6f7ff;display:flex;gap:16px;margin-top:8px;padding-top:8px}.metric{align-items:center;display:flex;flex-direction:column;gap:2px}.metric-label{color:#8c8c8c;font-size:10px;font-weight:500}.detailed-metrics .metric-value{color:#1890ff;font-size:12px;font-weight:600}.timeline-cursor-full{background:#4096ff;bottom:20px;opacity:.4;pointer-events:none;position:absolute;top:-45px;transform:translateX(-.5px);width:1px;z-index:0}.segment-tooltip{pointer-events:none;position:fixed;z-index:1000}.tooltip-content{background:#fff;border:1px solid #e8eaed;border-radius:8px;box-shadow:0 4px 20px #00000026;color:#5f6368;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:13px;font-weight:400;max-width:280px;min-width:200px;padding:16px}.tooltip-header{border-bottom:1px dotted #ffffff4d;border-radius:8px 8px 0 0;margin:-16px -16px 12px;padding:12px 16px 8px}.tooltip-header strong{color:#fff;font-size:14px;font-weight:600;text-shadow:0 1px 2px #0000001a}.tooltip-section{margin-bottom:12px}.tooltip-section:last-child{margin-bottom:0}.tooltip-row{align-items:center;display:flex;justify-content:space-between;line-height:1.4;margin-bottom:6px}.tooltip-row:last-child{margin-bottom:0}.tooltip-label{color:#6f7378;font-size:13px;font-weight:400}.tooltip-value{color:#202124;font-size:13px;font-weight:500;text-align:right}.micro-stops-toggle{align-items:center;display:flex;margin:0 24px}.toggle-label{align-items:center;cursor:pointer;display:flex;gap:8px;-webkit-user-select:none;user-select:none}.toggle-checkbox{display:none}.toggle-switch{background:#d9d9d9;border-radius:12px;height:24px;position:relative;transition:background .3s ease;width:44px}.toggle-switch:before{background:#fff;border-radius:50%;box-shadow:0 2px 4px #0000001a;content:"";height:20px;left:2px;position:absolute;top:2px;transition:transform .3s ease;width:20px}.toggle-checkbox:checked+.toggle-switch{background:#4096ff}.toggle-checkbox:checked+.toggle-switch:before{transform:translateX(20px)}.toggle-text{color:#1890ff;font-size:14px;font-weight:500}.segment-micro-stop{background:#ff4d4f}.segment-micro-reduced{background:#ffb84d}.segment-micro-reduced-gray,.segment-micro-stop-gray{background:#d9d9d9}.segment-micro-stop-gray:hover{background:#ff4d4f!important}.segment-micro-reduced-gray:hover{background:#ffb84d!important}.production-status{align-items:center;background:#f8f9fa;border:1px solid #e9ecef;border-radius:6px;display:flex;gap:16px;padding:8px 16px}.status-indicator{align-items:center;display:flex;gap:8px}.status-light{border-radius:50%;height:12px;position:relative;width:12px}.status-light.running{animation:pulse-green 2s infinite;background:#52c41a;box-shadow:0 0 6px #52c41a66}.status-light.stopped{background:#ff4d4f;box-shadow:0 0 6px #ff4d4f66}@keyframes pulse-green{0%{box-shadow:0 0 6px #52c41a66}50%{box-shadow:0 0 16px #52c41acc}to{box-shadow:0 0 6px #52c41a66}}.status-text{color:#434343;font-size:13px;font-weight:500}.production-metrics{display:flex;gap:12px}.production-metrics .metric{color:#595959;font-size:13px}.production-metrics .metric strong{color:#262626}.production-control-btn{align-items:center;border:none;border-radius:6px;cursor:pointer;display:flex;font-size:16px;height:32px;justify-content:center;margin-left:8px;transition:all .2s ease;width:32px}.production-control-btn.play{background:#52c41a;color:#fff}.production-control-btn.play:hover{background:#389e0d;transform:scale(1.05)}.production-control-btn.pause{background:#ff4d4f;color:#fff}.production-control-btn.pause:hover{background:#cf1322;transform:scale(1.05)}.production-control-btn:active{transform:scale(.95)}.production-control-btn.simulate-downtime{background:#fa8c16;color:#fff}.production-control-btn.simulate-downtime:hover{background:#d46b08;transform:scale(1.05)}.production-control-btn.stop-downtime{background:#52c41a;color:#fff}.production-control-btn.stop-downtime:hover{background:#389e0d;transform:scale(1.05)}.production-control-btn:disabled{cursor:not-allowed;opacity:.5;transform:none!important}.production-control-btn:disabled:hover{transform:none!important}@keyframes antDropdownSlideUpIn{0%{opacity:0;transform:scaleY(.8)}to{opacity:1;transform:scaleY(1)}}.rate-controls{border-left:1px solid #fff3;gap:4px;padding-left:12px}.production-control-btn.rate-decrease,.production-control-btn.rate-increase{border-radius:4px;font-size:12px;height:28px;transition:all .2s ease;width:28px}.production-control-btn.rate-increase{background:#52c41a;border:1px solid #52c41a;color:#fff}.production-control-btn.rate-increase:hover:not(:disabled){background:#389e0d;border-color:#389e0d;transform:scale(1.05)}.production-control-btn.rate-decrease{background:#ff4d4f;border:1px solid #ff4d4f;color:#fff}.production-control-btn.rate-decrease:hover:not(:disabled){background:#cf1322;border-color:#cf1322;transform:scale(1.05)}.production-control-btn.rate-decrease:disabled,.production-control-btn.rate-increase:disabled{cursor:not-allowed;opacity:.3;transform:none}.rate-adjustment{color:#1677ff;font-size:11px;font-weight:500}.content{padding:16px 24px;width:100%}.page-header{justify-content:space-between;margin-bottom:0}.page-header,.page-header-left{align-items:center;display:flex;gap:16px}.page-title{font-size:28px;font-weight:500}.asset-selector{background:#fff;border:1px solid #d9d9d9;font-size:14px;padding:8px 12px}.filters-row{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:24px}.filter-btn{align-items:center;background:#fff;border:1px solid #d9d9d9;cursor:pointer;display:flex;font-size:14px;gap:6px;padding:8px 16px}.filter-btn:hover{background:#f5f5f5}.filter-btn.add-filter{border-color:#4096ff;color:#4096ff}.production-status-page-header{align-items:center;background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;display:flex;gap:16px;padding:12px 16px}.production-status-page-header .status-indicator{align-items:center;display:flex;gap:8px}.production-status-page-header .status-light{background:#ff4d4f;border-radius:50%;height:10px;width:10px}.production-status-page-header .status-light.running{background:#52c41a}.production-status-page-header .status-text{color:#262626;font-size:14px;font-weight:500}.production-status-page-header .production-metrics{display:flex;gap:16px}.production-status-page-header .metric{color:#595959;font-size:13px}.production-status-page-header .metric strong{color:#262626;font-weight:500}.production-status-page-header .production-control-btn{align-items:center;background:#333;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:8px;height:48px!important;justify-content:center;margin-left:0!important;padding:12px 14px;transition:background .2s;width:48px!important}.production-status-page-header .production-control-btn svg{font-size:28px!important;height:28px!important;width:28px!important}.production-status-page-header .production-control-btn:hover{background:#555}.production-status-page-header .production-control-btn.play{background:#2d4a00;color:#fff}.production-status-page-header .production-control-btn.play:hover{background:#3d5a10}.production-status-page-header .production-control-btn.pause{background:#8b0000;color:#fff}.production-status-page-header .production-control-btn.pause:hover{background:#a50000}.production-status-page-header .production-control-btn.simulate-downtime{background:#c60;color:#fff}.production-status-page-header .production-control-btn.simulate-downtime:hover{background:#e67300}.production-status-page-header .production-control-btn.stop-downtime{background:#2d4a00;color:#fff}.production-status-page-header .production-control-btn.stop-downtime:hover{background:#3d5a10}.production-status-page-header .production-control-btn:disabled{cursor:not-allowed;opacity:.4}.production-status-page-header .production-control-btn:disabled:hover{background:#333}.production-status-page-header .production-control-btn.restart{background:#1a4fa0;color:#fff}.production-status-page-header .production-control-btn.restart:hover{background:#2859b3}.popover-overlay{background:#00000080;bottom:0;left:0;position:fixed;right:0;top:0;z-index:1000}.restart-popover{background:#fff;border-radius:8px;box-shadow:0 4px 20px #00000026;left:50%;max-width:500px;min-width:400px;position:fixed;top:50%;transform:translate(-50%,-50%);z-index:1001}.popover-header{align-items:center;border-bottom:1px solid #e9ecef;display:flex;justify-content:space-between;padding:16px 20px}.popover-header h3{color:#262626;font-size:18px;font-weight:500;margin:0}.close-btn{background:none;border:none;color:#8c8c8c;cursor:pointer;font-size:24px;line-height:1;padding:0}.close-btn:hover{color:#262626}.popover-form{padding:20px}.form-group{margin-bottom:16px}.form-group label{color:#262626;display:block;font-size:14px;font-weight:500;margin-bottom:6px}.form-group input{border:1px solid #d9d9d9;border-radius:6px;box-sizing:border-box;font-size:14px;padding:8px 12px;width:100%}.form-group input:focus{border-color:#4096ff;box-shadow:0 0 0 2px #4096ff33;outline:none}.form-group select{background:#fff;border:1px solid #d9d9d9;border-radius:6px;box-sizing:border-box;cursor:pointer;font-size:14px;padding:8px 12px;width:100%}.form-group select:focus{border-color:#4096ff;box-shadow:0 0 0 2px #4096ff33;outline:none}.form-group select option{padding:6px}.popover-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:24px}.btn-cancel{background:#fff;border:1px solid #d9d9d9;border-radius:6px;color:#595959;cursor:pointer;font-size:14px;padding:8px 16px;transition:all .2s}.btn-cancel:hover{background:#f5f5f5;border-color:#b5b5b5;color:#262626}.btn-restart{background:#1677ff;border:1px solid #1677ff;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:8px 16px;transition:all .2s}.btn-restart:hover{background:#4096ff;border-color:#4096ff}.btn-restart:disabled{background:#f5f5f5;border-color:#d9d9d9;color:#bfbfbf;cursor:not-allowed}.rate-controls{align-items:center;background:#ffffff0d;border:1px solid #e9ecef;border-radius:6px;display:flex;gap:8px;margin-left:12px;padding:8px 12px}.rate-label{color:#595959;font-size:13px;font-weight:500;white-space:nowrap}.rate-input{background:#fff;border:1px solid #d9d9d9;border-radius:4px;font-size:13px;padding:4px 8px;text-align:center;width:60px}.rate-input:focus{border-color:#4096ff;box-shadow:0 0 0 2px #4096ff33;outline:none}.rate-input:disabled{background:#f5f5f5;color:#8c8c8c;cursor:not-allowed}.rate-unit{color:#8c8c8c;font-size:13px;font-weight:500}div.production-status-page-header .production-control-btn.pause,div.production-status-page-header .production-control-btn.play,div.production-status-page-header .production-control-btn.restart,div.production-status-page-header .production-control-btn.simulate-downtime,div.production-status-page-header .production-control-btn.stop-downtime{font-size:8px!important}div.production-status-page-header .production-control-btn.pause svg,div.production-status-page-header .production-control-btn.play svg,div.production-status-page-header .production-control-btn.restart svg,div.production-status-page-header .production-control-btn.simulate-downtime svg,div.production-status-page-header .production-control-btn.stop-downtime svg{font-size:32px!important;height:32px!important;width:32px!important}.simulation-speed-control{align-items:center;background:#ffffff0d;border:1px solid #e9ecef;border-radius:6px;display:flex;gap:8px;padding:8px 12px}.speed-label{color:#595959;font-size:13px;font-weight:500;white-space:nowrap}.speed-input{background:#fff;border:1px solid #d9d9d9;border-radius:4px;font-size:13px;padding:4px 8px;text-align:center;width:60px}.speed-input:focus{border-color:#4096ff;box-shadow:0 0 0 2px #4096ff33;outline:none}.speed-unit{color:#8c8c8c;font-size:12px;margin-left:4px}.production-controls-bottom{background:#0000;bottom:0;position:fixed;right:20px;width:auto;z-index:100}.toggle-production-controls{align-items:center;background:#f8f9fa4d;border:none;border-radius:4px 4px 0 0;color:#59595966;cursor:pointer;display:flex;font-size:10px;font-weight:400;gap:4px;height:20px;justify-content:center;opacity:.2;padding:4px 8px;transition:all .2s;width:80px}.toggle-production-controls:hover{background:#e9ecef99;opacity:.7}.toggle-production-controls svg{font-size:10px}.toggle-production-controls span{font-size:9px;font-weight:300}.production-status-collapsible{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border:1px solid #e9ecef80;border-radius:8px;box-shadow:0 -4px 12px #00000014;display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin-bottom:2px;padding:12px 16px}.production-status-collapsible .status-indicator{align-items:center;display:flex;gap:8px}.production-status-collapsible .status-light{background:#ff4d4f;border-radius:50%;height:10px;width:10px}.production-status-collapsible .status-light.running{background:#52c41a}.production-status-collapsible .status-text{color:#262626;font-size:14px;font-weight:500}.production-status-collapsible .production-metrics{display:flex;flex-wrap:wrap;gap:16px}.production-status-collapsible .metric{color:#595959;font-size:13px}.production-status-collapsible .metric strong{color:#262626;font-weight:500}.production-status-collapsible .simulation-speed-control{align-items:center;display:flex;gap:8px}.production-status-collapsible .speed-label{color:#8c8c8c;font-size:12px;font-weight:500}.production-status-collapsible .speed-input{border:1px solid #d9d9d9;border-radius:4px;font-size:12px;padding:4px 8px;width:50px}.production-status-collapsible .speed-input:focus{border-color:#4096ff;outline:none}.production-status-collapsible .speed-unit{color:#8c8c8c;font-size:12px}.production-status-collapsible .rate-controls{align-items:center;display:flex;gap:8px}.production-status-collapsible .rate-label{color:#8c8c8c;font-size:12px;font-weight:500}.production-status-collapsible .rate-input{border:1px solid #d9d9d9;border-radius:4px;font-size:12px;padding:4px 8px;width:60px}.production-status-collapsible .rate-input:focus{border-color:#4096ff;outline:none}.production-status-collapsible .rate-input:disabled{background:#f5f5f5;cursor:not-allowed}.production-status-collapsible .rate-unit{color:#8c8c8c;font-size:12px}.production-control-buttons{display:flex;gap:8px}.production-status-collapsible .production-control-btn{align-items:center;background:#333;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:8px;height:40px!important;justify-content:center;margin-left:0!important;padding:10px 12px;transition:background .2s;width:40px!important}.production-status-collapsible .production-control-btn svg{font-size:24px!important;height:24px!important;width:24px!important}.production-status-collapsible .production-control-btn:hover{background:#555}.production-status-collapsible .production-control-btn.play{background:#2d4a00;color:#fff}.production-status-collapsible .production-control-btn.play:hover{background:#3d5a10}.production-status-collapsible .production-control-btn.pause{background:#8b0000;color:#fff}.production-status-collapsible .production-control-btn.pause:hover{background:#a50000}.production-status-collapsible .production-control-btn.simulate-downtime{background:#c60;color:#fff}.production-status-collapsible .production-control-btn.simulate-downtime:hover{background:#e67300}.production-status-collapsible .production-control-btn.stop-downtime{background:#2d4a00;color:#fff}.production-status-collapsible .production-control-btn.stop-downtime:hover{background:#3d5a10}.production-status-collapsible .production-control-btn:disabled{cursor:not-allowed;opacity:.4}.production-status-collapsible .production-control-btn:disabled:hover{background:#333}.production-status-collapsible .production-control-btn.restart{background:#1a4fa0;color:#fff}.production-status-collapsible .production-control-btn.restart:hover{background:#2859b3}@media (max-width:768px){.production-status-collapsible{align-items:stretch;flex-direction:column;gap:12px}.production-control-buttons,.production-status-collapsible .production-metrics{justify-content:center}}.shop-floor{background-color:#f5f5f5;min-height:100vh;padding:20px}.shop-floor .page-header{align-items:center;background-color:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;display:flex;justify-content:space-between;margin-bottom:30px;padding:20px}.shop-floor .page-header-left{align-items:center;display:flex;gap:20px}.shop-floor .page-title{color:#262626;font-size:24px;font-weight:600;margin:0}.shop-floor .asset-selector{background-color:#fff;border:1px solid #d9d9d9;border-radius:6px;color:#595959;font-size:14px;padding:8px 12px}.equipment-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(3,1fr);max-width:1400px}.equipment-card{background-color:#fff;border:1px solid #f0f0f0;border-radius:12px;box-shadow:0 2px 12px #00000014;display:flex;flex-direction:column;min-height:280px;overflow:hidden;transition:all .3s ease}.equipment-card:hover{box-shadow:0 6px 24px #0000001f;transform:translateY(-2px)}.card-header{align-items:center;background-color:#fafafa;border-bottom:1px solid #f0f0f0;display:flex;justify-content:space-between;padding:16px 20px}.equipment-name{color:#262626;flex:1 1;font-size:13px;font-weight:500;margin-right:10px;max-width:280px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pagination-indicator{background-color:#f5f5f5;border-radius:12px;color:#8c8c8c;font-size:11px;font-weight:500;padding:4px 8px}.card-content{display:flex;flex:1 1;flex-direction:column;gap:20px;padding:24px 20px 20px}.production-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.equipment-icon{align-items:center;background:linear-gradient(135deg,#4096ff,#1890ff);border-radius:12px;box-shadow:0 4px 12px #1890ff4d;color:#fff;display:flex;font-size:24px;height:48px;justify-content:center;width:48px}.production-info{flex:1 1}.production-label{color:#8c8c8c;font-size:13px;font-weight:500;letter-spacing:.5px;margin-bottom:8px;text-transform:uppercase}.production-stats{display:flex;flex-direction:column;gap:16px}.production-count{align-items:baseline;color:#262626;display:flex;font-size:32px;font-weight:700;gap:4px;line-height:1}.production-goal{color:#8c8c8c;font-size:14px;font-weight:400}.progress-container{display:flex;flex-direction:column;gap:8px}.progress-bar{background-color:#f0f0f0;height:12px;overflow:hidden;width:100%}.progress-bar,.progress-fill{border-radius:6px;position:relative}.progress-fill{background:#1890ff;height:100%;transition:width .6s ease}.progress-fill:after{animation:shimmer 2s infinite;background:linear-gradient(90deg,#0000,#ffffff4d 50%,#0000);bottom:0;content:"";left:0;position:absolute;right:0;top:0}@keyframes shimmer{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}.progress-percentage{color:#595959;font-size:13px;font-weight:600;text-align:right}.status-badges{display:flex;justify-content:flex-end;margin-top:auto}.status-badge{border-radius:16px;box-shadow:0 2px 8px #00000026;color:#fff;font-size:11px;font-weight:600;letter-spacing:.8px;min-width:80px;padding:6px 14px;text-align:center;text-transform:uppercase}.status-badge.running{background:linear-gradient(135deg,#52c41a,#389e0d)}.status-badge.delayed{background:linear-gradient(135deg,#faad14,#d48806)}.status-badge.downtime{background:linear-gradient(135deg,#ff4d4f,#cf1322)}.card-footer{align-items:center;background:linear-gradient(135deg,#fafafa,#f5f5f5);border-top:1px solid #f0f0f0;display:flex;justify-content:space-between;margin-top:auto;padding:16px 20px}.oee-info,.sku-info{display:flex;flex-direction:column;gap:4px}.oee-label,.sku-label{color:#8c8c8c;font-size:10px;font-weight:600;letter-spacing:.8px;text-transform:uppercase}.oee-value{color:#262626;font-size:18px;font-weight:700}.sku-value{color:#595959;font-size:12px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}@media (max-width:1400px){.equipment-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:900px){.equipment-grid{gap:15px;grid-template-columns:1fr}.shop-floor{padding:15px}.equipment-card{min-height:250px}.card-content{padding:20px 15px 15px}.production-count{font-size:28px}.shop-floor .page-header-left{align-items:flex-start;flex-direction:column;gap:10px}}@media (max-width:480px){.equipment-grid{gap:12px}.equipment-card{min-height:220px}.card-content{gap:16px;padding:16px 12px 12px}.production-count{font-size:24px}.equipment-name{font-size:12px;max-width:200px}}.tree-selector{position:relative;width:300px}.tree-selector-trigger{align-items:center;background:#fff;border:1px solid #d9d9d9;border-radius:2px;cursor:pointer;display:flex;font-size:14px;justify-content:space-between;padding:8px 12px;transition:border-color .2s,box-shadow .2s}.tree-selector-trigger:hover{border-color:#4096ff}.tree-selector-trigger:focus-within{border-color:#4096ff;box-shadow:0 0 0 2px #4096ff1a}.selected-item{align-items:center;display:flex;flex:1 1;gap:8px}.selected-item-name{color:#24292f;font-family:Inter,sans-serif;font-size:14px;font-weight:400;line-height:20px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dropdown-arrow{color:#595959;font-size:12px;transition:transform .2s}.dropdown-arrow.open{transform:rotate(180deg)}.tree-selector-dropdown{background:#fff;border:none;border-radius:2px;box-shadow:0 4px 12px #00000026;left:0;margin-top:0;max-height:400px;overflow:hidden;position:absolute;right:0;top:100%;z-index:1000}.loading-indicator{color:#595959;font-size:14px;padding:16px;text-align:center}.error-message{align-items:center;background:#fff2f0;border:1px solid #ffccc7;color:#ff4d4f;display:flex;font-size:14px;justify-content:space-between;padding:16px}.retry-btn{background:#ff4d4f;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:12px;padding:4px 8px}.retry-btn:hover{background:#ff7875}.tree-content{max-height:400px;overflow-y:auto;padding:4px 0}.tree-node{width:100%}.tree-node-content{align-items:center;border-radius:0;cursor:pointer;display:flex;font-size:14px;justify-content:space-between;padding:6px 12px;transition:background-color .2s}.tree-node-content:hover{background:#f0f9ff}.tree-node-content.selected{background:#1890ff;color:#fff}.tree-node-content.selected:hover{background:#1890ff}.tree-node-left{align-items:center;display:flex;flex:1 1;gap:8px}.tree-expand-btn{align-items:center;background:none;border:none;color:#8c8c8c;cursor:pointer;display:flex;height:16px;justify-content:center;padding:0;transition:color .2s;width:16px}.tree-node-content.selected .tree-expand-btn{color:#fff}.tree-expand-btn:hover{color:#1890ff;color:#fff}.tree-expand-placeholder{height:16px;width:16px}.tree-node-icon{align-items:center;color:#1890ff;display:flex;font-size:16px}.tree-node-content.selected .tree-node-icon{color:#fff}.tree-node-name{color:#262626;font-family:Inter,sans-serif;font-size:14px;font-weight:400;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tree-node-content.selected .tree-node-name{color:#fff}.tree-node-content.location-node{cursor:default;opacity:.7}.tree-node-content.location-node:hover{background:#f5f5f5}.tree-node-content.location-node .tree-node-name{color:#8c8c8c;font-weight:500}.tree-node-content.location-node .tree-node-icon{color:#8c8c8c}.tree-node-content.asset-node{cursor:pointer}.tree-node-content.asset-node:hover{background:#f0f9ff}.sensor-type{background:#f0f0f0;border-radius:4px;color:#8c8c8c;font-size:12px;font-weight:400;padding:2px 6px}.tree-node-content.selected .sensor-type{background:#fff3;color:#fff}.tree-node-children{background:#fafafa}.tree-content::-webkit-scrollbar{width:6px}.tree-content::-webkit-scrollbar-track{background:#f1f1f1}.tree-content::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:3px}.tree-content::-webkit-scrollbar-thumb:hover{background:#a8a8a8}@media (max-width:768px){.tree-selector{width:100%}.tree-selector-dropdown{max-height:300px}.tree-content{max-height:250px}}.app-header{background:#fff;font-family:Inter,sans-serif;padding:8px 24px}.header-content{justify-content:flex-start;max-width:100%;width:100%}.header-content,.header-left{align-items:center;display:flex}.header-left{flex:1 1;gap:24px}.header-title{color:#000000d9;font-family:Inter,sans-serif;font-size:21px;font-weight:500;line-height:32px;margin:0}.machine-selector-container{align-items:center;display:flex;gap:12px}.selector-icon{align-items:center;background:#e6f7ff;border-radius:50%;color:#1890ff;display:flex;font-size:16px;height:32px;justify-content:center;transform:scale(.6);width:32px}.selector-icon svg{height:12px!important;transform:scale(.6)!important;width:12px!important}.selector-label{color:#262626;font-family:Inter,sans-serif;font-size:14px;font-weight:500;white-space:nowrap}@media (max-width:1024px){.header-content{gap:16px}.header-content,.header-left{align-items:flex-start;flex-direction:column}.header-left{width:100%}.machine-selector-container{align-items:flex-start;flex-direction:column;gap:8px}}@media (max-width:768px){.app-header{padding:8px 16px}.header-title{font-size:18px}.selected-machine-info{align-items:flex-start;flex-direction:column;gap:4px}.machine-selector-container{width:100%}}.header{align-items:stretch;background:#2b3348;color:#fff;display:flex;height:56px;padding:0}.old-header-left{gap:24px;padding:0 24px}.logo,.old-header-left{align-items:center;display:flex}.logo{font-size:16px;font-weight:500;gap:8px}.logo-icon{background:#fff;height:24px;opacity:.9;width:24px}.company-name{color:#8892a9;font-size:18px;margin-left:16px}.nav-section{flex:1 1;margin-left:40px}.nav-section,.nav-tabs{align-items:stretch;display:flex}.nav-tabs{gap:0}.nav-tab{align-items:center;background:none;border:none;border-bottom:3px solid #0000;color:#8892a9;cursor:pointer;display:flex;font-family:inherit;font-size:14px;padding:0 20px;text-decoration:none;transition:all .2s}.nav-tab:hover{background:#ffffff0d;color:#fff}.nav-tab.active{background:#4096ff1a;border-bottom-color:#4096ff;color:#4096ff}.old-header-right{align-items:center;display:flex;gap:20px;margin-left:auto;padding:0 24px}.header-icon{cursor:pointer;font-size:18px;opacity:.8}.header-icon:hover{opacity:1}.user-avatar{align-items:center;background:#4096ff;border-radius:50%;cursor:pointer;display:flex;font-size:14px;font-weight:500;height:32px;justify-content:center;width:32px}.production-status-header{align-items:center;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;display:flex;gap:16px;margin-right:24px;padding:8px 16px}.production-status-header .status-indicator{align-items:center;display:flex;gap:8px}.production-status-header .status-light{background:#ff4d4f;border-radius:50%;height:8px;width:8px}.production-status-header .status-light.running{background:#52c41a}.production-status-header .status-text{color:#fff;font-size:12px;font-weight:500}.production-status-header .production-metrics{display:flex;gap:12px}.production-status-header .metric{color:#d3d8e3;font-size:11px}.production-status-header .metric strong{color:#fff;font-weight:500}.production-status-header .production-control-btn{align-items:center;background:#ffffff1a;border:1px solid #fff3;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:14px;justify-content:center;padding:6px 8px;transition:all .2s}.production-status-header .production-control-btn:hover{background:#ffffff26;border-color:#ffffff4d}.production-status-header .production-control-btn.play{background:#52c41a;border-color:#52c41a}.production-status-header .production-control-btn.play:hover{background:#73d13d;border-color:#73d13d}.production-status-header .production-control-btn.pause{background:#ff7875;border-color:#ff7875}.production-status-header .production-control-btn.pause:hover{background:#ff9c99;border-color:#ff9c99}.production-status-header .production-control-btn.simulate-downtime{background:#fa8c16;border-color:#fa8c16}.production-status-header .production-control-btn.simulate-downtime:hover{background:#ffa940;border-color:#ffa940}.production-status-header .production-control-btn.stop-downtime{background:#52c41a;border-color:#52c41a}.production-status-header .production-control-btn.stop-downtime:hover{background:#73d13d;border-color:#73d13d}.production-status-header .production-control-btn:disabled{cursor:not-allowed;opacity:.5}.production-status-header .production-control-btn:disabled:hover{background:#ffffff1a;border-color:#fff3}.production-status-header .rate-controls{border-left:1px solid #fff3;display:flex;gap:4px;margin-left:12px;padding-left:12px}.production-status-header .production-control-btn.rate-decrease,.production-status-header .production-control-btn.rate-increase{border-radius:4px;font-size:12px;height:28px;transition:all .2s ease;width:28px}.production-status-header .production-control-btn.rate-increase{background:#52c41a;border:1px solid #52c41a;color:#fff}.production-status-header .production-control-btn.rate-increase:hover:not(:disabled){background:#389e0d;border-color:#389e0d;transform:scale(1.05)}.production-status-header .production-control-btn.rate-decrease{background:#ff4d4f;border:1px solid #ff4d4f;color:#fff}.production-status-header .production-control-btn.rate-decrease:hover:not(:disabled){background:#cf1322;border-color:#cf1322;transform:scale(1.05)}.production-status-header .production-control-btn.rate-decrease:disabled,.production-status-header .production-control-btn.rate-increase:disabled{cursor:not-allowed;opacity:.3;transform:none}.production-status-header .rate-adjustment{color:#69b1ff;font-size:11px;font-weight:500}*{box-sizing:border-box;margin:0;padding:0}body{background:#fff;color:#333;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}.App,.app{min-height:100vh}.app{display:flex;flex-direction:column}.app-content{flex:1 1;overflow:hidden}
/*# sourceMappingURL=main.37eb616e.css.map*/