@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap";:root{--brand:#f4c400;--brand-soft:#f4c4001f;--brand-line:#f4c40047;--bg:#0a0c0f;--surface:#13181e;--surface-2:#1a2028;--surface-3:#222c36;--line:#2d3740;--text:#eef1f5;--muted:#8a96a3;--danger:#e05252;--warning:#f4c400;--success:#2ecc71;--info:#4da6ff;--radius:10px;--radius-sm:7px;--shadow-card:0 8px 24px #00000059;--shadow-hover:0 12px 32px #00000073;--sidebar-w:220px;--topbar-h:68px;--font:"Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*,:before,:after{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:var(--font);background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;font-size:14px;line-height:1.45}button,input,select{font-family:inherit;font-size:inherit;color:inherit}h1,h2,h3{letter-spacing:-.01em;margin:0;font-weight:700}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes shimmer{0%{background-position:-400px 0}to{background-position:400px 0}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{0%,to{opacity:1;box-shadow:0 0 #2ecc7180}50%{opacity:.7;box-shadow:0 0 0 6px #2ecc7100}}@keyframes fillBar{0%{width:0}to{width:var(--pct,100%)}}.spin{animation:.9s linear infinite spin}.card-enter{animation:.3s forwards slideUp}.auth-page{background:radial-gradient(900px 460px at 75% 20%,#f4c40014,#0000 62%),linear-gradient(135deg,#0a0c0f 0%,#111820 100%);place-items:center;min-height:100vh;padding:28px;display:grid}.auth-panel{border-radius:var(--radius);width:min(460px,100%);box-shadow:var(--shadow-card);background:#13181ef5;border:1px solid #f4c40033;flex-direction:column;gap:22px;padding:26px;display:flex}.auth-brand{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:16px;padding-bottom:16px;display:flex}.auth-brand img{object-fit:contain;filter:drop-shadow(0 8px 18px #00000047);width:214px;height:auto}.auth-brand span,.auth-title p{color:var(--muted);letter-spacing:.12em;text-transform:uppercase;font-size:11px;font-weight:700}.auth-title{align-items:center;gap:14px;display:flex}.auth-title svg{color:var(--brand);flex-shrink:0}.auth-title h1{font-size:26px}.auth-title p{letter-spacing:.05em;text-transform:none;margin:4px 0 0;line-height:1.5}.login-form,.password-panel{flex-direction:column;gap:13px;display:flex}.login-form label,.password-panel label,.user-form-grid label{flex-direction:column;gap:5px;display:flex}.login-form span,.password-panel span,.user-form-grid span{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;font-size:10.5px;font-weight:700}.login-form input,.password-panel input,.user-form-grid input,.user-form-grid select,.table-input{background:var(--surface-2);border:1px solid var(--line);border-radius:var(--radius-sm);height:38px;color:var(--text);outline:none;padding:0 12px}.login-form input:focus,.password-panel input:focus,.user-form-grid input:focus,.user-form-grid select:focus,.table-input:focus{border-color:var(--brand);box-shadow:0 0 0 3px var(--brand-soft)}.auth-error{border-radius:var(--radius-sm);color:#ff9a9a;background:#e052521a;border:1px solid #e0525266;padding:10px 12px;font-size:12px;font-weight:600}.auth-error.soft{border-color:var(--brand-line);color:var(--brand);background:var(--brand-soft)}.auth-loading,.auth-link-button{color:var(--muted);align-items:center;gap:9px;font-weight:600;display:inline-flex}.auth-link-button{cursor:pointer;background:0 0;border:none;align-self:flex-start}.auth-link-button:hover{color:var(--brand)}*{scrollbar-width:thin;scrollbar-color:var(--brand-line) transparent}::-webkit-scrollbar-thumb{background:var(--brand-line);background-clip:padding-box;border:2px solid #0000;border-radius:999px}::-webkit-scrollbar-thumb:hover{background:var(--brand);background-clip:padding-box}.app-shell{grid-template-columns:var(--sidebar-w) 1fr;min-height:100vh;display:grid}.sidebar{border-right:1px solid var(--line);z-index:30;background:#0d1117;flex-direction:column;gap:18px;height:100vh;padding:18px 12px;display:flex;position:sticky;top:0}.sidebar .brand{border-bottom:1px solid var(--line);align-items:center;gap:10px;padding:2px 8px 18px;display:flex}.sidebar .brand img{object-fit:contain;filter:drop-shadow(0 8px 18px #00000047);width:100%;max-width:190px;height:auto}.sidebar .brand span{display:none}.sidebar nav{flex-direction:column;flex:1;gap:3px;display:flex}.nav-item{border-radius:var(--radius-sm);color:var(--muted);cursor:pointer;text-align:left;white-space:nowrap;background:0 0;border:none;border-left:3px solid #0000;align-items:center;gap:11px;padding:10px 12px;font-weight:500;transition:all .2s;display:flex}.nav-item svg{flex-shrink:0}.nav-item.active{color:var(--brand);background:var(--brand-soft);border-left-color:var(--brand);font-weight:600}.sidebar-footer{border-top:1px solid var(--line);color:var(--muted);letter-spacing:.02em;align-items:center;gap:9px;padding:12px 10px 2px;font-size:12px;font-weight:600;display:flex}.sidebar-footer img{object-fit:contain;opacity:.85;width:26px;height:26px}.workspace{background:radial-gradient(1200px 600px at 80% -10%, #f4c4000a, transparent 60%), var(--bg);flex-direction:column;min-width:0;display:flex}.topbar{z-index:25;min-height:var(--topbar-h);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid var(--line);background:#0d1117d1;justify-content:space-between;align-items:center;gap:16px;padding:12px 22px;display:flex;position:sticky;top:0}.topbar .eyebrow{letter-spacing:.14em;color:var(--muted);text-transform:uppercase;font-size:10.5px;font-weight:700;display:block}.topbar h1{margin-top:2px;font-size:19px}.top-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:10px;display:flex}.revolus-status{border:1px solid var(--line);background:var(--surface-2);color:var(--muted);cursor:pointer;border-radius:999px;align-items:center;gap:8px;padding:8px 12px;font-size:12.5px;font-weight:600;transition:all .2s;display:inline-flex}.revolus-status:before{content:"";background:var(--muted);border-radius:50%;flex-shrink:0;width:8px;height:8px}.revolus-status.connected{color:var(--success);background:#2ecc7114;border-color:#2ecc714d}.revolus-status.connected:before{background:var(--success);animation:2s ease-in-out infinite pulse}.revolus-status strong{color:var(--text);font-weight:700}.revolus-status:hover:not(:disabled){border-color:var(--brand-line)}.revolus-status:disabled{opacity:.55;cursor:not-allowed}.user-chip{border:1px solid var(--brand-line);background:var(--brand-soft);height:38px;color:var(--brand);cursor:pointer;border-radius:999px;align-items:center;gap:8px;padding:0 12px;font-weight:700;display:inline-flex}.user-chip span{text-overflow:ellipsis;white-space:nowrap;max-width:130px;overflow:hidden}.input-with-icon{background:var(--surface-2);border:1px solid var(--line);border-radius:var(--radius-sm);height:38px;color:var(--muted);align-items:center;gap:8px;min-width:200px;padding:0 12px;transition:all .2s;display:inline-flex}.input-with-icon.small{min-width:220px;height:36px}.input-with-icon input{color:var(--text);background:0 0;border:none;outline:none;width:100%}.input-with-icon input::placeholder{color:var(--muted)}.input-with-icon:focus-within{border-color:var(--brand);box-shadow:0 0 0 3px var(--brand-soft)}.compact-field,.select-field,.quantity-field{flex-direction:column;gap:3px;display:inline-flex}.compact-field span,.select-field span,.quantity-field span{letter-spacing:.1em;text-transform:uppercase;color:var(--muted);font-size:10px;font-weight:700}.compact-field input,.select-field select,.quantity-field input,.machine-select{background:var(--surface-2);border:1px solid var(--line);border-radius:var(--radius-sm);height:38px;color:var(--text);cursor:pointer;outline:none;padding:0 12px;transition:all .2s}.compact-field input:focus,.select-field select:focus,.quantity-field input:focus,.machine-select:focus{border-color:var(--brand);box-shadow:0 0 0 3px var(--brand-soft)}.machine-select.manual{border-color:var(--brand-line);color:var(--brand)}.action-button{border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--surface-2);height:38px;color:var(--text);cursor:pointer;white-space:nowrap;align-items:center;gap:8px;padding:0 16px;font-weight:600;transition:all .2s;display:inline-flex}.action-button:hover:not(:disabled){border-color:var(--brand-line);background:var(--surface-3);transform:translateY(-1px)}.action-button.primary{background:var(--brand);border-color:var(--brand);color:#161003}.action-button.primary:hover:not(:disabled){background:#ffd429;box-shadow:0 6px 18px #f4c40040}.action-button.compact{height:36px;padding:0 12px}.action-button.wide-button{justify-content:center;width:100%;margin-top:4px}.action-button:disabled{opacity:.5;cursor:not-allowed}.icon-button{border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--surface-2);width:38px;height:38px;color:var(--muted);cursor:pointer;justify-content:center;align-items:center;transition:all .2s;display:inline-flex}.icon-button:hover{color:var(--brand);border-color:var(--brand-line);transform:translateY(-1px)}.button-row{flex-wrap:wrap;align-items:flex-end;gap:10px;display:flex}.status-line{background:var(--surface);border-bottom:1px solid var(--line);color:var(--muted);justify-content:space-between;align-items:center;gap:12px;padding:8px 22px;font-size:12.5px;display:flex}.status-line strong{color:var(--danger);font-weight:600}.content-grid{grid-template-columns:repeat(3,1fr);gap:18px;padding:22px;animation:.3s fadeIn;display:grid}.content-grid>section{animation:.3s both slideUp}.panel{border-radius:var(--radius);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:var(--shadow-card);background:#13181ef2;border:1px solid #ffffff0f;min-width:0;padding:18px}.glass{border-radius:var(--radius);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#13181ef2;border:1px solid #ffffff0f}.panel.wide{grid-column:span 2}.panel.full{grid-column:1/-1;margin:22px}.content-grid .panel.full,.material-layout .panel.full{margin:0}.panel-title{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;display:flex}.panel-title h2{font-size:15.5px}.panel-subtitle{color:var(--muted);margin-top:2px;font-size:12px;display:block}.eyebrow{letter-spacing:.14em;text-transform:uppercase;color:var(--brand);margin-bottom:4px;font-size:10px;font-weight:700;display:block}.count-pill{background:var(--surface-2);border:1px solid var(--line);color:var(--muted);border-radius:999px;align-items:center;padding:4px 12px;font-size:12px;font-weight:600;display:inline-flex}.count-pill.danger-count{color:var(--danger);background:#e052521a;border-color:#e052524d}.kpi-grid{grid-column:1/-1;grid-template-columns:repeat(6,1fr);gap:14px;display:grid}.stat-card{border-radius:var(--radius);background:#13181ef2;border:1px solid #ffffff0f;flex-direction:row;align-items:center;gap:14px;padding:16px 18px;transition:all .2s;animation:.3s both slideUp;display:flex;position:relative;overflow:hidden}.stat-card:hover{box-shadow:var(--shadow-hover);border-color:#ffffff24;transform:translateY(-2px)}.stat-card-icon{background:var(--surface-3);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:46px;height:46px;display:flex}.stat-card-body{flex-direction:column;gap:3px;min-width:0;display:flex}.stat-card.danger .stat-card-icon{background:#e0525226}.stat-card.success .stat-card-icon{background:#2ecc7126}.stat-card.warning .stat-card-icon{background:#f4c40026}.stat-card.info .stat-card-icon{background:#4da6ff26}.stat-card.neutral .stat-card-icon{background:#f4c4001f}.stat-card svg{color:var(--muted)}.stat-card-body span,.stat-card>span{color:var(--muted);text-transform:uppercase;letter-spacing:.05em;white-space:nowrap;text-overflow:ellipsis;font-size:11px;font-weight:600;overflow:hidden}.stat-card-body strong,.stat-card>strong{letter-spacing:-.02em;font-size:24px;font-weight:800;line-height:1.1}.stat-card:after{content:"";background:var(--muted);opacity:.7;width:100%;height:3px;position:absolute;bottom:0;left:0}.stat-card.success:after{background:var(--success)}.stat-card.success svg{color:var(--success)}.stat-card.warning:after{background:var(--warning)}.stat-card.warning svg{color:var(--warning)}.stat-card.danger:after{background:var(--danger)}.stat-card.danger svg{color:var(--danger)}.stat-card.info:after{background:var(--info)}.stat-card.info svg{color:var(--info)}.stat-card.neutral:after{background:var(--brand)}.stat-card.neutral svg{color:var(--brand)}.dashboard-command{grid-column:1/-1;grid-template-columns:1.4fr 1fr;gap:18px;display:grid}.dashboard-main-card,.dashboard-action-card{border-radius:var(--radius);box-shadow:var(--shadow-card);background:#13181ef2;border:1px solid #ffffff0f;padding:20px}.dashboard-main-card{background:linear-gradient(135deg,#f4c4000f,#13181ef2 55%)}.dashboard-main-value{align-items:baseline;gap:10px;margin:10px 0 14px;display:flex}.dashboard-main-value strong{color:var(--brand);letter-spacing:-.03em;font-size:42px;font-weight:800}.dashboard-main-value span{color:var(--muted);font-size:13px}.dashboard-progress{background:var(--surface-3);border-radius:999px;height:10px;overflow:hidden}.dashboard-progress i{background:linear-gradient(90deg, var(--brand), #4da6ff);border-radius:999px;height:100%;animation:.8s cubic-bezier(.4,0,.2,1) forwards fillBar;display:block}.dashboard-main-grid{grid-template-columns:repeat(3,1fr);gap:14px;margin-top:18px;display:grid}.dashboard-main-grid div{flex-direction:column;gap:4px;display:flex}.dashboard-main-grid span{color:var(--muted);text-transform:uppercase;letter-spacing:.06em;font-size:11px}.dashboard-main-grid strong{font-size:20px;font-weight:700}.dashboard-action-list{flex-direction:column;gap:10px;display:flex}.dashboard-action-list>div{border-radius:var(--radius-sm);background:var(--surface-2);border-left:3px solid var(--danger);grid-template-rows:auto auto;grid-template-columns:auto 1fr;gap:2px 12px;padding:12px;display:grid}.dashboard-action-list strong{color:var(--brand);font-weight:700}.dashboard-action-list span{text-align:right;color:var(--text);font-size:13px;font-weight:600}.dashboard-action-list small{color:var(--muted);grid-column:1/-1;font-size:11.5px}.chart-box{width:100%}.capacity-bars-v2{flex-direction:column;gap:0;display:flex}.cap-header-row,.cap-row{grid-template-columns:130px 1fr 58px 120px;align-items:center;gap:14px;padding:0 6px;display:grid}.cap-header-row{border-bottom:1px solid var(--line);margin-bottom:4px;padding-bottom:8px}.cap-machine-label{color:var(--text);white-space:nowrap;text-overflow:ellipsis;font-size:12px;font-weight:500;overflow:hidden}.cap-header-row .cap-machine-label,.cap-header-row .cap-pct-label,.cap-header-row .cap-meta-label{text-transform:uppercase;letter-spacing:.07em;color:var(--muted);font-size:10px;font-weight:700}.cap-scale{height:18px;position:relative}.cap-scale span{color:var(--muted);font-size:9.5px;font-weight:600;position:absolute;transform:translate(-50%)}.cap-row{border-radius:6px;padding:5px 6px;transition:background .15s}.cap-row:hover{background:var(--surface-2)}.cap-bar-area{align-items:center;height:18px;display:flex;position:relative}.cap-bar-track{background:var(--surface-3);border-radius:4px;width:100%;height:14px;position:relative;overflow:visible}.cap-bar-fill{background:var(--success);border-radius:4px;height:100%;transition:width .5s;animation:.8s cubic-bezier(.4,0,.2,1) forwards fillBar;position:absolute;top:0;left:0}.cap-row.warn .cap-bar-fill{background:var(--warning)}.cap-row.overload .cap-bar-fill{background:var(--success)}.cap-bar-excess{background:var(--danger);border-radius:0 4px 4px 0;height:100%;animation:.8s cubic-bezier(.4,0,.2,1) forwards fillBar;position:absolute;top:0}.cap-100-line{z-index:2;background:#ffffff40;border-radius:2px;width:2px;position:absolute;top:-3px;bottom:-3px}.cap-pct-label{text-align:right;white-space:nowrap;font-size:13px;font-weight:800}.cap-row.warn .cap-pct-label{color:var(--warning)}.cap-row.overload .cap-pct-label{color:var(--danger)}.cap-row.ok .cap-pct-label{color:var(--success)}.cap-meta-label{color:var(--muted);text-align:right;font-size:11px}.cap-meta{justify-content:flex-end;align-items:center;gap:8px;display:flex}.capacity-bars{flex-direction:column;gap:11px;display:flex}.capacity-row{border-radius:6px;grid-template-columns:155px 1fr 58px auto;align-items:center;gap:12px;padding:4px 6px;transition:background .15s;display:grid}.capacity-row:hover{background:var(--surface-2)}.capacity-row>span{color:var(--text);white-space:nowrap;text-overflow:ellipsis;font-size:12.5px;font-weight:500;overflow:hidden}.capacity-track{background:var(--surface-3);border-radius:999px;height:12px;overflow:hidden}.capacity-track i,.capacity-fill{background:linear-gradient(90deg, var(--brand), #2fd6c5);border-radius:999px;height:100%;animation:.8s cubic-bezier(.4,0,.2,1) forwards fillBar;display:block}.capacity-row.overload .capacity-track i{background:linear-gradient(90deg, #f4860c, var(--danger))}.capacity-row strong{text-align:right;font-size:13px;font-weight:700}.capacity-row.overload strong{color:var(--danger)}.capacity-row-meta{flex-direction:column;align-items:flex-end;gap:3px;min-width:70px;display:flex}.capacity-row small{color:var(--muted);text-align:right;font-size:11px}.capacity-ordens-chip{background:var(--surface-3);border:1px solid var(--line);color:var(--muted);white-space:nowrap;border-radius:999px;align-items:center;padding:1px 7px;font-size:10px;font-weight:600;display:inline-flex}.capacity-row.overload .capacity-ordens-chip{color:var(--danger);background:#e052521f;border-color:#e052524d}.donut-box{justify-content:center;padding:8px 0 14px;display:flex}.donut{border-radius:50%;place-items:center;width:160px;height:160px;display:grid;position:relative}.donut:before{content:"";background:var(--surface);border-radius:50%;position:absolute;inset:26px}.donut>div{flex-direction:column;align-items:center;display:flex;position:relative}.donut strong{font-size:26px;font-weight:800}.donut span{color:var(--muted);text-transform:uppercase;letter-spacing:.06em;font-size:11px}.legend-list{flex-direction:column;gap:8px;display:flex}.legend-list span{color:var(--text);border-radius:6px;align-items:center;gap:9px;padding:6px 10px;font-size:12.5px;transition:background .15s;display:flex}.legend-list span:hover{background:var(--surface-2)}.legend-list i{border-radius:3px;flex-shrink:0;width:11px;height:11px}.rank-list{flex-direction:column;gap:8px;display:flex}.rank-row{border-radius:var(--radius-sm);background:var(--surface-2);border:1px solid #0000;grid-template-columns:1fr auto auto;align-items:center;gap:10px;padding:10px 14px;transition:all .2s;display:grid;position:relative}.rank-row:hover{background:var(--surface-3);border-color:var(--line)}.rank-row span{white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:500;overflow:hidden}.rank-row strong{color:var(--brand);font-size:15px;font-weight:800}.rank-row small{color:var(--muted);background:var(--surface-3);border:1px solid var(--line);white-space:nowrap;border-radius:999px;padding:2px 8px;font-size:11px}.rank-row-bar{border-radius:0 0 var(--radius-sm) var(--radius-sm);background:linear-gradient(90deg, var(--brand), #f4c4004d);height:2px;transition:width .6s cubic-bezier(.4,0,.2,1);position:absolute;bottom:0;left:0}.filter-strip{flex-wrap:wrap;align-items:flex-end;gap:12px;margin-bottom:16px;display:flex}.filter-strip.in-toolbar{margin-bottom:0}.filter-strip.in-toolbar .input-with-icon{min-width:280px}.users-page{grid-template-columns:.9fr 1.4fr;gap:16px;padding:22px;display:grid}.users-page .panel.full{grid-column:1/-1}.users-create-panel{min-width:0}.user-form-grid{grid-template-columns:repeat(2,minmax(160px,1fr)) auto;align-items:end;gap:12px;display:grid}.status-toggle{color:#ff9a9a;cursor:pointer;background:#e052521f;border:1px solid #e0525259;border-radius:999px;height:30px;padding:0 12px;font-weight:700}.status-toggle.active{color:var(--success);background:#2ecc711f;border-color:#2ecc7159}.status-toggle:disabled{opacity:.5;cursor:not-allowed}.table-input{width:160px;height:32px}.table-wrap{border:1px solid var(--line);border-radius:var(--radius-sm);width:100%;max-height:72vh;overflow:auto}table{border-collapse:separate;border-spacing:0;width:100%;font-size:12.8px}thead th{z-index:5;background:var(--surface-3);color:var(--muted);text-transform:uppercase;letter-spacing:.05em;text-align:left;white-space:nowrap;border-bottom:1px solid var(--line);padding:11px 13px;font-size:11px;font-weight:600;position:sticky;top:0}tbody td{color:var(--text);vertical-align:middle;border-bottom:1px solid #2d374080;padding:10px 13px}tbody tr{transition:background .15s}tbody tr:hover{background:#f4c4000a}tbody tr:last-child td{border-bottom:none}.code-cell{color:var(--brand);font-variant-numeric:tabular-nums;font-weight:700}.strong-cell{font-weight:700}.danger-text{color:var(--danger)}.success-text{color:var(--success)}.warning-text{color:var(--warning)}.muted-text{color:var(--muted)}.highlight-row{background:var(--brand-soft)!important}tbody tr.row-p1{background:#e052520d}tbody tr.row-p1:hover{background:#e052521a}tbody tr.row-p2{background:#f4c40008}tbody tr.row-p2:hover{background:#f4c40012}.score-bar-cell{align-items:center;gap:8px;min-width:90px;display:flex}.score-bar-track{background:#ffffff0f;border-radius:999px;flex:1;height:6px;overflow:hidden}.score-bar-track i{border-radius:999px;height:100%;animation:.5s forwards fillBar;display:block}.score-bar-track i.danger{background:linear-gradient(90deg, #f4860c, var(--danger))}.score-bar-track i.warning{background:linear-gradient(90deg, var(--brand), #f4860c)}.score-bar-track i.info{background:linear-gradient(90deg, var(--success), var(--brand))}.score-bar-track i.muted{background:var(--surface-3)}.score-bar-cell>span{color:var(--text);white-space:nowrap;text-align:right;min-width:28px;font-size:12px;font-weight:700}.need-qty-cell{color:var(--danger)!important;font-weight:700!important}.reasons-list{flex-wrap:wrap;gap:3px;display:flex}.reason-chip{color:var(--muted);white-space:nowrap;background:#ffffff0d;border:1px solid #ffffff14;border-radius:4px;padding:2px 7px;font-size:10px;font-weight:600;display:inline-flex}.badge{letter-spacing:.02em;border:1px solid #0000;border-radius:999px;align-items:center;padding:3px 9px;font-size:11px;font-weight:700;display:inline-flex}.badge.danger{color:var(--danger);background:#e052521f;border-color:#e052524d}.badge.warning{color:var(--warning);background:#f4c4001f;border-color:#f4c4004d}.badge.info{color:var(--info);background:#4da6ff1f;border-color:#4da6ff4d}.badge.success{color:var(--success);background:#2ecc711f;border-color:#2ecc714d}.badge.muted,.badge.neutral{color:var(--muted);background:var(--surface-3);border-color:var(--line)}.source-badge{letter-spacing:.04em;border-radius:5px;align-items:center;margin-left:6px;padding:2px 7px;font-size:10px;font-weight:700;display:inline-flex}.source-badge.aps{color:var(--info);background:#4da6ff1f}.source-badge.sheet{color:var(--success);background:#2ecc711f}.source-badge.spot{color:var(--brand);background:var(--brand-soft)}.source-status{color:var(--muted);margin-top:2px;font-size:10px;display:block}.fulfillment-cell{align-items:center;gap:8px;min-width:110px;display:flex}.fulfillment-track{background:var(--surface-3);border-radius:999px;flex:1;height:7px;overflow:hidden}.fulfillment-track i{background:linear-gradient(90deg, var(--danger), var(--warning));border-radius:999px;height:100%;animation:.8s cubic-bezier(.4,0,.2,1) forwards fillBar;display:block}.fulfillment-cell strong{text-align:right;min-width:34px;font-size:11.5px;font-weight:700}.candidate-machines{white-space:nowrap;text-overflow:ellipsis;max-width:180px;color:var(--muted);font-size:11.5px;overflow:hidden}.history-list{color:var(--muted);align-items:center;gap:6px;font-size:12px;display:inline-flex}.intervention-panel{border-color:#e052522e}.machine-page-layout{flex-direction:column;height:100%;animation:.3s fadeIn;display:flex;overflow:hidden}.machine-summary-bar{border-bottom:1px solid var(--line);flex-shrink:0;grid-template-columns:repeat(4,1fr);gap:14px;padding:20px 22px 16px;display:grid}.machine-body{flex:1;display:flex;overflow:hidden}.machine-sidebar{border-right:1px solid var(--line);scrollbar-width:thin;scrollbar-color:var(--line) transparent;flex-direction:column;flex-shrink:0;gap:20px;width:216px;padding:16px 12px;display:flex;overflow-y:auto}.msb-section-label{letter-spacing:.12em;text-transform:uppercase;color:var(--muted);border-bottom:1px solid var(--line);padding-bottom:8px;font-size:9px;font-weight:700}.msb-filter-btn{border-radius:var(--radius-sm);color:var(--muted);cursor:pointer;text-align:left;background:0 0;border:1px solid #0000;justify-content:space-between;align-items:center;gap:8px;width:100%;padding:8px 10px;font-size:12.5px;font-weight:600;transition:all .15s;display:flex}.msb-filter-btn:hover{background:var(--surface-2);color:var(--text)}.msb-filter-btn.active{background:var(--brand-soft);border-color:var(--brand-line);color:var(--brand)}.msb-filter-right{flex-shrink:0;align-items:center;gap:5px;display:flex}.msb-filter-btn strong{color:inherit;background:#ffffff12;border-radius:999px;padding:1px 7px;font-size:10.5px}.msb-overload-dot{color:var(--danger);background:#e052522e;border-radius:999px;padding:1px 5px;font-size:10px;font-style:normal;font-weight:700}.msb-alert-item{border-radius:var(--radius-sm);background:#e052520d;border:1px solid #e052522e;justify-content:space-between;align-items:center;padding:6px 10px;font-size:12px;display:flex}.msb-alert-item span{color:var(--text);font-weight:700}.msb-alert-item strong{color:var(--danger);font-size:11px;font-weight:800}.machine-main{scrollbar-width:thin;scrollbar-color:var(--line) transparent;flex-direction:column;flex:1;gap:22px;padding:18px 22px 24px;display:flex;overflow-y:auto}.machine-page{flex-direction:column;gap:18px;padding:22px;animation:.3s fadeIn;display:flex}.machine-page-summary,.queue-summary,.material-summary-grid{grid-template-columns:repeat(4,1fr);gap:14px;display:grid}.machine-grid{grid-template-columns:repeat(auto-fill,minmax(330px,1fr));gap:16px;display:grid}.machine-op-progress{background:var(--surface-2);border:1px solid var(--line);border-radius:var(--radius-sm);flex-direction:column;gap:5px;padding:9px 12px;display:flex}.machine-op-header{align-items:center;gap:7px;display:flex}.machine-op-header>span{text-transform:uppercase;letter-spacing:.09em;color:var(--muted);flex-shrink:0;font-size:9.5px;font-weight:700}.machine-op-header>strong{color:var(--brand);text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:12.5px;font-weight:700;overflow:hidden}.machine-op-header>em{flex-shrink:0;font-size:13px;font-style:normal;font-weight:800}.machine-op-bar{background:var(--surface-3);border-radius:999px;height:4px;overflow:hidden}.machine-op-bar>i{background:linear-gradient(90deg, var(--brand), var(--success));border-radius:999px;height:100%;animation:.7s forwards fillBar;display:block}.machine-op-bar>i.done{background:var(--success)}.machine-op-progress>small{color:var(--muted);font-size:10.5px}.machine-card{border-radius:var(--radius);background:#13181ef2;border:1px solid #ffffff0f;flex-direction:column;gap:14px;padding:16px;transition:all .2s;animation:.3s both slideUp;display:flex}.machine-card:hover{box-shadow:var(--shadow-hover);transform:translateY(-2px)}.machine-card.overload{border-color:#e0525266}.machine-card header,.queue-card header{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.machine-card header h2,.queue-card header h2{margin-top:3px;font-size:16px}.machine-kind{letter-spacing:.1em;text-transform:uppercase;color:var(--muted);font-size:10px;font-weight:700}.live-state{background:var(--surface-3);color:var(--muted);border:1px solid var(--line);white-space:nowrap;border-radius:999px;align-items:center;gap:6px;padding:4px 10px;font-size:11px;font-weight:700;display:inline-flex}.live-state:before{content:"";background:currentColor;border-radius:50%;width:7px;height:7px}.live-state.running{color:var(--success);background:#2ecc711a;border-color:#2ecc714d}.live-state.running:before{animation:2s ease-in-out infinite pulse}.live-state.paused{color:var(--warning);background:#f4c4001a;border-color:#f4c4004d}.live-state.planned{color:var(--info);background:#4da6ff1a;border-color:#4da6ff4d}.live-state.finished,.live-state.sem-dado{color:var(--muted)}.metric-bar{flex-direction:column;gap:6px;display:flex}.metric-bar>div:first-child{justify-content:space-between;align-items:center;display:flex}.metric-bar span{color:var(--muted);font-size:12px;font-weight:500}.metric-bar strong{font-size:13px;font-weight:700}.metric-track{background:var(--surface-3);border-radius:999px;height:10px;overflow:hidden}.metric-track i{background:linear-gradient(90deg, var(--brand), #2fd6c5);border-radius:999px;height:100%;animation:.8s cubic-bezier(.4,0,.2,1) forwards fillBar;display:block}.metric-bar.danger .metric-track i{background:linear-gradient(90deg, #f4860c, var(--danger))}.metric-bar.warning .metric-track i{background:linear-gradient(90deg, var(--warning), #f4860c)}.metric-bar.success .metric-track i{background:linear-gradient(90deg, var(--brand), var(--success))}.metric-bar small{color:var(--muted);font-size:11px}.machine-metrics{border-top:1px solid var(--line);color:var(--muted);flex-wrap:wrap;gap:8px 14px;padding-top:6px;font-size:11.5px;display:flex}.machine-metrics .review-state{color:var(--warning)}.gauge-ring{background:conic-gradient(var(--brand) var(--gauge-degrees,0deg), var(--surface-3) 0);border-radius:50%;place-items:center;width:120px;height:120px;display:grid;position:relative}.gauge-ring.success{background:conic-gradient(var(--success) var(--gauge-degrees,0deg), var(--surface-3) 0)}.gauge-ring.warning{background:conic-gradient(var(--warning) var(--gauge-degrees,0deg), var(--surface-3) 0)}.gauge-ring.danger{background:conic-gradient(var(--danger) var(--gauge-degrees,0deg), var(--surface-3) 0)}.gauge-ring:before{content:"";background:var(--surface);border-radius:50%;position:absolute;inset:14px}.gauge-ring>div{text-align:center;position:relative}.gauge-ring strong{font-size:20px;font-weight:800;display:block}.gauge-ring span{color:var(--muted);font-size:10px}.dashboard-ticker{border:1px solid #ffffff12;border-top:2px solid var(--brand);border-radius:var(--radius);background:#13181efa;grid-column:1/-1;animation:.3s both fadeIn;display:flex;overflow:hidden}.dashboard-ticker>div{border-right:1px solid var(--line);flex-direction:column;flex:1;align-items:center;gap:5px;padding:14px 16px;transition:background .2s;display:flex}.dashboard-ticker>div:last-child{border-right:none}.dashboard-ticker>div:hover{background:var(--surface-2)}.dashboard-ticker span{text-transform:uppercase;letter-spacing:.09em;color:var(--muted);font-size:10px;font-weight:600}.dashboard-ticker strong{letter-spacing:-.02em;font-size:22px;font-weight:800;line-height:1}.machine-type-group{flex-direction:column;gap:14px;display:flex}.machine-type-heading{border-bottom:1px solid var(--line);align-items:center;gap:12px;padding:0 0 10px;display:flex}.machine-type-heading>span:first-child{letter-spacing:.12em;text-transform:uppercase;color:var(--brand);font-size:11px;font-weight:700}.machine-type-heading>strong{background:var(--surface-3);border:1px solid var(--line);color:var(--muted);border-radius:999px;padding:2px 10px;font-size:11px;font-weight:600}.overload-badge{color:var(--danger);letter-spacing:.03em;background:#e0525226;border:1px solid #e0525259;border-radius:999px;padding:2px 10px;font-size:11px;font-weight:700}.machine-card-top{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.machine-card-pct{text-align:right;flex-shrink:0}.machine-card-pct strong{letter-spacing:-.03em;font-size:30px;font-weight:800;line-height:1;display:block}.machine-card-pct span{letter-spacing:.09em;text-transform:uppercase;color:var(--muted);font-size:10px;font-weight:700}.machine-card.warn{border-color:#f4c4004d}.machine-card-status{align-items:center;gap:8px;display:flex}.queue-card-capacity{background:var(--surface-2);border:1px solid var(--line);border-radius:var(--radius-sm);align-items:center;gap:10px;padding:8px 12px;display:flex}.queue-card-capacity-track{background:var(--surface-3);border-radius:999px;flex:1;height:5px;overflow:hidden}.queue-card-capacity-track i{background:linear-gradient(90deg, var(--brand), var(--success));border-radius:999px;height:100%;animation:.8s cubic-bezier(.4,0,.2,1) forwards fillBar;display:block}.queue-card-capacity.overload .queue-card-capacity-track i{background:linear-gradient(90deg, var(--warning), var(--danger))}.queue-card-capacity>span{color:var(--muted);text-transform:uppercase;letter-spacing:.06em;white-space:nowrap;font-size:10px;font-weight:600}.queue-card-capacity>strong{white-space:nowrap;flex-shrink:0;font-size:13px;font-weight:700}.queue-card-capacity.overload>strong{color:var(--danger)}.current-order-progress{flex-direction:column;grid-column:1/-1;gap:5px;padding-top:4px;display:flex}.current-order-progress-track{background:var(--surface-3);border-radius:999px;height:4px;overflow:hidden}.current-order-progress-track i{background:linear-gradient(90deg, var(--brand), var(--success));border-radius:999px;height:100%;animation:.6s cubic-bezier(.4,0,.2,1) forwards fillBar;display:block}.current-order-progress>small{color:var(--muted);font-size:10px}.machine-load-tiles{flex-direction:column;gap:16px;display:flex}.mlt-group{flex-direction:column;gap:6px;display:flex}.mlt-group-label{letter-spacing:.12em;text-transform:uppercase;color:var(--brand);border-bottom:1px solid var(--line);align-items:center;gap:10px;margin-bottom:2px;padding-bottom:6px;font-size:10px;font-weight:700;display:flex}.mlt-group-label strong{background:var(--surface-3);border:1px solid var(--line);color:var(--muted);border-radius:999px;padding:1px 9px;font-size:10px}.mlt-group-label .overload-badge{padding:1px 8px;font-size:10px}.mlt-grid{flex-direction:column;gap:3px;display:flex}.mlt-tile{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-sm);cursor:default;border-left-width:3px;align-items:center;gap:10px;padding:7px 10px;transition:background .15s;display:flex}.mlt-tile:hover{background:var(--surface-2)}.mlt-tile.ok{border-left-color:var(--success)}.mlt-tile.warn{border-left-color:var(--warning)}.mlt-tile.overload{border-left-color:var(--danger);background:#e052520a}.mlt-name{color:var(--text);white-space:nowrap;text-overflow:ellipsis;flex-shrink:0;width:62px;font-size:11.5px;font-weight:700;overflow:hidden}.mlt-bar-wrap{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.mlt-bar-track{background:var(--surface-3);border-radius:999px;height:5px;overflow:hidden}.mlt-bar-track>i{border-radius:999px;height:100%;animation:.5s forwards fillBar;display:block}.mlt-bar-track>i.ok{background:var(--success)}.mlt-bar-track>i.warn{background:var(--warning)}.mlt-bar-track>i.overload{background:linear-gradient(90deg, var(--warning), var(--danger))}.mlt-bar-meta{color:var(--muted);gap:8px;font-size:9.5px;display:flex}.mlt-pct{text-align:right;letter-spacing:-.01em;flex-shrink:0;width:38px;font-size:13px;font-weight:800}.mlt-tile.ok .mlt-pct{color:var(--success)}.mlt-tile.warn .mlt-pct{color:var(--warning)}.mlt-tile.overload .mlt-pct{color:var(--danger)}.queue-card-header-right{flex-shrink:0;align-items:center;gap:8px;display:flex}.qc-load-chip{background:var(--surface-3);border:1px solid var(--line);color:var(--muted);white-space:nowrap;border-radius:999px;padding:3px 9px;font-size:11px;font-weight:700}.qc-load-chip.overload{color:var(--danger);background:#e052521f;border-color:#e052524d}.qc-load-bar{margin:-6px 0 2px}.qc-load-track{background:var(--surface-3);border-radius:999px;height:3px;overflow:hidden}.qc-load-track i{background:linear-gradient(90deg, var(--brand), var(--success));border-radius:999px;height:100%;animation:.8s forwards fillBar;display:block}.qc-load-track i.overload{background:linear-gradient(90deg, var(--warning), var(--danger))}.cop-strip{background:var(--surface-2);border:1px solid var(--line);border-radius:var(--radius-sm);align-items:stretch;gap:0;min-height:56px;display:flex;overflow:hidden}.cop-piece-block{border-right:1px solid var(--line);flex-direction:column;flex-shrink:0;gap:2px;min-width:0;padding:8px 12px;display:flex}.cop-piece-block>span{text-transform:uppercase;letter-spacing:.09em;color:var(--muted);font-size:9px;font-weight:700}.cop-piece-block>strong{color:var(--brand);letter-spacing:.02em;font-size:14px;font-weight:800}.cop-piece-block>em{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;max-width:110px;font-size:10px;font-style:normal;overflow:hidden}.cop-piece-block>small{color:var(--info);white-space:nowrap;font-size:10px;font-weight:700}.cop-progress-block{flex-direction:column;flex:1;justify-content:center;gap:5px;min-width:0;padding:8px 12px;display:flex}.cop-progress-bar{background:var(--surface-3);border-radius:999px;height:5px;overflow:hidden}.cop-progress-bar i{background:linear-gradient(90deg, var(--brand), var(--success));border-radius:999px;height:100%;animation:.6s forwards fillBar;display:block}.cop-progress-block>span{color:var(--muted);white-space:nowrap;font-size:10.5px}.cop-end-block{border-left:1px solid var(--line);text-align:right;flex-direction:column;flex-shrink:0;gap:2px;padding:8px 12px;display:flex}.cop-end-block>span{text-transform:uppercase;letter-spacing:.09em;color:var(--muted);font-size:9px;font-weight:700}.cop-end-block>strong{white-space:nowrap;font-size:12px;font-weight:700}.cop-empty{color:var(--muted);flex:1;justify-content:center;align-items:center;padding:14px;font-size:12px;display:flex}.qc-seq{color:var(--muted);text-align:center;width:28px;font-size:11px;font-weight:700}.qc-code-cell{flex-wrap:nowrap;align-items:center;gap:6px;display:flex}.qc-date{color:var(--muted);white-space:nowrap;font-size:11.5px}.qc-more-row td{text-align:center;color:var(--muted);font-size:11px;border-top:1px dashed var(--line)!important;padding:6px!important}.queue-layout{flex-direction:column;gap:18px;padding:22px;animation:.3s fadeIn;display:flex}.queue-toolbar{border-radius:var(--radius);background:#13181ef2;border:1px solid #ffffff0f;flex-wrap:wrap;align-items:center;gap:14px;padding:14px 16px;display:flex}.queue-search{flex:1;min-width:240px}.queue-status,.tile-status{flex-direction:column;gap:2px;display:flex}.queue-status span,.tile-status span{text-transform:uppercase;letter-spacing:.08em;color:var(--muted);font-size:10px}.queue-status strong,.tile-status strong{color:var(--brand);font-size:13px;font-weight:600}.queue-filter-tabs{align-items:center;gap:8px;padding:4px 2px;display:flex;overflow-x:auto}.queue-filter-tabs button{border:1px solid var(--line);border-radius:var(--radius-sm);min-height:42px;color:var(--muted);cursor:pointer;white-space:nowrap;background:#13181eeb;align-items:center;gap:10px;padding:8px 13px;font-weight:700;transition:all .18s;display:inline-flex}.queue-filter-tabs button:hover{border-color:var(--brand-line);color:var(--text)}.queue-filter-tabs button.active{background:var(--brand-soft);border-color:var(--brand-line);color:var(--brand)}.queue-filter-tabs strong{min-width:28px;color:var(--text);text-align:center;background:#ffffff14;border-radius:999px;padding:3px 7px;font-size:11px}.queue-grid{grid-template-columns:repeat(auto-fill,minmax(min(420px,100%),1fr));gap:16px;display:grid}.queue-card{border-radius:var(--radius);background:#13181ef2;border:1px solid #ffffff0f;flex-direction:column;gap:14px;padding:16px;animation:.3s both slideUp;display:flex}.current-order-panel{background:var(--surface-2);border-radius:var(--radius-sm);border:1px solid var(--line);grid-template-columns:repeat(4,1fr);gap:10px;padding:12px;display:grid}.current-order-panel>div{flex-direction:column;gap:3px;min-width:0;display:flex}.current-order-panel span{text-transform:uppercase;letter-spacing:.06em;color:var(--muted);font-size:10px}.current-order-panel strong{white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:700;overflow:hidden}.queue-section-title{justify-content:space-between;align-items:center;gap:10px;display:flex}.queue-section-title span{text-transform:uppercase;letter-spacing:.06em;color:var(--muted);font-size:12px;font-weight:700}.queue-section-title strong{color:var(--muted);font-size:11.5px;font-weight:500}.queue-table-wrap{border:1px solid var(--line);border-radius:var(--radius-sm);max-height:320px;overflow:auto}.queue-table{font-size:12px}.queue-table th,.queue-table td{padding:8px 10px}.queue-actions{gap:4px;display:inline-flex}.queue-actions button{border:1px solid var(--line);background:var(--surface-2);width:28px;height:28px;color:var(--muted);cursor:pointer;border-radius:6px;justify-content:center;align-items:center;transition:all .15s;display:inline-flex}.queue-actions button:hover:not(:disabled){color:var(--brand);border-color:var(--brand-line)}.queue-actions button:disabled{opacity:.35;cursor:not-allowed}.queue-suggestion-row{background:#4da6ff0e;box-shadow:inset 3px 0 #4da6ffcc}.queue-suggestion-row .qc-seq{font-size:0}.queue-suggestion-row .qc-seq:before{content:"APS";min-width:28px;height:18px;color:var(--info);letter-spacing:.04em;background:#4da6ff29;border:1px solid #4da6ff52;border-radius:999px;justify-content:center;align-items:center;font-size:9px;font-weight:900;display:inline-flex}.queue-decision-actions{white-space:nowrap;justify-content:flex-end;gap:5px;display:inline-flex}.queue-decision-actions button{cursor:pointer;border-radius:6px;width:28px;height:28px;font-size:11px;font-weight:900;transition:transform .15s,border-color .15s,background .15s}.queue-decision-actions button:hover:not(:disabled){transform:translateY(-1px)}.queue-decision-actions button.accept{color:var(--success);background:#00cc881c;border:1px solid #00cc886b}.queue-decision-actions button.reject{color:var(--danger);background:#ff535d1a;border:1px solid #ff535d61}.queue-decision-actions button:disabled{opacity:.45;cursor:not-allowed}.queue-suggestions{border-radius:var(--radius-sm);background:#4da6ff0e;border:1px solid #4da6ff3d;overflow:hidden}.queue-suggestions summary{min-height:40px;color:var(--text);cursor:pointer;justify-content:flex-start;align-items:center;gap:10px;padding:9px 12px;font-size:12px;font-weight:700;list-style:none;display:flex}.queue-suggestions summary:before{content:"›";width:18px;height:18px;color:var(--info);background:#4da6ff1f;border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;font-size:17px;line-height:1;transition:transform .18s;display:inline-flex;transform:rotate(0)}.queue-suggestions[open] summary:before{transform:rotate(90deg)}.queue-suggestions summary span{text-overflow:ellipsis;white-space:nowrap;min-width:0;color:var(--info);overflow:hidden}.queue-suggestions summary strong{min-width:28px;color:var(--info);text-align:center;background:#4da6ff24;border-radius:999px;margin-left:auto;padding:2px 8px;font-size:11px}.queue-suggestions summary::-webkit-details-marker{display:none}.queue-suggestion-list{gap:6px;padding:0 10px 10px;display:grid}.queue-suggestion-list>div{border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--surface-2);grid-template-columns:minmax(0,1fr) auto auto auto;align-items:center;gap:10px;padding:7px 9px;font-size:11.5px;display:grid}.queue-suggestion-list span{text-overflow:ellipsis;white-space:nowrap;color:var(--text);overflow:hidden}.queue-suggestion-list strong{color:var(--info)}.queue-suggestion-list em{color:var(--muted);font-style:normal}.queue-suggestion-actions{flex-wrap:wrap;justify-content:flex-end;gap:6px;display:inline-flex}.queue-suggestion-actions button{border:1px solid var(--line);border-radius:var(--radius-xs);min-height:28px;color:var(--text);cursor:pointer;background:#0f1720eb;align-items:center;gap:5px;padding:5px 8px;font-size:10.5px;font-weight:800;display:inline-flex}.queue-suggestion-actions button:first-child{color:var(--success);border-color:#00cc8859}.queue-suggestion-actions button:last-child{color:var(--danger);border-color:#ff535d52}.queue-suggestion-actions button:disabled{opacity:.45;cursor:not-allowed}.queue-card footer{border-top:1px solid var(--line);color:var(--muted);flex-wrap:wrap;gap:8px 16px;padding-top:12px;font-size:11.5px;display:flex}.spot-order-wrap{flex-direction:column;gap:10px;display:flex}.spot-order-toggle{border:1px dashed var(--brand-line);border-radius:var(--radius-sm);background:var(--brand-soft);color:var(--brand);cursor:pointer;align-self:flex-start;align-items:center;gap:8px;padding:7px 12px;font-size:12.5px;font-weight:600;transition:all .2s;display:inline-flex}.spot-order-toggle:hover{background:#f4c4002e}.spot-order-form{background:linear-gradient(135deg, #f4c4000d, var(--surface-2));border:1px dashed var(--brand-line);border-radius:var(--radius-sm);grid-template-columns:1.4fr .9fr auto;align-items:end;gap:10px;padding:12px;display:grid}.spot-order-form label{flex-direction:column;gap:4px;display:flex}.spot-order-form span{text-transform:uppercase;letter-spacing:.06em;color:var(--brand);font-size:10px;font-weight:700}.spot-order-form input{background:var(--surface);border:1px solid var(--line);height:36px;color:var(--text);border-radius:6px;outline:none;padding:0 10px;transition:all .2s}.spot-order-form input:focus{border-color:var(--brand);box-shadow:0 0 0 3px var(--brand-soft)}.schedule-detail-panel,.gantt-workspace-panel{flex-direction:column;display:flex}.gantt-source-strip{background:var(--surface-2);border-radius:var(--radius-sm);color:var(--muted);flex-wrap:wrap;gap:18px;margin-bottom:14px;padding:12px 14px;font-size:12px;display:flex}.gantt-source-strip strong{color:var(--text)}.gantt-zoom-controls{align-items:center;gap:8px;display:inline-flex}.gantt-zoom-controls button{border:1px solid var(--line);background:var(--surface-2);width:32px;height:32px;color:var(--text);cursor:pointer;border-radius:6px;font-size:18px;line-height:1;transition:all .2s}.gantt-zoom-controls button:hover:not(:disabled){border-color:var(--brand-line);color:var(--brand)}.gantt-zoom-controls strong{text-align:center;min-width:46px;font-size:12.5px}.gantt-shell{border:1px solid var(--line);border-radius:var(--radius-sm);overflow:auto}.gantt-heading{grid-template-columns:170px var(--gantt-grid-width,900px);z-index:4;background:var(--surface-3);border-bottom:1px solid var(--line);display:grid;position:sticky;top:0}.gantt-heading>strong{text-transform:uppercase;letter-spacing:.06em;color:var(--muted);padding:10px 14px;font-size:11px}.gantt-ticks{height:38px;position:relative}.gantt-ticks span{color:var(--muted);font-size:11px;position:absolute;top:11px;transform:translate(-50%)}.gantt-body{flex-direction:column;display:flex}.gantt-row{grid-template-columns:170px var(--gantt-grid-width,900px);border-bottom:1px solid #2d374080;display:grid}.gantt-machine-cell{border-right:1px solid var(--line);flex-direction:column;gap:5px;padding:10px 14px;font-size:12px;font-weight:600;display:flex}.revolus-chip{background:var(--surface-3);color:var(--muted);border-radius:4px;align-self:flex-start;padding:1px 7px;font-size:9.5px;font-style:normal;font-weight:700;display:inline-flex}.revolus-chip.running{color:var(--success);background:#2ecc711f}.revolus-chip.paused{color:var(--warning);background:#f4c4001f}.revolus-chip.planned{color:var(--info);background:#4da6ff1f}.gantt-track{background:repeating-linear-gradient(90deg,#0000,#0000 calc(3.22581% - 1px),#2d374066 calc(3.22581% - 1px) 3.22581%);height:46px;transition:background .2s;position:relative}.gantt-track.drop-mode.drop-valid{background:#2ecc7114}.gantt-track.drop-mode.drop-invalid{background:#e052520f}.gantt-bar{cursor:grab;color:#0c0d0a;border:1px solid #0000004d;border-radius:6px;flex-direction:column;justify-content:center;height:32px;padding:0 6px;transition:transform .15s,box-shadow .15s;display:flex;position:absolute;top:7px;overflow:hidden}.gantt-bar span{white-space:nowrap;text-overflow:ellipsis;font-size:10px;font-weight:700;overflow:hidden}.gantt-bar small{opacity:.8;font-size:9px}.gantt-bar:hover{z-index:3;transform:translateY(-1px);box-shadow:0 4px 12px #0006}.gantt-bar.selected{outline:2px solid var(--brand);outline-offset:1px;z-index:3}.gantt-bar.dragging{opacity:.5;cursor:grabbing}.gantt-bar.sheet-source{border-color:var(--success)}.gantt-live-tile{border:1px solid var(--info);background:#4da6ff2e;border-radius:6px;flex-direction:column;justify-content:center;height:32px;padding:0 6px;display:flex;position:absolute;top:7px;overflow:hidden}.gantt-live-tile span{color:var(--info);font-size:9.5px;font-weight:700}.gantt-live-tile small{color:var(--muted);font-size:8.5px}.gantt-live-tile i{background:var(--info);height:3px;position:absolute;bottom:0;left:0}.gantt-interaction-panel{flex-direction:column;gap:14px;margin-top:16px;display:flex}.tile-detail-grid{background:var(--surface-2);border-radius:var(--radius-sm);grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;padding:14px;display:grid}.tile-detail-grid>div{flex-direction:column;gap:4px;display:flex}.tile-detail-grid span{text-transform:uppercase;letter-spacing:.06em;color:var(--muted);font-size:10px}.tile-detail-grid strong{font-size:13px;font-weight:600}.machine-feed-panel{grid-template-columns:1fr 1fr;gap:12px;display:grid}.live-feed-card,.sheet-feed-card{background:var(--surface-2);border-radius:var(--radius-sm);border:1px solid var(--line);padding:14px}.live-feed-card span,.sheet-feed-card span{text-transform:uppercase;letter-spacing:.06em;color:var(--brand);margin-bottom:6px;font-size:10px;display:block}.live-feed-card strong{margin-bottom:4px;font-size:14px;display:block}.live-feed-card small{color:var(--muted);font-size:11.5px}.sheet-feed-list{flex-direction:column;gap:5px;display:flex}.sheet-feed-list strong{font-size:12px;font-weight:500}.sheet-feed-list strong.manual{color:var(--brand)}.simulation-layout{grid-template-columns:1fr 1fr;gap:18px;padding:22px;animation:.3s fadeIn;display:grid}.simulation-layout .simulation-product-panel{grid-column:1/-1}.slider-field{flex-direction:column;gap:10px;margin-bottom:18px;display:flex}.slider-field>span{color:var(--muted);justify-content:space-between;align-items:center;font-size:13px;font-weight:500;display:flex}.slider-field strong{color:var(--brand);font-size:15px;font-weight:700}input[type=range]{appearance:none;background:var(--surface-3);cursor:pointer;border-radius:999px;outline:none;width:100%;height:6px}input[type=range]::-webkit-slider-thumb{appearance:none;background:var(--brand);border:3px solid var(--surface);border-radius:50%;width:18px;height:18px;transition:transform .15s;box-shadow:0 2px 6px #0006}input[type=range]::-webkit-slider-thumb:hover{transform:scale(1.15)}input[type=range]::-moz-range-thumb{background:var(--brand);border:3px solid var(--surface);cursor:pointer;border-radius:50%;width:18px;height:18px}.scenario-strip{background:var(--surface-2);border-radius:var(--radius-sm);justify-content:space-between;align-items:center;margin-bottom:10px;padding:12px 14px;display:flex}.scenario-strip span{color:var(--muted);font-size:13px}.scenario-strip strong{font-weight:700}.simulate-product-layout{flex-direction:column;gap:16px;display:flex}.simulate-input-row{flex-wrap:wrap;align-items:end;gap:12px;display:flex}.simulate-input-row .input-with-icon{flex:1;min-width:260px}.sim-error{border-radius:var(--radius-sm);color:var(--danger);background:#e052521a;border:1px solid #e052524d;padding:12px 14px;font-weight:500}.sim-result-grid{grid-template-columns:1fr 1fr;gap:16px;animation:.3s both slideUp;display:grid}.sim-header-card,.sim-best-card,.sim-history-card,.sim-options-card{background:var(--surface-2);border:1px solid var(--line);border-radius:var(--radius);padding:16px}.sim-history-card,.sim-options-card{grid-column:1/-1}.sim-code{color:var(--brand);font-size:22px;font-weight:800}.sim-desc{color:var(--muted);margin:2px 0 10px}.sim-badges{flex-wrap:wrap;gap:8px;margin-bottom:14px;display:flex}.sim-meta-grid{grid-template-columns:repeat(2,1fr);gap:12px;margin-bottom:14px;display:grid}.sim-meta-grid>div{flex-direction:column;gap:3px;display:flex}.sim-meta-grid span{text-transform:uppercase;letter-spacing:.06em;color:var(--muted);font-size:10px}.sim-meta-grid strong{font-size:14px;font-weight:700}.sim-reasons{border-top:1px solid var(--line);padding-top:12px}.sim-reasons span{text-transform:uppercase;letter-spacing:.06em;color:var(--muted);font-size:10px}.sim-reasons strong{color:var(--brand);margin:2px 0 6px;font-size:22px;font-weight:800;display:block}.sim-reasons div{color:var(--muted);font-size:12px}.best-machine-name{font-size:20px;font-weight:800}.best-machine-kind{color:var(--muted);margin-bottom:14px;font-size:12px}.best-machine-metrics{grid-template-columns:repeat(2,1fr);gap:12px;display:grid}.best-machine-metrics>div{flex-direction:column;gap:3px;display:flex}.best-machine-metrics span{text-transform:uppercase;letter-spacing:.06em;color:var(--muted);font-size:10px}.best-machine-metrics strong{font-size:13px;font-weight:700}.sim-no-machine{color:var(--muted);text-align:center;padding:20px 0}.material-layout{flex-direction:column;gap:18px;padding:22px;animation:.3s fadeIn;display:flex}.tab-bar{background:var(--surface-2);border:1px solid var(--line);border-radius:var(--radius-sm);gap:4px;margin-bottom:16px;padding:4px;display:inline-flex}.tab-btn{color:var(--muted);cursor:pointer;background:0 0;border:none;border-radius:6px;padding:8px 16px;font-weight:600;transition:all .2s}.tab-btn:hover{color:var(--text)}.tab-btn.active{background:var(--brand);color:#161003}.progress-bar{background:var(--surface-3);border-radius:999px;height:8px;overflow:hidden}.progress-bar>i{background:linear-gradient(90deg, var(--brand), #2fd6c5);border-radius:999px;height:100%;animation:.8s cubic-bezier(.4,0,.2,1) forwards fillBar;display:block}@media (width<=1440px){:root{--sidebar-w:60px}.sidebar{padding:14px 8px}.sidebar .brand img{max-width:40px}.nav-item{justify-content:center;gap:0;padding:12px 0}.nav-item span,.sidebar-footer span{display:none}.sidebar-footer{justify-content:center}.kpi-grid{grid-template-columns:repeat(3,1fr)}.content-grid{grid-template-columns:1fr 1fr;gap:14px;padding:16px}.panel.wide,.dashboard-command{grid-column:1/-1}.topbar{gap:12px;padding:10px 16px}.top-actions{gap:8px}.top-actions .input-with-icon{flex:220px;min-width:170px;max-width:520px}.status-line{padding-inline:16px}.queue-layout,.machine-page{padding:16px}.machine-summary-bar{gap:12px;padding:16px}.machine-main{gap:16px;padding:16px}.queue-grid{grid-template-columns:repeat(auto-fill,minmax(min(360px,100%),1fr));gap:14px}.machine-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:14px}.queue-card,.machine-card,.panel,.stat-card{padding:14px}.queue-table th,.queue-table td{padding:7px 8px}}@media (width<=1100px){.queue-grid{grid-template-columns:1fr}.queue-toolbar{align-items:stretch}.queue-search,.queue-toolbar .button-row,.queue-status{width:100%}.queue-toolbar .button-row{justify-content:flex-start}.machine-page-layout{height:auto;overflow:visible}.machine-body{flex-direction:column;overflow:visible}.machine-sidebar{border-right:0;border-bottom:1px solid var(--line);width:auto;padding:12px 16px;overflow:auto hidden}.machine-sidebar>div:last-child{flex-direction:row!important;gap:8px!important;display:flex!important}.msb-filter-btn{min-width:150px}.machine-main{overflow:visible}}@media (width<=880px){.content-grid{grid-template-columns:1fr}.panel.wide{grid-column:1/-1}.dashboard-command,.simulation-layout,.sim-result-grid,.machine-feed-panel{grid-template-columns:1fr}.kpi-grid,.machine-page-summary,.queue-summary,.material-summary-grid{grid-template-columns:repeat(2,1fr)}.top-actions{justify-content:stretch;width:100%}.input-with-icon{min-width:140px}.top-actions .input-with-icon,.top-actions .action-button,.top-actions .user-chip{flex:100%;justify-content:center}.machine-summary-bar,.machine-page-summary,.queue-summary,.material-summary-grid{grid-template-columns:1fr 1fr}.spot-order-form{grid-template-columns:1fr}.cop-strip{flex-direction:column}.cop-piece-block,.cop-end-block{text-align:left;border-left:0;border-right:0}.cop-end-block{border-top:1px solid var(--line)}}@media (width<=640px){.app-shell{grid-template-columns:1fr}.sidebar{gap:8px;height:auto;padding:8px;position:static}.sidebar nav{flex-direction:row;overflow-x:auto}.nav-item{min-width:44px}.workspace{min-width:0}.topbar{flex-direction:column;align-items:flex-start;position:static}.content-grid,.queue-layout,.machine-page,.machine-main{padding:12px}.kpi-grid,.machine-summary-bar,.machine-page-summary,.queue-summary,.material-summary-grid{grid-template-columns:1fr}.queue-table{min-width:560px}}.alert-bell-btn{position:relative}.alert-bell-btn.has-alerts{color:var(--warning)}.alert-bell-btn.has-alerts svg{animation:3s ease-in-out infinite bellShake}@keyframes bellShake{0%,to{transform:rotate(0)}5%{transform:rotate(10deg)}10%{transform:rotate(-10deg)}15%{transform:rotate(6deg)}20%{transform:rotate(-4deg)}25%{transform:rotate(0)}}.alert-bell-badge{background:var(--danger);color:#fff;border:2px solid var(--bg);border-radius:999px;justify-content:center;align-items:center;min-width:17px;max-width:42px;height:17px;padding:0 5px;font-size:10px;font-weight:800;line-height:1;display:flex;position:absolute;top:-4px;right:-5px}.alert-panel-overlay{z-index:998;position:fixed;inset:0}.alert-panel{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);z-index:999;flex-direction:column;width:380px;max-height:520px;animation:.2s slideUp;display:flex;position:absolute;top:calc(100% + 10px);right:0;overflow:hidden;box-shadow:0 20px 60px #0009}.alert-panel-header{border-bottom:1px solid var(--line);text-transform:uppercase;letter-spacing:.08em;color:var(--muted);flex-shrink:0;justify-content:space-between;align-items:center;padding:12px 14px;font-size:12px;font-weight:700;display:flex}.alert-panel-list{scrollbar-width:thin;flex-direction:column;flex:1;gap:1px;padding:6px;display:flex;overflow-y:auto}.alert-panel-item{border-radius:var(--radius-sm);border:1px solid #0000;flex-direction:column;gap:4px;padding:9px 11px;display:flex}.alert-panel-item.danger{background:#e052520f;border-color:#e052522e}.alert-panel-item.warning{background:#f4c4000d;border-color:#f4c4002e}.alert-panel-item-top{align-items:center;gap:7px;display:flex}.alert-panel-item-desc{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;font-size:11px;overflow:hidden}.alert-panel-item-meta{color:var(--muted);flex-wrap:wrap;gap:8px;font-size:10.5px;display:flex}.alert-panel-item-meta span strong{color:var(--text)}.alert-panel-empty{text-align:center;color:var(--muted);padding:24px;font-size:13px}.alert-panel-footer{border-top:1px solid var(--line);color:var(--brand);cursor:pointer;text-align:center;background:0 0;border-bottom:none;border-left:none;border-right:none;flex-shrink:0;padding:10px 14px;font-size:12px;font-weight:700;transition:background .15s}.alert-panel-footer:hover{background:var(--brand-soft)}.dp-layout{flex-direction:column;gap:0;height:100%;animation:.3s fadeIn;display:flex;overflow:hidden}.dp-toolbar{border-bottom:1px solid var(--line);flex-wrap:wrap;flex-shrink:0;justify-content:space-between;align-items:center;gap:14px;padding:16px 22px;display:flex}.dp-toolbar-left{flex:1;min-width:200px}.dp-toolbar-right{flex-wrap:wrap;align-items:center;gap:14px;display:flex}.dp-search{width:100%;max-width:380px}.dp-stat-strip{border:1px solid var(--line);border-radius:var(--radius-sm);align-items:center;gap:1px;display:flex;overflow:hidden}.dp-stat{background:var(--surface);border-right:1px solid var(--line);flex-direction:column;gap:2px;padding:7px 14px;display:flex}.dp-stat:last-child{border-right:none}.dp-stat span{text-transform:uppercase;letter-spacing:.08em;color:var(--muted);white-space:nowrap;font-size:9px;font-weight:700}.dp-stat strong{color:var(--text);font-size:18px;font-weight:800;line-height:1}.dp-stat.danger strong{color:var(--danger)}.dp-stat.warning strong{color:var(--warning)}.dp-stat.info strong{color:var(--info)}.dp-stat.success strong{color:var(--success)}.dp-urgency-tabs{border-bottom:1px solid var(--line);flex-shrink:0;align-items:center;gap:6px;padding:12px 22px;display:flex;overflow-x:auto}.dp-urgency-btn{border:1px solid var(--line);background:var(--surface);color:var(--muted);cursor:pointer;white-space:nowrap;border-radius:999px;align-items:center;gap:8px;padding:6px 14px;font-size:12px;font-weight:700;transition:all .15s;display:inline-flex}.dp-urgency-btn:hover{border-color:var(--brand-line);color:var(--text)}.dp-urgency-btn.active{background:var(--brand-soft);border-color:var(--brand-line);color:var(--brand)}.dp-urgency-btn.active.danger{color:var(--danger);background:#e052521f;border-color:#e0525259}.dp-urgency-btn.active.warning{color:var(--warning);background:#f4c4001a;border-color:#f4c40059}.dp-urgency-btn.active.success{color:var(--success);background:#2ecc711a;border-color:#2ecc714d}.dp-urgency-btn strong{background:#ffffff12;border-radius:999px;padding:1px 7px;font-size:11px}.dp-table-wrap{max-height:unset;border:none;border-radius:0;flex:1;overflow:auto}.dp-table{font-size:12.5px}.dp-table tbody tr:hover{cursor:default;background:#f4c4000a}.dp-urgency-chip{letter-spacing:.03em;white-space:nowrap;border-radius:999px;align-items:center;padding:3px 9px;font-size:10.5px;font-weight:800;display:inline-flex}.dp-urgency-chip.danger{color:var(--danger);background:#e0525226;border:1px solid #e0525259}.dp-urgency-chip.warning{color:var(--warning);background:#f4c4001f;border:1px solid #f4c40059}.dp-urgency-chip.info{color:var(--info);background:#4da6ff1a;border:1px solid #4da6ff4d}.dp-urgency-chip.success{color:var(--success);background:#2ecc711a;border:1px solid #2ecc714d}.dp-urgency-chip.muted{background:var(--surface-3);border:1px solid var(--line);color:var(--muted)}.dp-urgency-chip.small{padding:2px 6px;font-size:9.5px}.dp-deadline{white-space:nowrap;flex-direction:column;gap:1px;display:flex}.dp-deadline strong{font-size:13px;font-weight:800}.dp-deadline span{font-size:10px}.dp-desc{white-space:nowrap;text-overflow:ellipsis;max-width:240px;color:var(--muted);font-size:12px;overflow:hidden}.dp-gap-cell{color:var(--danger);font-size:13px;font-weight:800}.dp-aps-cell{flex-direction:column;gap:2px;display:flex}.dp-lines{flex-wrap:wrap;gap:3px;display:flex}.dp-line-chip{white-space:nowrap;cursor:default;border-radius:4px;padding:2px 7px;font-size:10px;font-weight:600;display:inline-flex}.dp-line-chip.danger{color:var(--danger);background:#e052521f;border:1px solid #e0525240}.dp-line-chip.warning{color:var(--warning);background:#f4c4001a;border:1px solid #f4c40040}.dp-line-chip.muted{background:var(--surface-3);border:1px solid var(--line);color:var(--muted)}.dp-empty{text-align:center;color:var(--muted);padding:60px 24px;font-size:14px}.dp-footer{color:var(--muted);border-top:1px solid var(--line);flex-shrink:0;padding:10px 22px;font-size:10.5px}.mes-page{flex-direction:column;gap:18px;min-height:0;display:flex}.mes-hero{border-radius:var(--radius);background:linear-gradient(135deg, #f4c40017, transparent 42%), var(--surface);box-shadow:var(--shadow-card);border:1px solid #f4c4002e;justify-content:space-between;align-items:stretch;gap:18px;padding:18px;display:flex}.mes-hero h2{font-size:24px}.mes-hero p{color:var(--muted);max-width:720px;margin:8px 0 0}.mes-hero-actions{grid-template-columns:repeat(4,minmax(124px,1fr)) 42px;align-items:stretch;gap:10px;min-width:min(760px,58vw);display:grid}.mes-tabs{margin-top:0}.mes-workspace{grid-template-columns:minmax(0,1fr) minmax(420px,.36fr);align-items:start;gap:18px;min-height:0;display:grid}.mes-card-grid{grid-template-columns:repeat(auto-fill,minmax(265px,1fr));gap:12px;display:grid}.mes-machine-card{border:1px solid var(--line);border-left:3px solid var(--line);border-radius:var(--radius-sm);background:linear-gradient(180deg, #ffffff06, transparent), var(--surface);text-align:left;cursor:pointer;flex-direction:column;gap:10px;min-height:178px;padding:13px;transition:transform .16s,border-color .16s,background .16s;display:flex;position:relative;box-shadow:0 6px 18px #00000038}.mes-machine-card:hover,.mes-machine-card.active{background:linear-gradient(180deg, #f4c40013, transparent 58%), var(--surface);border-color:#f4c40085;transform:translateY(-2px)}.mes-machine-card.success{border-left-color:var(--success)}.mes-machine-card.warning{border-left-color:var(--warning)}.mes-machine-card.danger{border-left-color:var(--danger)}.mes-machine-card.neutral{border-left-color:var(--muted)}.mes-machine-top{justify-content:space-between;gap:10px;display:flex}.mes-machine-top strong{color:var(--text);font-size:15px}.mes-machine-top span{max-width:118px;color:var(--brand);text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:800;overflow:hidden}.mes-machine-product{gap:4px;min-height:38px;display:grid}.mes-machine-product b{color:var(--text);text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.mes-machine-product span{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.mes-progress{gap:5px;display:grid}.mes-progress-track{background:#ffffff14;border-radius:3px;height:13px;position:relative;overflow:hidden}.mes-progress-track i{border-radius:inherit;background:linear-gradient(90deg, var(--success), #7adf86);height:100%;display:block}.mes-progress.warning .mes-progress-track i{background:linear-gradient(90deg, var(--warning), #f08b2d)}.mes-progress.danger .mes-progress-track i{background:linear-gradient(90deg, #dc5b62, var(--danger))}.mes-progress-track b{background:#ffffffdb;width:2px;height:21px;position:absolute;top:-4px}.mes-progress strong{color:var(--text);text-align:center;font-size:11px}.mes-status-pill{text-transform:uppercase;border-radius:5px;align-self:center;padding:6px 12px;font-size:11px;font-weight:800}.mes-status-pill.success{color:#8cffac;background:#2ecc7138}.mes-status-pill.warning{color:var(--brand);background:#f4c4002e}.mes-status-pill.danger{color:#ff8e8e;background:#e052523d}.mes-status-pill.neutral{background:var(--surface-3);color:var(--muted)}.mes-mini-kpis{grid-template-columns:repeat(4,1fr);gap:6px;font-size:12px;font-weight:900;display:grid}.mes-mini-kpis span{text-align:center}.mes-mini-kpis .success,.mes-dial.success strong,.mes-dial.success span{color:var(--success)}.mes-mini-kpis .warning,.mes-dial.warning strong,.mes-dial.warning span{color:var(--warning)}.mes-mini-kpis .danger,.mes-dial.danger strong,.mes-dial.danger span{color:var(--danger)}.mes-detail-panel{top:calc(var(--topbar-h) + 14px);border-radius:var(--radius);background:linear-gradient(180deg, #4da6ff14, transparent 34%), var(--surface);box-shadow:var(--shadow-card);border:1px solid #4da6ff42;flex-direction:column;gap:14px;padding:16px;display:flex;position:sticky}.mes-detail-header,.mes-detail-identity,.mes-progress-detail,.mes-dates{gap:10px;display:grid}.mes-detail-header{border-bottom:1px solid var(--line);grid-template-columns:1fr auto;align-items:start;padding-bottom:12px}.mes-detail-header h2{margin-top:3px;font-size:26px}.mes-detail-header p{color:var(--brand);margin:3px 0 0;font-weight:900}.mes-detail-identity,.mes-dates{grid-template-columns:repeat(2,minmax(0,1fr))}.mes-detail-identity>div,.mes-dates>div,.mes-metric-card{border:1px solid var(--line);border-radius:var(--radius-sm);background:#ffffff06;padding:10px}.mes-detail-identity span,.mes-progress-detail span,.mes-dates span,.mes-metric-card span{color:var(--muted);text-transform:uppercase;margin-bottom:4px;font-size:10px;font-weight:800;display:block}.mes-detail-identity strong,.mes-dates strong,.mes-metric-card strong{color:var(--text)}.mes-progress-detail{border-radius:var(--radius-sm);background:#f4c4000b;border:1px solid #f4c4002e;padding:12px}.mes-progress-detail>div{justify-content:space-between;gap:12px;display:flex}.mes-dial-grid{grid-template-columns:repeat(4,1fr);gap:10px;display:grid}.mes-dial{place-items:center;gap:7px;display:grid}.mes-dial-ring{--dial-color:var(--success);background:radial-gradient(circle at center, var(--surface) 52%, transparent 54%), conic-gradient(var(--dial-color) var(--pct), #ffffff14 0);border-radius:999px;place-items:center;width:78px;height:78px;display:grid}.mes-dial.warning .mes-dial-ring{--dial-color:var(--warning)}.mes-dial.danger .mes-dial-ring{--dial-color:var(--danger)}.mes-dial-ring strong{font-size:20px}.mes-dial>span{color:var(--muted);text-align:center;text-transform:uppercase;font-size:10px;font-weight:800}.mes-metric-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.mes-metric-card small{color:var(--muted);margin-top:4px;display:block}.mes-op-list{gap:8px;display:grid}.mes-op-row{border:1px solid var(--line);border-radius:var(--radius-sm);background:#ffffff06;grid-template-columns:minmax(70px,1fr) auto auto;align-items:center;gap:10px;padding:9px 10px;font-size:12px;display:grid}.mes-op-row strong{color:var(--brand)}.mes-op-row span{color:var(--muted)}.mes-empty{color:var(--muted);text-align:center;padding:32px 18px}@media (width<=1280px){.mes-hero,.mes-workspace{grid-template-columns:1fr}.mes-hero{display:grid}.mes-hero-actions{grid-template-columns:repeat(2,minmax(0,1fr));min-width:0}.mes-detail-panel{position:static}}@media (width<=760px){.mes-card-grid,.mes-detail-identity,.mes-dates,.mes-metric-grid,.mes-dial-grid,.mes-hero-actions{grid-template-columns:1fr}}.ghskin{--black-2:#0e0f12;--panel:#15171c;--panel-2:#1b1e25;--panel-3:#21252e;--line:#2a2f3a;--line-2:#343a47;--brand:#ffc400;--brand-2:#ffd84d;--brand-deep:#e0a800;--brand-soft:#ffc40024;--ink:#f1f3f7;--ink-2:#b9c1cd;--ink-3:#7f8896;--ink-4:#5a6675;--surface:#15171c;--surface-2:#1b1e25;--ok:#2ec27e;--ok-bg:#2ec27e26;--warn:#ffb020;--warn-bg:#ffb02026;--danger:#ff5556;--danger-bg:#ff555626;--info:#ffc400;--info-bg:#ffc40024;--purple:#b58bff;--purple-bg:#b58bff26;--gh-shadow:0 1px 2px #0006, 0 10px 30px #00000059;--gh-shadow-lg:0 18px 50px #0009;--gh-radius:14px;color:var(--ink);padding:24px;font-size:14px;line-height:1.45;animation:.34s cubic-bezier(.2,.8,.2,1) ghFadeUp}@keyframes ghFadeUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.ghskin .spacer{flex:1}.ghskin .mt{margin-top:16px}.ghskin .muted{color:var(--ink-3)}.ghskin .empty{text-align:center;color:var(--ink-3);padding:40px}.ghskin .kpis{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px;display:grid}.ghskin .kpi{background:linear-gradient(180deg, var(--panel), var(--black-2));border:1px solid var(--line);border-radius:var(--gh-radius);box-shadow:var(--gh-shadow);padding:17px 18px;transition:transform .22s cubic-bezier(.2,.8,.2,1),box-shadow .22s,border-color .22s;position:relative;overflow:hidden}.ghskin .kpi:before{content:"";background:var(--brand);opacity:.5;width:3px;position:absolute;top:0;bottom:0;left:0}.ghskin .kpi:after{content:"";background:radial-gradient(circle,#ffc4001a,#0000 70%);border-radius:50%;width:88px;height:88px;position:absolute;top:-26px;right:-26px}.ghskin .kpi:hover{border-color:#ffc40059;transform:translateY(-3px);box-shadow:0 14px 34px #00000073}.ghskin .kpi .lbl{color:var(--ink-3);text-transform:uppercase;letter-spacing:.4px;font-size:12px;font-weight:600}.ghskin .kpi .val{letter-spacing:-1px;color:#fff;margin-top:6px;font-size:30px;font-weight:800;line-height:1}.ghskin .kpi .meta{color:var(--ink-2);align-items:center;gap:5px;margin-top:7px;font-size:12px;display:flex}.ghskin .kpi.red .val{color:#ff6b6b}.ghskin .kpi.amber .val{color:var(--brand)}.ghskin .kpi.green .val{color:#4adb98}.ghskin .kpi.blue .val{color:var(--brand)}.ghskin .kpi.red:before{background:var(--danger)}.ghskin .kpi.amber:before,.ghskin .kpi.blue:before{background:var(--brand)}.ghskin .kpi.green:before{background:var(--ok)}.ghskin .kpi-row{align-items:center;margin-bottom:10px;display:flex}.ghskin .ic-chip{background:var(--brand-soft);width:38px;height:38px;color:var(--brand);border:1px solid #ffc40038;border-radius:11px;justify-content:center;align-items:center;display:flex}.ghskin .ic-chip svg{width:19px;height:19px}.ghskin .kpi.red .ic-chip{color:#ff6b6b;background:#ff555624;border-color:#ff555640}.ghskin .kpi.green .ic-chip{color:#4adb98;background:#2ec27e24;border-color:#2ec27e40}.ghskin .kpi .tag{border-radius:20px;margin-left:auto;padding:2px 8px;font-size:11px;font-weight:700}.ghskin .grid{gap:16px;display:grid}.ghskin .g-2{grid-template-columns:2fr 1fr}.ghskin .card{background:var(--surface);border:1px solid var(--line);border-radius:var(--gh-radius);box-shadow:var(--gh-shadow);transition:border-color .2s,box-shadow .2s;overflow:hidden}.ghskin .card:hover{border-color:var(--line-2)}.ghskin .card .head{border-bottom:1px solid var(--line);align-items:center;gap:10px;padding:15px 18px;display:flex}.ghskin .card .head h3{color:#fff;font-size:14.5px;font-weight:720}.ghskin .card .head .sub{color:var(--ink-3);font-size:12px}.ghskin .card .head>.ic{color:var(--brand)}.ghskin .card .head>.ic svg{width:17px;height:17px}.ghskin .card .body{padding:16px 18px}.ghskin .card .body.flush{padding:0}.ghskin .badge2{white-space:nowrap;border:1px solid #0000;border-radius:30px;align-items:center;gap:5px;padding:3px 9px;font-size:11.5px;font-weight:700;display:inline-flex}.ghskin .b-danger{background:var(--danger-bg);color:#ff7a7a;border-color:#ff55564d}.ghskin .b-warn{background:var(--warn-bg);color:var(--brand);border-color:#ffb0204d}.ghskin .b-ok{background:var(--ok-bg);color:#4adb98;border-color:#2ec27e4d}.ghskin .b-info{background:var(--info-bg);color:var(--brand);border-color:#ffc4004d}.ghskin .b-purple{background:var(--purple-bg);color:#c5a6ff;border-color:#b58bff4d}.ghskin .b-gray{color:#9aa3b1;background:#22262f;border-color:#2e333d}.ghskin .prio{color:#15171c;border-radius:7px;justify-content:center;align-items:center;width:24px;height:24px;font-size:12px;font-weight:800;display:inline-flex}.ghskin .p1{color:#fff;background:#ff5556}.ghskin .p2{background:var(--brand)}.ghskin .p3{background:#ffd84d}.ghskin .p4{background:#9aa3b1}.ghskin .p5{color:#fff;background:#5d6675}.ghskin .bar{background:#23272f;border-radius:6px;min-width:84px;height:9px;overflow:hidden}.ghskin .bar>span{background:linear-gradient(90deg, var(--brand-deep), var(--brand));border-radius:6px;height:100%;display:block}.ghskin .bar.over>span{background:linear-gradient(90deg,#e8890b,#ff5556)}.ghskin .bar.full>span{background:linear-gradient(90deg,#ff5556,#c62828)}.ghskin .filters{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:16px;display:flex}.ghskin .chips{flex-wrap:wrap;gap:7px;display:flex}.ghskin .chip{border:1px solid var(--line-2);background:var(--panel);cursor:pointer;color:var(--ink-2);border-radius:30px;padding:7px 13px;font-size:12.5px;font-weight:600;transition:all .14s}.ghskin .chip:hover{border-color:#454c5c}.ghskin .chip.active{background:var(--brand);color:#1a1300;border-color:var(--brand);font-weight:700}.ghskin .ic{justify-content:center;align-items:center;display:inline-flex}.ghskin .ic svg{width:18px;height:18px}.ghskin .stled{background:#5d6675;border-radius:50%;flex:none;width:9px;height:9px}.ghskin .stled.run{background:var(--ok);animation:1.8s infinite ghPulse;box-shadow:0 0 0 3px #2ec27e2e}.ghskin .stled.stop{background:var(--danger);box-shadow:0 0 0 3px #ff55562e}.ghskin .stled.pause{background:var(--brand);box-shadow:0 0 0 3px #ffc4002e}@keyframes ghPulse{50%{opacity:.5}}.ghskin .legend{color:var(--ink-2);flex-wrap:wrap;align-items:center;gap:14px;font-size:12px;display:flex}.ghskin .legend .li{align-items:center;gap:6px;display:flex}.ghskin .legend .sw{border-radius:4px;width:13px;height:13px}.ghskin .mes-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:14px;display:grid}.ghskin .mes{background:var(--surface);border:1px solid var(--line);border-radius:var(--gh-radius);box-shadow:var(--gh-shadow);cursor:pointer;text-align:left;font:inherit;color:var(--ink);width:100%;padding:15px 16px;transition:transform .2s cubic-bezier(.2,.8,.2,1),box-shadow .2s,border-color .2s;animation:.4s both ghFadeUp;position:relative;overflow:hidden}.ghskin .mes:hover{border-color:#ffc40066;transform:translateY(-4px);box-shadow:0 16px 38px #00000080}.ghskin .mes .rib{width:4px;position:absolute;top:0;bottom:0;left:0}.ghskin .rib.run{background:var(--ok)}.ghskin .rib.stop{background:var(--danger)}.ghskin .rib.pause{background:var(--brand)}.ghskin .mes .mhead{align-items:center;gap:9px;margin-bottom:10px;display:flex}.ghskin .mes .mhead .stled{margin-right:-2px}.ghskin .mes .mq{color:#fff;font-size:15px;font-weight:780}.ghskin .mes .op{color:var(--ink-3);margin-left:auto;font-size:12px;font-weight:600}.ghskin .mes .pdesc{color:var(--ink-2);text-overflow:ellipsis;white-space:nowrap;height:18px;margin-bottom:11px;font-size:12.5px;overflow:hidden}.ghskin .oee-mini{align-items:center;gap:14px;margin:6px 0 12px;display:flex}.ghskin .ring{--p:0;--c:var(--brand);background:conic-gradient(var(--c) calc(var(--p) * 1%), #23272f 0);border-radius:50%;flex:none;justify-content:center;align-items:center;width:64px;height:64px;display:flex;position:relative}.ghskin .ring:after{content:"";background:var(--surface);border-radius:50%;position:absolute;inset:6px}.ghskin .ring b{z-index:1;color:#fff;font-size:15px;font-weight:800;line-height:1;position:relative}.ghskin .ring b i{color:var(--ink-3);font-size:9px;font-style:normal}.ghskin .ring small{z-index:1;color:var(--ink-3);letter-spacing:.5px;font-size:8px;font-weight:700;position:absolute;bottom:11px}.ghskin .oee-leg{color:var(--ink-2);flex-direction:column;gap:4px;font-size:11.5px;display:flex}.ghskin .oee-leg div{align-items:center;gap:6px;display:flex}.ghskin .oee-leg span{border-radius:3px;flex:none;width:9px;height:9px}.ghskin .oee-leg b{color:#fff;margin-left:auto;font-weight:720}.ghskin .mes .prog{align-items:center;gap:10px;display:flex}.ghskin .mes .prog .bar{flex:1}.ghskin .mes .pct{text-align:right;min-width:50px;color:var(--brand);font-size:15px;font-weight:800}.ghskin .mes .mstats{color:var(--ink-3);gap:14px;margin-top:11px;font-size:12px;display:flex}.ghskin .mes .mstats b{color:#fff;font-size:14px;font-weight:740;display:block}.ghskin .mtap{border-top:1px dashed var(--line);color:var(--ink-3);align-items:center;gap:6px;margin-top:11px;padding-top:10px;font-size:11px;display:flex}.ghskin .mtap .ic svg{width:13px;height:13px}.ghskin-modal-bg{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:90;background:#000000a8;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.ghskin-modal{background:var(--surface);border:1px solid var(--line-2);box-shadow:var(--gh-shadow-lg);width:620px;max-width:100%;max-height:90vh;color:var(--ink);border-radius:16px;font-size:14px;overflow:auto}.ghskin-modal .mh{border-bottom:1px solid var(--line);align-items:center;gap:10px;padding:17px 20px;display:flex}.ghskin-modal .mh h3{color:#fff;font-size:16px;font-weight:760}.ghskin-modal .mb{padding:20px}.ghskin-modal .gh-x{border:1px solid var(--line-2);background:var(--panel-2);width:30px;height:30px;color:var(--ink-2);cursor:pointer;border-radius:8px;margin-left:auto;font-size:15px;line-height:1}.ghskin-modal .gh-x:hover{color:#fff;border-color:var(--brand)}.ghskin-modal .oee-detail{grid-template-columns:200px 1fr;align-items:center;gap:18px;display:grid}.ghskin-modal .oee-bars{flex-direction:column;gap:13px;display:flex}.ghskin-modal .ob .obl{color:var(--ink-2);justify-content:space-between;margin-bottom:5px;font-size:12.5px;font-weight:600;display:flex}.ghskin-modal .ob .obl b{color:#fff}.ghskin-modal .ob .obp{color:var(--ink-3);margin-top:3px;font-size:10.5px}.ghskin-modal .ob .bar{height:11px}.ghskin-modal .sim-result{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;display:grid}.ghskin-modal .sim-tile{background:var(--panel-2);border:1px solid var(--line);border-radius:12px;padding:13px}.ghskin-modal .sim-tile .l{color:var(--ink-3);text-transform:uppercase;letter-spacing:.4px;font-size:11px;font-weight:600}.ghskin-modal .sim-tile .v{color:#fff;margin-top:5px;font-size:18px;font-weight:780}.ghskin-modal .sim-tile.hl{background:linear-gradient(#ffc4001f,#ffc40008);border-color:#ffc4004d}.ghskin-modal .sim-tile.hl .v{color:var(--brand)}.ghskin .maq-grid{grid-template-columns:repeat(auto-fill,minmax(248px,1fr));gap:14px;margin-top:14px;display:grid}.ghskin .maq-card{background:var(--surface);border:1px solid var(--line);box-shadow:var(--gh-shadow);border-radius:14px;padding:15px 16px;transition:transform .2s cubic-bezier(.2,.8,.2,1),box-shadow .2s,border-color .2s;animation:.4s both ghFadeUp;position:relative;overflow:hidden}.ghskin .maq-card:before{content:"";background:#5d6675;width:3px;position:absolute;top:0;bottom:0;left:0}.ghskin .maq-card.run:before{background:var(--ok)}.ghskin .maq-card.garg:before{background:var(--danger)}.ghskin .maq-card:hover{border-color:#ffc4004d;transform:translateY(-3px);box-shadow:0 14px 32px #00000073}.ghskin .mc-head{align-items:center;gap:9px;margin-bottom:3px;display:flex}.ghskin .mc-nm{color:#fff;text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-size:15px;font-weight:780;overflow:hidden}.ghskin .mc-cls{color:var(--ink-3);margin-bottom:12px;font-size:11.5px}.ghskin .mc-occ{align-items:center;gap:10px;margin-bottom:13px;display:flex}.ghskin .mc-occ .bar{flex:1;height:10px}.ghskin .mc-occ b{color:#fff;text-align:right;min-width:48px;font-size:14px;font-weight:780}.ghskin .mc-stats{flex-wrap:wrap;gap:14px;display:flex}.ghskin .mc-stats div{flex-direction:column;display:flex}.ghskin .mc-stats small{color:var(--ink-3);text-transform:uppercase;letter-spacing:.4px;font-size:10px}.ghskin .mc-stats b{color:var(--ink);font-size:14px;font-weight:720}.ghskin .gh-strip{color:var(--ink-2);flex-wrap:wrap;align-items:center;gap:18px;margin-bottom:16px;font-size:12.5px;display:flex}.ghskin .gh-strip strong{color:#fff}.ghskin .gh-chart{width:100%}.ghskin .field{flex-direction:column;gap:5px;display:flex}.ghskin .field label{color:var(--ink-3);text-transform:uppercase;letter-spacing:.4px;font-size:11px;font-weight:600}.ghskin input,.ghskin select{color:var(--ink);border:1px solid var(--line-2);background:var(--panel);border-radius:10px;outline:none;padding:9px 12px;font-family:inherit;font-size:13.5px;transition:all .15s}.ghskin input::placeholder{color:#5d6675}.ghskin input:focus,.ghskin select:focus{border-color:var(--brand);box-shadow:0 0 0 3px #ffc40029}.ghskin .sim-result{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:14px;display:grid}.ghskin .sim-tile{background:var(--panel-2);border:1px solid var(--line);border-radius:12px;padding:14px;animation:.4s both ghFadeUp}.ghskin .sim-tile .l{color:var(--ink-3);text-transform:uppercase;letter-spacing:.4px;font-size:11.5px;font-weight:600}.ghskin .sim-tile .v{color:#fff;margin-top:5px;font-size:19px;font-weight:780}.ghskin .sim-tile.hl{background:linear-gradient(#ffc4001f,#ffc40008);border-color:#ffc4004d}.ghskin .sim-tile.hl .v{color:var(--brand)}@media (width<=1366px){.ghskin .kpis{grid-template-columns:repeat(auto-fit,minmax(168px,1fr));gap:13px}.ghskin .kpi .val{font-size:26px}.ghskin .maq-grid{grid-template-columns:repeat(auto-fill,minmax(228px,1fr))}.ghskin .mes-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}}@media (width<=1200px){.ghskin .g-2{grid-template-columns:1fr}.ghskin-modal .oee-detail{grid-template-columns:160px 1fr}}@media (width<=860px){.ghskin{padding:14px}.ghskin-modal .oee-detail{grid-template-columns:1fr}}.ghskin .kpis>.kpi{animation:.42s both ghFadeUp}.ghskin .kpis>.kpi:nth-child(2){animation-delay:50ms}.ghskin .kpis>.kpi:nth-child(3){animation-delay:.1s}.ghskin .kpis>.kpi:nth-child(4){animation-delay:.15s}.ghskin .kpis>.kpi:nth-child(5){animation-delay:.2s}.ghskin .kpis>.kpi:nth-child(6){animation-delay:.24s}.ghskin .kpis>.kpi:nth-child(7){animation-delay:.28s}.ghskin .kpis>.kpi:nth-child(8){animation-delay:.32s}.ghskin .mes-grid>.mes:nth-child(2),.ghskin .maq-grid>.maq-card:nth-child(2),.ghskin .mch-cols>.mch-col:nth-child(2){animation-delay:40ms}.ghskin .mes-grid>.mes:nth-child(3),.ghskin .maq-grid>.maq-card:nth-child(3),.ghskin .mch-cols>.mch-col:nth-child(3){animation-delay:80ms}.ghskin .mes-grid>.mes:nth-child(4),.ghskin .maq-grid>.maq-card:nth-child(4),.ghskin .mch-cols>.mch-col:nth-child(4){animation-delay:.12s}.ghskin .mes-grid>.mes:nth-child(5),.ghskin .maq-grid>.maq-card:nth-child(5),.ghskin .mch-cols>.mch-col:nth-child(5){animation-delay:.16s}.ghskin .mes-grid>.mes:nth-child(6),.ghskin .maq-grid>.maq-card:nth-child(6),.ghskin .mch-cols>.mch-col:nth-child(6){animation-delay:.2s}.ghskin .mes-grid>.mes:nth-child(7),.ghskin .maq-grid>.maq-card:nth-child(7){animation-delay:.24s}.ghskin .mes-grid>.mes:nth-child(8),.ghskin .maq-grid>.maq-card:nth-child(8){animation-delay:.28s}.ghskin .card{transition:border-color .2s,box-shadow .2s,transform .2s}.ghskin .chip,.ghskin .tabchip{transition:all .16s}.ghskin-modal-bg{animation:.2s both ghModalFade}.ghskin-modal{animation:.28s cubic-bezier(.2,.9,.3,1.12) both ghModalPop}@keyframes ghModalFade{0%{opacity:0}to{opacity:1}}@keyframes ghModalPop{0%{opacity:0;transform:translateY(18px)scale(.96)}to{opacity:1;transform:none}}.ghskin .tabbar{border-bottom:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:18px;padding-bottom:2px;display:flex}.ghskin .tabchip{color:var(--ink-3);cursor:pointer;-webkit-user-select:none;user-select:none;border:1px solid #0000;border-bottom:none;border-radius:10px 10px 0 0;align-items:center;gap:7px;padding:9px 15px;font-size:13px;font-weight:650;display:inline-flex;position:relative}.ghskin .tabchip .ic{color:inherit}.ghskin .tabchip .ic svg{width:15px;height:15px}.ghskin .tabchip:hover{color:var(--ink);background:var(--panel)}.ghskin .tabchip.active{color:var(--brand);background:var(--panel);border-color:var(--line)}.ghskin .tabchip.active:after{content:"";background:var(--brand);height:2px;position:absolute;bottom:-2px;left:0;right:0}.ghskin .tab-content{animation:.3s both ghFadeUp}.ghskin .legend .dotc{border-radius:50%;width:8px;height:8px;margin:0 2px 0 8px;display:inline-block}.ghskin .legend .dotc.none{background:var(--ok)}.ghskin .legend .dotc.partial{background:var(--brand)}.ghskin .legend .dotc.full{background:var(--danger)}.ghskin .mch-cols{gap:14px;padding-bottom:8px;display:flex;overflow-x:auto}.ghskin .mch-col{background:var(--panel);border:1px solid var(--line);border-radius:12px;flex-direction:column;min-width:262px;max-width:262px;max-height:74vh;animation:.4s both ghFadeUp;display:flex}.ghskin .mch-col .ch{border-bottom:1px solid var(--line);background:var(--panel-2);z-index:1;border-radius:12px 12px 0 0;align-items:center;gap:8px;padding:11px 13px;display:flex;position:sticky;top:0}.ghskin .mch-col .ch .mq-ic{color:var(--brand);flex:none;display:inline-flex}.ghskin .mch-col .ch .nm{color:#fff;text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:740;overflow:hidden}.ghskin .mch-col .ch .cls{color:var(--ink-3);font-size:10.5px;font-weight:600}.ghskin .mch-col .ch .ct{color:var(--ink-3);white-space:nowrap;margin-left:auto;font-size:11px;font-weight:600}.ghskin .occbar{border-bottom:1px solid var(--line);align-items:center;gap:8px;padding:8px 13px;display:flex}.ghskin .occbar .bar{flex:1}.ghskin .occbar b{color:#fff;text-align:right;font-variant-numeric:tabular-nums;min-width:46px;font-size:11.5px}.ghskin .mch-col .lst{flex-direction:column;gap:8px;padding:9px;display:flex;overflow-y:auto}.ghskin .op-card{background:var(--panel-2);border:1px solid var(--line-2);border-radius:10px;padding:10px 11px;transition:all .12s;position:relative}.ghskin .op-card:hover{border-color:var(--brand);box-shadow:0 0 0 1px #ffc40033}.ghskin .op-card.spot{border-color:#ff555699;box-shadow:0 0 0 1px #ff555666}.ghskin .op-card.manual{border-color:#b58bff80}.ghskin .op-card .oc-top{align-items:center;gap:7px;margin-bottom:5px;display:flex}.ghskin .op-card .oc-top .prio{transform:scale(.85)}.ghskin .op-card .oc-code{color:#fff;text-overflow:ellipsis;white-space:nowrap;font-size:12.5px;font-weight:740;overflow:hidden}.ghskin .op-card .oc-desc{color:var(--ink-3);text-overflow:ellipsis;white-space:nowrap;margin-bottom:7px;font-size:11.5px;overflow:hidden}.ghskin .op-card .oc-meta{color:var(--ink-2);flex-wrap:wrap;align-items:center;gap:8px;font-size:11px;display:flex}.ghskin .op-card .oc-meta .qq{color:#fff;font-weight:740}.ghskin .setupdot{border-radius:50%;flex:none;width:8px;height:8px}.ghskin .op-card[draggable=true]{cursor:grab}.ghskin .op-card[draggable=true]:active{cursor:grabbing}.ghskin .op-card.dragging{opacity:.45}.ghskin .mch-col.drop{outline:2px dashed var(--brand);outline-offset:-3px;background:#ffc4000f}.ghskin .mch-col.drop .ch{background:#ffc4001a}@property --p{syntax:"<number>";inherits:false;initial-value:0}@keyframes ghRingFill{0%{--p:0}}@keyframes ghRingPop{0%{opacity:0;transform:scale(.85)}to{opacity:1;transform:scale(1)}}.ghskin .mes .ring{animation:1.1s cubic-bezier(.2,.8,.2,1) both ghRingFill,.45s both ghRingPop}.ghskin.mes2-page{--mes-state-color:#5d6675}.ghskin .mes2-toolbar{flex-wrap:wrap;gap:12px;min-height:58px}.ghskin .mes2-source{align-items:center;gap:9px;min-width:180px;display:flex}.ghskin .mes2-source>div{gap:2px;display:grid}.ghskin .mes2-source b{color:#fff;font-size:12.5px}.ghskin .mes2-source small{color:var(--ink-3);font-size:10.5px}.ghskin .mes2-scope-tabs{border:1px solid var(--line);background:var(--panel-2);border-radius:8px;grid-template-columns:repeat(3,minmax(72px,1fr));padding:3px;display:inline-grid}.ghskin .mes2-scope-tabs button{min-height:32px;color:var(--ink-3);font:inherit;cursor:pointer;background:0 0;border:0;border-radius:6px;padding:0 12px;font-size:12px;font-weight:700}.ghskin .mes2-scope-tabs button.active{color:var(--brand);background:#ffc40021;box-shadow:inset 0 0 0 1px #ffc40047}.ghskin .mes2-select{border:1px solid var(--line);background:var(--panel-2);border-radius:8px;align-items:center;gap:8px;min-width:230px;height:38px;padding:0 9px 0 11px;display:flex}.ghskin .mes2-select span{color:var(--ink-3);text-transform:uppercase;font-size:10px;font-weight:800}.ghskin .mes2-select select{color:#fff;min-width:0;font:inherit;background:0 0;border:0;outline:0;flex:1;font-size:12px}.ghskin .mes2-select option{color:#fff;background:#171a20}.ghskin .mes2-scope-status{border:1px solid var(--line);min-width:54px;color:var(--ink-2);background:var(--panel-2);text-align:center;border-radius:7px;margin-left:auto;padding:7px 9px;font-size:11px;font-weight:800}.ghskin .mes2-scope-status.valid{color:var(--ok);border-color:#2ec27e59}.ghskin .mes2-scope-status.invalid{color:var(--danger);border-color:#ff555661}.ghskin .mes2-warning{color:#f3ca42;background:#ffc40012;border:1px solid #ffc4004d;border-radius:8px;align-items:center;gap:8px;margin:-8px 0 16px;padding:10px 12px;font-size:12px;display:flex}.ghskin .mes2-warning.informational{color:#7fd1ff;background:#4da6ff12;border-color:#4da6ff4d}.ghskin .mes2-kpis{grid-template-columns:repeat(5,minmax(145px,1fr));gap:12px;margin-bottom:14px;display:grid}.ghskin .mes2-kpi{border:1px solid var(--line);background:var(--surface);min-height:92px;color:var(--ink);text-align:left;cursor:pointer;box-shadow:var(--gh-shadow);border-radius:8px;grid-template-columns:40px 1fr;align-items:center;gap:11px;padding:13px;transition:border-color .16s,transform .16s,background .16s;display:grid;position:relative}.ghskin .mes2-kpi:hover{border-color:var(--line-2);transform:translateY(-2px)}.ghskin .mes2-kpi.active{background:color-mix(in srgb, currentColor 8%, var(--surface));border-color:currentColor}.ghskin .mes2-kpi.green{color:var(--ok)}.ghskin .mes2-kpi.blue{color:var(--info)}.ghskin .mes2-kpi.red{color:var(--danger)}.ghskin .mes2-kpi.gray{color:#8b95a4}.ghskin .mes2-kpi.amber{color:var(--brand)}.ghskin .mes2-kpi-icon{background:color-mix(in srgb, currentColor 14%, transparent);border-radius:8px;place-items:center;width:40px;height:40px;display:grid}.ghskin .mes2-kpi-copy{gap:2px;display:grid}.ghskin .mes2-kpi-copy small{color:var(--ink-3);text-transform:uppercase;font-size:10px;font-weight:800}.ghskin .mes2-kpi-copy strong{color:#fff;font-size:25px;line-height:1.1}.ghskin .mes2-kpi-copy em{color:var(--ink-3);text-overflow:ellipsis;white-space:nowrap;font-size:10px;font-style:normal;overflow:hidden}.ghskin .mes2-kpi-clear{position:absolute;top:8px;right:8px}.ghskin .mes2-result-line{min-height:28px;color:var(--ink-3);justify-content:space-between;align-items:center;margin-bottom:8px;font-size:11px;display:flex}.ghskin .mes2-result-line button{color:var(--info);font:inherit;cursor:pointer;background:0 0;border:0;align-items:center;gap:5px;display:inline-flex}.ghskin .mes2-grid{grid-template-columns:repeat(auto-fill,minmax(286px,1fr))}.ghskin .mes2-card{grid-template-rows:42px 32px 50px 76px 28px 54px 30px;gap:8px;min-height:382px;padding:14px 15px 12px 17px;display:grid;overflow:hidden}.ghskin .mes2-card:hover{border-color:color-mix(in srgb, var(--mes-state-color) 60%, var(--line))}.ghskin .mes2-rib{background:var(--mes-state-color);width:4px;position:absolute;inset:0 auto 0 0}.ghskin .mes2-card-head{grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:8px;display:grid}.ghskin .mes2-card-head>div{gap:2px;min-width:0;display:grid}.ghskin .mes2-machine{color:#fff;font-size:15px;font-weight:800}.ghskin .mes2-model,.ghskin .mes2-order{color:var(--ink-3);text-overflow:ellipsis;white-space:nowrap;font-size:10.5px;overflow:hidden}.ghskin .mes2-order{max-width:105px;padding-top:2px;font-weight:700}.ghskin .mes2-status-row{justify-content:space-between;align-items:center;gap:8px;display:flex}.ghskin .mes2-status{border:1px solid color-mix(in srgb, var(--mes-state-color) 45%, transparent);background:color-mix(in srgb, var(--mes-state-color) 13%, transparent);max-width:calc(100% - 48px);min-height:26px;color:var(--mes-state-color);border-radius:6px;align-items:center;gap:6px;padding:4px 8px;font-size:10.5px;font-weight:800;display:inline-flex}.ghskin .mes2-status svg{flex:none}.ghskin .mes2-status{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.ghskin .mes2-oee-number{color:#fff;font-size:13px}.ghskin .mes2-product{align-content:start;gap:3px;min-width:0;display:grid}.ghskin .mes2-product strong{color:#fff;text-overflow:ellipsis;white-space:nowrap;font-size:12.5px;overflow:hidden}.ghskin .mes2-product span{color:var(--ink-2);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:11px;line-height:1.35;display:-webkit-box;overflow:hidden}.ghskin .mes2-oee-block{grid-template-columns:64px minmax(0,1fr);align-items:center;gap:14px;display:grid}.ghskin .mes2-factors{gap:5px;display:grid}.ghskin .mes2-factors>div{color:var(--ink-3);justify-content:space-between;gap:8px;font-size:10.5px;display:flex}.ghskin .mes2-factors b{color:#fff}.ghskin .mes2-progress{grid-template-columns:minmax(0,1fr) 48px;align-items:center;gap:9px;display:grid}.ghskin .mes2-progress .bar{background:#252a33;border-radius:4px;height:8px;overflow:hidden}.ghskin .mes2-progress .bar span{border-radius:inherit;background:#2ec27e;height:100%;display:block}.ghskin .progress-danger .mes2-progress .bar span{background:#ff5556}.ghskin .progress-warning .mes2-progress .bar span{background:#ffc400}.ghskin .progress-success .mes2-progress .bar span{background:#2ec27e}.ghskin .progress-danger .mes2-progress strong,.ghskin .progress-danger .mes2-quantities>div:nth-child(2) b{color:#ff5556}.ghskin .progress-warning .mes2-progress strong,.ghskin .progress-warning .mes2-quantities>div:nth-child(2) b{color:#ffc400}.ghskin .progress-success .mes2-progress strong,.ghskin .progress-success .mes2-quantities>div:nth-child(2) b{color:#2ec27e}.ghskin .mes2-progress strong{text-align:right;font-size:13px}.ghskin .mes2-quantities{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;display:grid}.ghskin .mes2-quantities>div{border:1px solid var(--line);background:var(--panel-2);border-radius:6px;align-content:center;gap:2px;min-width:0;padding:7px;display:grid}.ghskin .mes2-quantities span{color:var(--ink-3);text-transform:uppercase;font-size:9px}.ghskin .mes2-quantities b{color:#fff;text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.ghskin .mes2-footer{border-top:1px dashed var(--line);color:var(--ink-3);justify-content:space-between;align-items:end;gap:8px;padding-top:8px;font-size:9.5px;display:flex}.ghskin .mes2-footer span{text-overflow:ellipsis;white-space:nowrap;align-items:center;gap:4px;display:inline-flex;overflow:hidden}.ghskin-modal.mes2-modal{border-top:3px solid var(--mes-state-color);width:min(920px,96vw)}.ghskin-modal .mes2-modal-state{background:color-mix(in srgb, var(--mes-state-color) 15%, transparent);width:34px;height:34px;color:var(--mes-state-color);border-radius:7px;flex:none;place-items:center;display:grid}.ghskin-modal .mes2-modal-title{gap:2px;min-width:0;display:grid}.ghskin-modal .mes2-modal-title h3{margin:0}.ghskin-modal .mes2-modal-title span{color:var(--ink-3);text-overflow:ellipsis;white-space:nowrap;font-size:10.5px;overflow:hidden}.ghskin-modal .mes2-modal-status{border:1px solid color-mix(in srgb, var(--mes-state-color) 45%, transparent);background:color-mix(in srgb, var(--mes-state-color) 12%, transparent);max-width:230px;color:var(--mes-state-color);text-overflow:ellipsis;white-space:nowrap;border-radius:6px;padding:6px 9px;font-size:11px;font-weight:800;overflow:hidden}.ghskin-modal .mes2-modal-identity{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:18px;display:grid}.ghskin-modal .mes2-modal-identity>div{border:1px solid var(--line);background:var(--panel-2);border-radius:7px;gap:4px;min-width:0;padding:10px;display:grid}.ghskin-modal .mes2-modal-identity span{color:var(--ink-3);text-transform:uppercase;font-size:9px;font-weight:700}.ghskin-modal .mes2-modal-identity strong{color:#fff;text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.ghskin-modal .mes2-modal-oee{grid-template-columns:220px 1fr;padding:4px 0 10px}.ghskin-modal .mes2-stop-detail{border:1px solid color-mix(in srgb, var(--mes-state-color) 38%, transparent);background:color-mix(in srgb, var(--mes-state-color) 9%, transparent);color:var(--mes-state-color);border-radius:7px;align-items:center;gap:9px;margin-top:14px;padding:11px 12px;display:flex}.ghskin-modal .mes2-stop-detail>div{gap:2px;display:grid}.ghskin-modal .mes2-stop-detail span{color:var(--ink-3);text-transform:uppercase;font-size:9px}.ghskin-modal .mes2-stop-detail strong{color:#fff;font-size:12px}@media (width<=1180px){.ghskin .mes2-kpis{grid-template-columns:repeat(3,minmax(145px,1fr))}.ghskin-modal .mes2-modal-identity{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=820px){.ghskin .mes2-toolbar{align-items:stretch}.ghskin .mes2-source,.ghskin .mes2-scope-tabs,.ghskin .mes2-select{width:100%}.ghskin .mes2-scope-status{margin-left:0}.ghskin .mes2-kpis{grid-template-columns:repeat(2,minmax(135px,1fr))}.ghskin .mes2-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}.ghskin-modal .mes2-modal-oee{grid-template-columns:1fr}}@media (width<=540px){.ghskin .mes2-kpis,.ghskin .mes2-grid,.ghskin-modal .mes2-modal-identity{grid-template-columns:1fr}.ghskin .mes2-card{min-height:374px}.ghskin-modal .mes2-modal-status{display:none}}:root{--brand:#ffc400;--brand-2:#ffd84d;--brand-deep:#e0a800;--brand-soft:#ffc40024;--brand-line:#ffc40047;--bg:#0a0b0d;--surface:#15171c;--surface-2:#1b1e25;--surface-3:#21252e;--line:#2a2f3a;--text:#f1f3f7;--muted:#7f8896;--danger:#ff5556;--warning:#ffc400;--success:#2ec27e;--info:#4da6ff;--shadow-card:0 1px 2px #0006, 0 10px 30px #00000059;--shadow-hover:0 18px 50px #0000008c}body{background:radial-gradient(1200px 600px at 80% -10%, #ffc4000d, transparent 60%), var(--bg);-webkit-font-smoothing:antialiased}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{border:2px solid var(--bg);background:#2c313c;border-radius:8px}::-webkit-scrollbar-thumb:hover{background:#3a4150}.sidebar{background:linear-gradient(#000,#0c0d10 60%,#0a0b0d);border-right:1px solid #1c1f26}.sidebar:before{content:"";background:linear-gradient(90deg, var(--brand), var(--brand-deep));z-index:2;height:3px;position:absolute;top:0;left:0;right:0}.nav-item{transition:background .16s,color .16s,box-shadow .16s}.nav-item:hover{color:#fff;background:#15171c}.nav-item.active{background:linear-gradient(90deg, var(--brand-soft), transparent);box-shadow:inset 3px 0 0 var(--brand);border-left-color:#0000}.topbar{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0c0d10d1;border-bottom:1px solid #1c1f26}.panel,.glass{background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow-card);transition:border-color .2s,box-shadow .2s}.panel:hover{border-color:var(--line)}.stat-card{background:linear-gradient(180deg, var(--surface), #0e0f12);border:1px solid var(--line);transition:transform .22s cubic-bezier(.2,.8,.2,1),box-shadow .22s,border-color .22s}.stat-card:hover{border-color:var(--brand-line);transform:translateY(-3px);box-shadow:0 14px 34px #00000073}.stat-card-icon{background:var(--brand-soft);border:1px solid #ffc40038}.stat-card.danger .stat-card-icon{background:#ff555626;border-color:#ff555640}.stat-card.success .stat-card-icon{background:#2ec27e26;border-color:#2ec27e40}.stat-card.warning .stat-card-icon{background:#ffc40026;border-color:#ffc40040}.stat-card.info .stat-card-icon{background:#4da6ff26;border-color:#4da6ff40}.action-button{transition:transform .12s,filter .15s,border-color .15s,background .15s}.action-button:active:not(:disabled){transform:translateY(1px)}.action-button.primary{background:linear-gradient(180deg, var(--brand-2), var(--brand));color:#1a1300;border-color:#0000;font-weight:700}.action-button.primary:hover:not(:disabled){filter:brightness(1.07)}.icon-button{transition:border-color .15s,color .15s,background .15s}.icon-button:hover{border-color:var(--brand-line);color:var(--brand)}.table-wrap thead th{text-transform:uppercase;letter-spacing:.05em;color:var(--muted);background:var(--surface-2);font-size:11px;font-weight:700}.table-wrap tbody tr{transition:background .12s}.table-wrap tbody tr:hover td{background:#ffffff06}.queue-filter-tabs button,.tab-bar button{transition:background .14s,color .14s,border-color .14s,transform .12s}.queue-filter-tabs button:hover,.tab-bar button:hover{transform:translateY(-1px)}.queue-filter-tabs button.active{background:var(--brand);color:#1a1300;border-color:var(--brand);font-weight:700}.count-pill{background:var(--surface-2);border:1px solid var(--line)}@keyframes premiumFadeUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.workspace>main,.workspace>section,.panel.full{animation:.34s cubic-bezier(.2,.8,.2,1) premiumFadeUp}.machine-card,.panel{transition:transform .2s cubic-bezier(.2,.8,.2,1),box-shadow .2s,border-color .2s}.machine-card:hover{border-color:var(--brand-line);transform:translateY(-3px);box-shadow:0 14px 32px #00000073}.live-state.running:before,.status-dot.online{animation:1.8s infinite pulse}
