.op{--bg:#0c1014;--bg-card:#0f151b;--bg-deep:#10273d;--accent:#245e8f;--hi:#2d74b0;--muted:#56606a;--body:#e9edf2;--head:#fff;--ok:#22c55e;--warn:#f59e0b;--alert:#ef4444;color:var(--body);background:var(--bg);border:1px solid #245e8f4d;border-radius:14px;flex-direction:column;gap:14px;width:100%;max-width:100%;padding:18px;font-family:Montserrat,sans-serif;display:flex;position:relative;container-type:inline-size}.op *{box-sizing:border-box}.op-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:10px;display:flex}.op-eye{letter-spacing:.2em;text-transform:uppercase;color:var(--hi);font-size:9px;font-weight:700}.op-title{color:var(--head);margin:4px 0 0;font-size:18px;font-weight:800}.op-live{letter-spacing:.15em;color:var(--ok);align-items:center;gap:8px;font-size:9px;font-weight:700;display:flex}.op-dot{background:var(--ok);border-radius:50%;width:8px;height:8px;animation:2s infinite op-pulse}@keyframes op-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.35;transform:scale(1.6)}}.op-label{letter-spacing:.15em;text-transform:uppercase;color:var(--muted);font-size:9px;font-weight:700}.op-card{background:var(--bg-card);border:1px solid #245e8f26;border-radius:12px;min-width:0;padding:16px}.op-stats{grid-template-columns:repeat(4,1fr);gap:10px;display:grid}.op-stat{background:var(--bg-card);border:1px solid #245e8f33;border-radius:10px;min-width:0;padding:13px 12px;transition:transform .2s,border-color .2s;position:relative;overflow:hidden}.op-stat:hover{border-color:#245e8f80;transform:translateY(-2px)}.op-stat-bar{height:2px;position:absolute;top:0;left:0;right:0}.op-stat .op-label{letter-spacing:.1em;font-size:8px}.op-stat-val{color:var(--head);margin:6px 0 2px;font-size:24px;font-weight:800;line-height:1.1}.op-stat-sub{color:var(--muted);font-size:9px}.op-main{grid-template-columns:1.15fr .85fr;gap:14px;display:grid}.op-bottom{grid-template-columns:1fr 1fr;gap:14px;display:grid}.op-card-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;margin-bottom:10px;display:flex}.op-filters{gap:4px;display:flex}.op-filter{text-transform:uppercase;cursor:pointer;color:var(--muted);background:0 0;border:1px solid #245e8f40;border-radius:20px;padding:4px 9px;font:700 9px Montserrat,sans-serif;transition:all .2s}.op-filter.on{border-color:var(--hi);color:var(--body);background:#245e8f40}.op-table{table-layout:fixed;border-collapse:collapse;width:100%;font-size:10.5px}.op-table th{text-transform:uppercase;letter-spacing:.08em;color:var(--muted);text-align:left;border-bottom:1px solid #ffffff0f;padding:6px 4px;font-size:8px;font-weight:700}.op-table td{vertical-align:middle;overflow-wrap:anywhere;border-bottom:1px solid #ffffff0a;padding:8px 4px}.op-row{cursor:pointer;transition:background .2s;animation:.25s op-fade}.op-row:hover,.op-row.open{background:#245e8f1f}.op-row td:first-child{color:var(--head);font-weight:600}.op-detail td{padding:0}.op-detail-in{background:#10273d59;grid-template-columns:auto auto 1fr;gap:10px;padding:10px 8px;animation:.2s op-fade;display:grid}.op-detail-in b{color:var(--muted);text-transform:uppercase;letter-spacing:.1em;margin-bottom:3px;font-size:8px;display:block}@keyframes op-fade{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}.op-badge{white-space:nowrap;border:1px solid;border-radius:20px;align-items:center;gap:4px;padding:2px 7px;font-size:9px;font-weight:700;display:inline-flex}.op-badge i{background:currentColor;border-radius:50%;width:5px;height:5px}.op-exec{color:#22c55e;background:#22c55e1f;border-color:#22c55e40}.op-pend{color:#f59e0b;background:#f59e0b1f;border-color:#f59e0b40}.op-risco{color:#ef4444;background:#ef44441f;border-color:#ef444440}.op-machines{flex-direction:column;gap:8px;margin-top:10px;display:flex}.op-mach{background:#10273d59;border:1px solid #245e8f26;border-radius:8px;align-items:center;gap:10px;padding:9px 10px;transition:background .2s,border-color .2s;display:flex}.op-mach:hover{background:#245e8f26;border-color:#245e8f66}.op-mach.risco{animation:2s ease-in-out infinite op-border}@keyframes op-border{0%,to{border-color:#ef444426}50%{border-color:#ef444480}}.op-mach-ico{background:var(--bg-deep);border-radius:8px;flex:none;place-items:center;width:32px;height:32px;font-size:14px;display:grid}.op-mach-name{color:var(--head);font-size:11.5px;font-weight:700}.op-mach-sub{color:var(--muted);font-size:9.5px}.op-mach-r{text-align:right;flex:none;margin-left:auto}.op-mach-pct{font-size:12px;font-weight:800}.op-track{background:#ffffff14;border-radius:2px;width:50px;height:4px;margin-top:4px;overflow:hidden}.op-fill{border-radius:2px;width:0;height:100%;transition:width 1.2s cubic-bezier(.4,0,.2,1)}.op-flow{margin:14px 0 12px;display:flex}.op-step{flex-direction:column;flex:1;align-items:center;min-width:0;display:flex;position:relative}.op-step:before{content:"";z-index:0;background:#56606a66;width:100%;height:1.5px;position:absolute;top:7px;left:-50%}.op-step:first-child:before{display:none}.op-step.done:before,.op-step.current:before{background:var(--accent)}.op-circle{z-index:1;background:var(--bg-card);border:1.5px solid #56606a99;border-radius:50%;width:15px;height:15px;position:relative}.op-step.done .op-circle{background:var(--accent);border-color:var(--accent)}.op-step.current .op-circle{background:var(--warn);border-color:var(--warn);animation:1.8s infinite op-glow}@keyframes op-glow{0%{box-shadow:0 0 #f59e0b99}to{box-shadow:0 0 0 6px #f59e0b00}}.op-step span{text-transform:uppercase;letter-spacing:.04em;color:var(--muted);text-align:center;margin-top:6px;font-size:7.5px;font-weight:700}.op-step.done span{color:var(--hi)}.op-step.current span{color:var(--warn)}.op-list{flex-direction:column;gap:6px;display:flex}.op-li{align-items:center;gap:8px;font-size:10.5px;display:flex}.op-li .op-badge{flex:none}.op-li em{color:var(--muted);white-space:nowrap;margin-left:auto;font-size:9px;font-style:normal}.op-notif{opacity:0;align-items:flex-start;gap:8px;font-size:10.5px;line-height:1.4;animation:.4s forwards op-slide;display:flex}.op-notif b{color:var(--head)}@keyframes op-slide{0%{opacity:0;transform:translate(-12px)}to{opacity:1;transform:none}}.op-nico{border-radius:50%;flex:none;place-items:center;width:24px;height:24px;font-size:11px;display:grid}.op-nico.ok{background:#22c55e26}.op-nico.warn{background:#f59e0b26}.op-nico.alert{background:#ef444426}.op-nmeta{color:var(--muted);align-items:center;gap:6px;margin-top:2px;font-size:9px;display:flex}.op-new{color:#7ec8ff;background:#245e8f4d;border-radius:4px;padding:1px 5px;font-size:8px;font-weight:700}.op-tip{pointer-events:none;z-index:60;background:var(--bg-card);color:var(--body);border:1px solid #245e8f80;border-radius:8px;max-width:240px;padding:10px 14px;font:11px Montserrat,sans-serif;position:fixed}.op-tip b{color:#fff;margin-bottom:2px;display:block}.op-overlay{z-index:70;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0c1014bf;animation:.2s op-fade;position:fixed;inset:0}.op-sheet{z-index:71;color:#e9edf2;touch-action:none;background:#0f151b;border-top:1px solid #245e8f66;border-radius:18px 18px 0 0;padding:12px 20px 28px;font-family:Montserrat,sans-serif;animation:.25s op-up;position:fixed;bottom:0;left:0;right:0}@keyframes op-up{0%{transform:translateY(100%)}to{transform:none}}.op-handle{background:#56606a;border-radius:2px;width:36px;height:4px;margin:0 auto 14px}.op-x{color:#e9edf2;cursor:pointer;background:0 0;border:1px solid #245e8f66;border-radius:50%;width:30px;height:30px;position:absolute;top:14px;right:16px}.op-sheet h4{color:#fff;margin:0;font-size:18px}.op-sheet-sub{color:#56606a;margin:4px 0 16px;font-size:11px}.op-sheet-grid{grid-template-columns:1fr 1fr;gap:8px;margin-bottom:14px;display:grid}.op-sheet-grid div{background:#10273d66;border-radius:8px;padding:10px;font-size:12px}.op-sheet-grid b{text-transform:uppercase;letter-spacing:.1em;color:#56606a;margin-bottom:4px;font-size:8px;display:block}.op-hist{background:#10273d4d;border-left:2px solid #245e8f;padding:8px 12px;font-size:12px}@container (width<=620px){.op-main,.op-bottom{grid-template-columns:1fr}}@container (width<=400px){.op-table{font-size:9.5px}}@container (width<=330px){.op-stats{grid-template-columns:repeat(2,1fr)}.op-detail-in{grid-template-columns:1fr 1fr}.op-detail-in>div:last-child{grid-column:1/-1}}@media (prefers-reduced-motion:reduce){.op *,.op-sheet{transition:none!important;animation:none!important}.op-notif{opacity:1}}.op-tabs{background:var(--bg-card);border:1px solid #245e8f33;border-radius:10px;gap:4px;padding:4px;display:flex}.op-tab{text-transform:uppercase;letter-spacing:.06em;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:7px;flex:1;padding:8px 4px;font:700 10px Montserrat,sans-serif;transition:all .2s}.op-tab.on{color:var(--body);background:#245e8f4d}.op-body>.op-card{max-height:330px;animation:.2s op-fade;overflow-y:auto}.op{gap:12px;padding:16px}.op-stat{padding:10px}.op-stat-val{margin:4px 0 0;font-size:20px}