@charset "UTF-8";:root{--bg-primary: #0d0d0f;--bg-secondary: #1a1b1e;--bg-tertiary: #15161a;--border-color: #2a2d38;--text-primary: #e8f0ff;--text-secondary: #9aa5b1;--text-muted: #6b7280;--accent-blue: #2f54eb;--accent-green: #22c55e;--accent-green-dark: #16a34a;--brand-blue: #2f54eb;--brand-blue-hover: #2443c9;--brand-blue-rgb: 47, 84, 235;--brand-ink: #0d0d0f;--radius-pill: 999px;--sidebar-left-width: 245px;--sidebar-right-width: 288px;--topbar-height: 50px}*,*:before,*:after{box-sizing:border-box}html,body{height:100%;width:100%;margin:0;padding:0;overflow:hidden;font-family:Poppins,Roboto,Segoe UI,system-ui,sans-serif;background:var(--bg-primary);color:var(--text-primary)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#ffffff40}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.viewport-pills{position:absolute;top:14px;left:50%;transform:translate(-50%);z-index:12;display:flex;flex-wrap:wrap;justify-content:center;gap:8px;width:max-content;max-width:calc(100% - 32px)}.order-version-pill{display:flex;align-items:center;gap:8px;padding:4px 4px 4px 14px;font-size:13px;color:#e6ebf5;background:#0f1420eb;border:1px solid #3d5286;border-radius:999px;box-shadow:0 6px 20px #00000059;white-space:nowrap}.order-version-pill__label{font-weight:700}.order-version-pill button{padding:5px 12px;font:inherit;font-size:12.5px;font-weight:700;color:#fff;background:#199e70;border:0;border-radius:999px;cursor:pointer}.order-version-pill button:hover:not(:disabled){background:#1cb27e}.order-version-pill button:disabled{opacity:.5;cursor:not-allowed}.back-to-production{display:flex;align-items:center;gap:8px;max-width:100%;padding:8px 16px;font:inherit;font-size:13px;font-weight:700;color:#fff;background:#2f54eb;border:0;border-radius:999px;box-shadow:0 6px 20px #00000059;cursor:pointer;white-space:nowrap}.back-to-production:hover{background:#3d63ff}.back-to-production__name{font-weight:500;opacity:.8;overflow:hidden;text-overflow:ellipsis}.vdiag-btn{position:absolute;left:14px;bottom:14px;z-index:11;width:34px;height:34px;font-size:16px;line-height:1;background:#0f1420d9;border:1px solid #2f3f63;border-radius:50%;cursor:pointer;opacity:.6}.vdiag-btn:hover,.vdiag-btn.is-on{opacity:1;border-color:#3b6bff}.vdiag-panel{position:absolute;left:14px;bottom:58px;z-index:11;width:380px;max-width:calc(100% - 28px);max-height:calc(100% - 130px);overflow:auto;padding:10px 12px;font:11.5px/1.45 system-ui,-apple-system,Segoe UI,sans-serif;color:#dfe7f7;background:#0a0e18f2;border:1px solid #3d5286;border-radius:12px;box-shadow:0 16px 40px #0000008c}.vdiag-head{display:flex;align-items:center;gap:6px;margin-bottom:6px}.vdiag-head b{flex:1;font-size:12.5px}.vdiag-head button{padding:3px 9px;font:inherit;font-weight:600;color:#c7d3ec;background:#1a2438;border:1px solid #2f3f63;border-radius:6px;cursor:pointer}.vdiag-hints{margin:0 0 8px;padding:7px 9px 7px 22px;color:#f0d49a;background:#f0b44c14;border:1px solid rgba(240,180,76,.3);border-radius:8px}.vdiag-hints li+li{margin-top:4px}.vdiag-title{margin:8px 0 2px;font-size:10px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#7f8ba3}.vdiag-row{display:flex;justify-content:space-between;gap:10px;padding:1px 0}.vdiag-row span:first-child{color:#9aa6bd;white-space:pre}.vdiag-row span:last-child{text-align:right;font-variant-numeric:tabular-nums}.vdiag-ok span:last-child{color:#7fd6a4}.vdiag-warn span:last-child{color:#f0c46a}.vdiag-bad span:last-child{color:#ff8a8a;font-weight:700}.vdiag-foot{margin:8px 0 0;color:#6d7a92}.vlight{position:absolute;top:64px;right:14px;z-index:11;display:flex;flex-direction:column;align-items:flex-end;gap:6px;max-width:min(300px,100% - 28px);font:12px/1.45 system-ui,-apple-system,Segoe UI,sans-serif}.vlight-pill{padding:4px 11px;font:inherit;font-size:11.5px;font-weight:700;color:#f0c46a;background:#0f1420e0;border:1px solid rgba(240,180,76,.45);border-radius:999px;cursor:pointer}.vlight-pill:hover{border-color:#f0c46a}.vlight-info{padding:9px 11px;color:#dfe7f7;background:#0f1420f2;border:1px solid rgba(240,180,76,.35);border-radius:10px;box-shadow:0 10px 28px #00000073}.vlight-tip{display:block;margin-top:6px;color:#8b97ad;font-size:11px}