[data-v-8b120fd5]{box-sizing:border-box}.page[data-v-8b120fd5]{background:#e9edf2;flex-direction:column;width:100vw;height:100vh;font-family:Arial,Helvetica,sans-serif;display:flex;overflow:hidden}.topbar[data-v-8b120fd5]{color:#fff;background:#1f2937;flex-shrink:0;justify-content:space-between;align-items:center;min-height:70px;padding:12px 22px;display:flex}.topbar h1[data-v-8b120fd5]{margin:0;font-size:21px}.topbar p[data-v-8b120fd5]{color:#cbd5e1;margin:4px 0 0;font-size:12px}.buttons[data-v-8b120fd5]{gap:8px;display:flex}button[data-v-8b120fd5]{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:6px;padding:9px 15px;font-size:13px}button[data-v-8b120fd5]:hover{background:#1d4ed8}button[data-v-8b120fd5]:disabled{opacity:.6;cursor:default}main[data-v-8b120fd5]{flex-direction:column;flex:1;min-height:0;padding:8px;display:flex;overflow:hidden}.info-bar[data-v-8b120fd5]{color:#475569;flex-shrink:0;align-items:center;gap:20px;min-height:24px;margin-bottom:5px;font-size:12px;display:flex}.loading[data-v-8b120fd5]{color:#2563eb}.error[data-v-8b120fd5]{color:#d00000;font-weight:700}.pogon[data-v-8b120fd5]{-webkit-user-select:none;user-select:none;background-color:#fff;background-image:linear-gradient(#e5e7eb 1px,#0000 1px),linear-gradient(90deg,#e5e7eb 1px,#0000 1px);background-size:20px 20px;border:2px solid #475569;flex:1;width:100%;min-height:0;position:relative;overflow:hidden}.stroj[data-v-8b120fd5]{cursor:grab;background:#fff;border:2px solid #64748b;border-radius:7px;padding:7px;position:absolute;overflow:hidden;box-shadow:0 3px 8px #00000029}.stroj[data-v-8b120fd5]:hover{box-shadow:0 5px 12px #00000042}.stroj[data-v-8b120fd5]:active{cursor:grabbing}.stroj.selected[data-v-8b120fd5]{border:3px solid #2563eb}.machine-header[data-v-8b120fd5]{border-bottom:1px solid #e5e7eb;align-items:center;gap:7px;padding-bottom:4px;display:flex}.machine-image-wrapper[data-v-8b120fd5]{cursor:pointer;background:#f8fafc;border-radius:5px;flex-shrink:0;justify-content:center;align-items:center;width:58px;height:50px;display:flex}.machine-image[data-v-8b120fd5]{object-fit:contain;pointer-events:none;width:auto;max-width:54px;height:auto;max-height:46px}.machine-title[data-v-8b120fd5]{flex-direction:column;flex:1;min-width:0;display:flex}.machine-title strong[data-v-8b120fd5]{color:#111827;white-space:nowrap;text-overflow:ellipsis;font-size:13px;overflow:hidden}.machine-title span[data-v-8b120fd5]{color:#64748b;font-size:9px}.source-isn[data-v-8b120fd5]{color:#94a3b8!important;font-size:8px!important}.status-container[data-v-8b120fd5]{flex-direction:column;align-items:center;min-width:52px;display:flex}.status-light[data-v-8b120fd5]{border:2px solid #374151;border-radius:50%;width:19px;height:19px;margin-bottom:2px}.status-container small[data-v-8b120fd5]{font-size:8px;font-weight:700}.status-light.RADI[data-v-8b120fd5]{background:#22c55e;box-shadow:0 0 8px #22c55e}.status-light.UGASEN[data-v-8b120fd5]{background:#64748b;box-shadow:0 0 5px #64748b}.status-light.NE_RADI[data-v-8b120fd5]{background:#ef4444;box-shadow:0 0 7px #ef4444}.status-light.NEPOZNATO[data-v-8b120fd5]{background:#f59e0b}.machine-info[data-v-8b120fd5]{margin-top:5px;font-size:10px}.machine-info div[data-v-8b120fd5]{justify-content:space-between;margin-bottom:2px;display:flex}.machine-info span[data-v-8b120fd5]{color:#64748b}.machine-info strong[data-v-8b120fd5]{color:#111827}.oee-row[data-v-8b120fd5]{grid-template-columns:1fr 1fr 1fr;gap:4px;margin-top:5px;display:grid}.oee-box[data-v-8b120fd5]{text-align:center;background:#f1f5f9;border-radius:4px;padding:4px}.oee-box span[data-v-8b120fd5]{color:#64748b;font-size:8px;display:block}.oee-box strong[data-v-8b120fd5]{font-size:11px}.value-with-indicator[data-v-8b120fd5]{justify-content:center;align-items:center;gap:5px;display:flex}.deviation-indicator[data-v-8b120fd5]{cursor:help;justify-content:center;align-items:center;width:22px;height:22px;font-weight:700;line-height:1;font-size:20px!important;display:inline-flex!important}.deviation-red[data-v-8b120fd5]{color:#dc2626!important}.deviation-orange[data-v-8b120fd5]{color:#f59e0b!important;font-size:18px!important}.deviation-green[data-v-8b120fd5]{color:#16a34a!important;font-size:18px!important}.deviation-none[data-v-8b120fd5]{display:none!important}.oee-red[data-v-8b120fd5]{color:#d00000}.oee-green[data-v-8b120fd5]{color:#168a2f}.oee-black[data-v-8b120fd5]{color:#111}.coordinates[data-v-8b120fd5]{color:#94a3b8;font-size:7px;position:absolute;bottom:2px;right:5px}.machine-modal-overlay[data-v-8b120fd5]{z-index:9999;background:#000000b8;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.machine-modal[data-v-8b120fd5]{background:#fff;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;width:min(92vw,1100px);max-height:92vh;padding:42px 18px 18px;display:flex;position:relative;box-shadow:0 12px 35px #0006}.machine-modal-close[data-v-8b120fd5]{color:#fff;cursor:pointer;background:#1f2937;border:none;border-radius:50%;justify-content:center;align-items:center;width:34px;height:34px;padding:0;font-size:24px;line-height:1;display:flex;position:absolute;top:8px;right:10px}.machine-modal-close[data-v-8b120fd5]:hover{background:#111827}.machine-modal-title[data-v-8b120fd5]{color:#111827;white-space:nowrap;text-overflow:ellipsis;font-size:16px;font-weight:700;position:absolute;top:12px;left:18px;right:55px;overflow:hidden}.machine-modal-image[data-v-8b120fd5]{object-fit:contain;border-radius:6px;width:auto;max-width:100%;height:auto;max-height:calc(92vh - 75px);display:block}.machine-modal-message[data-v-8b120fd5]{color:#475569;justify-content:center;align-items:center;min-height:180px;font-size:14px;display:flex}.machine-modal-error[data-v-8b120fd5]{color:#d00000;font-weight:700}@media (width<=700px){.machine-modal-overlay[data-v-8b120fd5]{padding:8px}.machine-modal[data-v-8b120fd5]{width:96vw;max-height:96vh;padding:42px 8px 8px}.machine-modal-image[data-v-8b120fd5]{max-height:calc(96vh - 60px)}}