#uretim-hatti{--uh-line:#e2e8f0;--uh-soft:#64748b;--uh-ok:#15803d;--uh-orange:#f97316;--uh-orange-300:#fdba74;--uh-accent:#c2410c;--uh-mono:ui-monospace, "SF Mono", "JetBrains Mono", Menlo, Consolas, monospace;border:1px solid var(--uh-line);border-radius:18px;overflow:hidden;background:#fff;color:#1e293b;box-shadow:0 10px 30px -12px #0f172a2e}#uretim-hatti .stage-view{position:relative;aspect-ratio:5/2;max-width:100%}#uretim-hatti[data-dil=ar] .station-tab,#uretim-hatti[data-dil=ar] .uh-pause,#uretim-hatti[data-dil=ar] .live-tag,#uretim-hatti[data-dil=ar] .hint{font-family:Cairo,system-ui,sans-serif;letter-spacing:0}#uretim-hatti[data-dil=ar] .ro-status,#uretim-hatti[data-dil=ar] .stats dd{font-family:"Cairo",var(--uh-mono);letter-spacing:0}#uretim-hatti[data-dil=ar] .stats dt{letter-spacing:0}#uretim-hatti[data-dil=ar] .stats dd{unicode-bidi:plaintext;text-align:right}@media (max-width:719px){#uretim-hatti .stage-view{aspect-ratio:1/1}}#uretim-hatti .stage-view svg{position:absolute;inset:0;width:100%;height:100%;display:block;touch-action:pan-y pinch-zoom;cursor:grab;user-select:none;-webkit-user-select:none}#uretim-hatti .stage-view svg.dragging{cursor:grabbing}#uretim-hatti .live-tag{position:absolute;left:14px;top:12px;z-index:2;display:inline-flex;align-items:center;gap:8px;font:600 11px/1 var(--uh-mono);letter-spacing:.12em;color:#1e293b;background:#ffffffe0;border:1px solid var(--uh-line);border-radius:999px;padding:7px 11px;pointer-events:none}#uretim-hatti .live-tag i{width:7px;height:7px;border-radius:50%;background:var(--uh-orange)}@media (max-width:719px){#uretim-hatti .live-tag{display:none}}#uretim-hatti .hint{position:absolute;right:14px;top:12px;z-index:2;font-size:12px;color:#475569;background:#ffffffe0;border-radius:999px;padding:6px 11px;border:1px solid var(--uh-line);pointer-events:none}@media (max-width:719px){#uretim-hatti .hint{display:none}}#uretim-hatti .console{border-top:1px solid var(--uh-line);background:#f8fafc}#uretim-hatti .tabs{display:flex;gap:6px;padding:10px 12px;overflow-x:auto;scrollbar-width:thin;scrollbar-color:#cbd5e1 transparent;border-bottom:1px solid var(--uh-line)}#uretim-hatti .station-tab{appearance:none;border:1px solid transparent;background:0 0;color:#334155;font:500 13px/1.2 Poppins,system-ui,sans-serif;cursor:pointer;padding:8px 11px 9px;border-radius:9px;display:grid;grid-template-columns:auto auto;column-gap:8px;row-gap:6px;align-items:center;white-space:nowrap;flex-shrink:0;position:relative}#uretim-hatti .station-tab .no{font:600 11px/1 var(--uh-mono);color:var(--uh-soft)}#uretim-hatti .station-tab .mini{grid-column:1/-1;height:3px;border-radius:2px;background:#e2e8f0;overflow:hidden}#uretim-hatti .station-tab .mini i{display:block;height:100%;width:0;background:var(--uh-orange)}#uretim-hatti .station-tab:hover{background:#eef2f6;color:#0f172a}#uretim-hatti .station-tab:focus-visible{outline:3px solid var(--uh-orange-300);outline-offset:2px}#uretim-hatti .station-tab.now{color:#0f172a}#uretim-hatti .station-tab.now:after{content:"";position:absolute;top:6px;inset-inline-end:6px;width:6px;height:6px;border-radius:50%;background:var(--uh-orange)}#uretim-hatti .station-tab[aria-pressed=true]{background:#f973161f;border-color:#f9731673;color:#0f172a}#uretim-hatti .station-tab[aria-pressed=true] .no{color:var(--uh-accent)}#uretim-hatti .readout{padding:16px 20px 20px;display:grid;gap:14px;min-width:0}#uretim-hatti .ro-head{display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 14px}#uretim-hatti .ro-head strong{font-size:18px;font-weight:700;color:#0f172a}#uretim-hatti .ro-status{display:inline-flex;align-items:center;gap:7px;font:500 12px/1 var(--uh-mono);color:var(--uh-ok);letter-spacing:.04em}#uretim-hatti .ro-status:before{content:"";width:7px;height:7px;border-radius:50%;background:currentColor}#uretim-hatti .ro-status.idle{color:var(--uh-accent)}#uretim-hatti .ro-desc{margin:0;color:#475569;font-size:14px;line-height:1.65;max-width:72ch;min-height:3.3em}#uretim-hatti .stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;margin:0;background:var(--uh-line);border:1px solid var(--uh-line);border-radius:10px;overflow:hidden}@media (min-width:600px){#uretim-hatti .stats{grid-template-columns:repeat(4,minmax(0,1fr))}}#uretim-hatti .stats div{background:#fff;padding:10px 12px;min-width:0}#uretim-hatti .stats dt{font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--uh-soft);margin-bottom:4px}#uretim-hatti .stats dd{margin:0;font:600 15px/1.2 var(--uh-mono);color:#0f172a;font-variant-numeric:tabular-nums;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#uretim-hatti .ro-foot{display:flex;flex-wrap:wrap;align-items:center;gap:12px 18px}#uretim-hatti .bar{flex:1 1 200px;height:6px;border-radius:4px;background:#e2e8f0;overflow:hidden}#uretim-hatti .bar i{display:block;height:100%;width:0;background:linear-gradient(90deg,#ea580c,var(--uh-orange-300))}#uretim-hatti .ro-link{color:var(--uh-accent);font-weight:600;font-size:14px;text-decoration:none}#uretim-hatti .ro-link:hover{text-decoration:underline}#uretim-hatti .uh-pause{margin-inline-start:auto;appearance:none;display:inline-flex;align-items:center;gap:7px;background:#fff;color:#475569;border:1px solid #cbd5e1;border-radius:999px;padding:6px 12px;font:500 12px/1 Poppins,system-ui,sans-serif;cursor:pointer}#uretim-hatti .uh-pause:hover{color:#0f172a;border-color:#94a3b8}#uretim-hatti .uh-pause:focus-visible{outline:3px solid var(--uh-orange-300);outline-offset:2px}#uretim-hatti .uh-pause svg{width:12px;height:12px;fill:currentColor}#uretim-hatti .uh-pause .i-oyn,#uretim-hatti .uh-pause[aria-pressed=true] .i-dur{display:none}#uretim-hatti .uh-pause[aria-pressed=true] .i-oyn{display:inline}#uretim-hatti .uh-pause[hidden]{display:none}@media (max-width:599px){#uretim-hatti .uh-pause{order:2}#uretim-hatti .ro-status{order:3;flex-basis:100%}}#uretim-hatti.uh-paused .blink,#uretim-hatti.uh-paused .steam{animation-play-state:paused}#uretim-hatti .blink{animation:uh-blink 1.2s steps(2,jump-none) infinite}@keyframes uh-blink{50%{opacity:.25}}#uretim-hatti .steam{animation:uh-steam 2.4s ease-in-out infinite}#uretim-hatti .steam.d2{animation-delay:1.2s}@keyframes uh-steam{0%{transform:translateY(4px);opacity:0}40%{opacity:.5}to{transform:translateY(-10px);opacity:0}}#uretim-hatti .hit{fill:transparent}#uretim-hatti .sel .sign-plate{stroke:var(--uh-orange)}@media (prefers-reduced-motion:reduce){#uretim-hatti .blink,#uretim-hatti .steam{animation:none}}