:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#211925;--panel:#2a2130;--ink:#fffaf4;--muted:#b9acba;--yellow:#f7df4b;--line:#ffffff1a;--green:#72e49f}*{box-sizing:border-box}html,body{background:var(--bg);min-height:100%;color:var(--ink);margin:0;font-family:Arial,Helvetica,sans-serif}a{color:inherit}.shell{max-width:1180px;min-height:100vh;margin:auto;padding:36px 28px 72px}.shell--gate{place-items:center;display:grid}.gate-card{border:1px solid var(--line);background:var(--panel);border-radius:28px;width:min(520px,100%);padding:42px}.brand{letter-spacing:.08em;color:var(--yellow);align-items:center;gap:12px;font-weight:900;display:flex}.brand-mark{border:3px solid var(--yellow);border-radius:12px;place-items:center;width:40px;height:40px;font-size:23px;display:grid;transform:rotate(-3deg)}.eyebrow{letter-spacing:.18em;color:var(--yellow);margin:0 0 10px;font-size:12px;font-weight:900}h1{letter-spacing:-.05em;margin:10px 0 18px;font-size:clamp(36px,6vw,68px);line-height:.95}h2{margin:0;font-size:24px}.muted{color:var(--muted);line-height:1.55}.primary,.secondary{border-radius:12px;padding:12px 16px;font-weight:800;text-decoration:none;display:inline-flex}.primary{background:var(--yellow);color:#211925;margin-top:18px}.secondary{border:1px solid var(--line)}.topbar,.hero,.panel-head,.device,.top-actions{align-items:center;display:flex}.topbar{justify-content:space-between;gap:20px;margin-bottom:48px}.top-actions{gap:12px}.operator{color:var(--muted);font-size:13px}.hero{justify-content:space-between;gap:32px;padding:32px 0}.status{color:var(--green);border:1px solid #72e49f59;border-radius:99px;align-items:center;gap:9px;padding:10px 14px;font-weight:800;display:flex}.status i{background:var(--green);width:8px;height:8px;box-shadow:0 0 14px var(--green);border-radius:50%}.metrics{grid-template-columns:repeat(5,1fr);gap:12px;margin:18px 0 28px;display:grid}.metrics article,.panel{border:1px solid var(--line);background:var(--panel);border-radius:20px}.metrics article{padding:18px}.metrics span{color:var(--muted);margin-bottom:10px;font-size:12px;display:block}.metrics strong{font-size:30px}.grid{grid-template-columns:1.6fr 1fr;gap:18px;display:grid}.panel{padding:24px}.panel-head{justify-content:space-between;gap:12px}.pill{color:var(--yellow);background:#f7df4b1a;border-radius:99px;padding:7px 10px;font-size:12px;font-weight:900}.device-list{gap:10px;margin-top:22px;display:grid}.device{border:1px solid var(--line);border-radius:14px;gap:12px;padding:14px}.device-icon{width:36px;height:36px;color:var(--yellow);background:#f7df4b1a;border-radius:10px;place-items:center;display:grid}.device div{flex:1}.device strong,.device small{display:block}.device small,.device>span:last-child{color:var(--muted);margin-top:4px;font-size:12px}.panel--actions a{border-bottom:1px solid var(--line);justify-content:space-between;padding:14px 0;font-weight:700;text-decoration:none;display:flex}.panel--actions a:last-child{border-bottom:0}.panel--actions h2{margin-bottom:12px}@media (max-width:820px){.metrics{grid-template-columns:repeat(2,1fr)}.grid{grid-template-columns:1fr}.topbar{flex-direction:column;align-items:flex-start}.top-actions{justify-content:space-between;width:100%}.operator{display:none}.hero{flex-direction:column;align-items:flex-start}.shell{padding:24px 18px 56px}}.brand-link{text-decoration:none}.action-primary{color:var(--yellow)!important}.manufacturing-hero{justify-content:space-between;align-items:flex-end;gap:32px;padding:24px 0 34px;display:flex}.manufacturing-hero h1{max-width:820px}.manufacturing-grid{grid-template-columns:1.45fr 1fr;gap:18px;display:grid}.manufacturing-form label{color:var(--muted);gap:8px;margin-top:18px;font-size:13px;font-weight:800;display:grid}.manufacturing-form input,.manufacturing-form select{border:1px solid var(--line);width:100%;min-height:46px;color:var(--ink);font:inherit;background:#211925;border-radius:12px;padding:10px 12px}.form-row{grid-template-columns:1fr 1fr 1fr;gap:12px;display:grid}.button{font:inherit;cursor:pointer;border:0}.primary.button{margin-top:20px}.secondary.button{color:var(--ink);background:0 0}.button:disabled{opacity:.45;cursor:not-allowed}.micro{color:var(--muted);margin:12px 0 0;font-size:12px}.flow-card ol{color:var(--muted);margin:18px 0 0;padding-left:22px;line-height:1.55}.flow-card li+li{margin-top:10px}.one-time,.existing-units{margin-top:18px}.one-time{border-color:#f7df4b61;box-shadow:inset 0 0 0 1px #f7df4b0d}.warning,.error-box{border-radius:12px;padding:12px 14px;font-size:13px;line-height:1.45}.warning{color:#f8eaa2;background:#f7df4b17}.error-box{color:#ffb3b3;background:#ff6e6e1a}.unit-output,.unit-table{gap:10px;margin-top:18px;display:grid}.unit-output article,.unit-table article{border:1px solid var(--line);border-radius:14px;grid-template-columns:auto 1fr auto;align-items:center;gap:14px;padding:14px;display:grid}.unit-output article>span{width:32px;height:32px;color:var(--yellow);background:#f7df4b1a;border-radius:9px;place-items:center;font-weight:900;display:grid}.unit-output strong,.unit-output code,.unit-table strong,.unit-table small{display:block}.unit-output code{color:var(--muted);word-break:break-all;margin-top:5px;font-size:12px}.unit-table small{color:var(--muted);margin-top:5px}.unit-table>article>span{color:var(--muted);font-size:13px}.danger{color:#ffc0c0;border-color:#ff78784d}.existing-units .panel-head{margin-bottom:2px}@media (max-width:820px){.manufacturing-hero{flex-direction:column;align-items:flex-start}.manufacturing-grid,.form-row,.unit-output article,.unit-table article{grid-template-columns:1fr}.unit-output article>span{display:none}.unit-output .button,.unit-table .button{justify-content:center;width:100%}.top-actions{flex-wrap:wrap}}.secret-stack{min-width:0}.secret-stack small{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;margin-top:10px;font-size:11px;display:block}.recovery-text{letter-spacing:.08em;color:var(--ink)!important;font-size:16px!important}.secret-actions{justify-items:end;gap:8px;display:grid}.secret-actions .button{justify-content:center;width:100%;margin:0}.recovery-qr{background:#fff;border-radius:10px;width:112px;height:112px;padding:6px;display:block}.recovery-qr--loading{opacity:.35}.recovery-reset{background:#f7df4b0b;border:1px solid #f7df4b47;border-radius:16px;grid-template-columns:1.2fr 1fr auto;align-items:end;gap:18px;margin-top:18px;padding:18px;display:grid}.recovery-reset h2{font-size:18px}.recovery-reset label{color:var(--muted);gap:8px;font-size:12px;font-weight:800;display:grid}.recovery-reset input{border:1px solid var(--line);min-height:46px;color:var(--ink);letter-spacing:.05em;background:#211925;border-radius:12px;padding:10px 12px;font:700 14px ui-monospace,monospace}.recovery-actions{gap:8px;display:flex}.recovery-actions .primary{margin-top:0}.recovery-actions .button{white-space:nowrap}@media (max-width:820px){.secret-actions{justify-items:stretch}.recovery-qr{width:132px;height:132px}.recovery-reset{grid-template-columns:1fr}.recovery-actions{grid-template-columns:1fr 1fr;display:grid}.recovery-actions .button{justify-content:center}}.header-actions,.flow-head,.inventory-toolbar,.wizard-submit,.setup-card__head,.unit-summary,.unit-main,.unit-meta{align-items:center;display:flex}.header-actions,.flow-head,.inventory-toolbar,.wizard-submit,.setup-card__head,.unit-summary{justify-content:space-between}.header-actions{flex-wrap:wrap;gap:10px}.wizard-shell,.production-flow,.inventory-shell{gap:18px;display:grid}.wizard-progress{flex-wrap:wrap;gap:8px;display:flex}.wizard-progress span{border:1px solid var(--line);color:var(--muted);border-radius:99px;padding:8px 12px;font-size:12px;font-weight:800}.wizard-progress .is-active{color:var(--yellow);background:#f7df4b1a;border-color:#f7df4b47}.wizard-card h2{margin-bottom:8px}.package-picker{gap:10px;margin-top:18px;display:grid}.package-choice{text-align:left;border:1px solid var(--line);width:100%;color:var(--ink);cursor:pointer;background:#211925;border-radius:16px;grid-template-columns:auto 1fr auto;align-items:center;gap:14px;padding:16px;display:grid}.package-choice.is-selected{border-color:#f7df4b8c;box-shadow:inset 0 0 0 1px #f7df4b26}.package-icon{width:44px;height:44px;color:var(--yellow);background:#f7df4b1f;border-radius:12px;place-items:center;font-weight:900;display:grid}.package-choice strong,.package-choice small{display:block}.package-choice small{color:var(--muted);margin-top:4px}.choice-check{color:var(--yellow);font-size:20px}.technical-details{color:var(--muted);margin-top:16px;font-size:12px}.technical-details summary{cursor:pointer;font-weight:800}.technical-details code{border:1px solid var(--line);word-break:break-all;color:#d8ccd8;background:#1b151f;border-radius:10px;margin-top:8px;padding:10px;display:block}.technical-details dl{grid-template-columns:max-content 1fr;gap:8px 16px;display:grid}.technical-details dt{font-weight:800}.technical-details dd{word-break:break-all;margin:0}.friendly-fields{grid-template-columns:repeat(3,1fr);gap:12px;margin-top:18px;display:grid}.friendly-fields label{gap:7px;display:grid}.friendly-fields label>span{font-size:13px;font-weight:800}.friendly-fields input,.friendly-fields select,.support-recovery input{border:1px solid var(--line);min-height:48px;color:var(--ink);font:inherit;background:#211925;border-radius:12px;padding:10px 12px}.friendly-fields small{color:var(--muted)}.wizard-submit{background:#f7df4b0b;border:1px solid #f7df4b47;border-radius:20px;gap:24px;padding:20px 22px}.wizard-submit p{margin:5px 0 0}.button--large{justify-content:center;min-height:50px;padding:14px 20px!important}.inline-error{color:#ffb3b3;background:#ff6e6e1a;border-radius:12px;margin:0;padding:12px 14px}.created-list{gap:18px;display:grid}.setup-card,.one-time-panel{background:var(--panel);border:1px solid #f7df4b4d;border-radius:22px;padding:24px}.setup-card__head{gap:18px;margin-bottom:12px}.setup-card h3{margin:6px 0 0;font-size:24px}.step-badge{color:var(--yellow);letter-spacing:.12em;font-size:11px;font-weight:900}.status-pill{color:var(--muted);white-space:nowrap;background:#ffffff0f;border-radius:99px;align-items:center;padding:7px 10px;font-size:11px;font-weight:900;display:inline-flex}.status-pill--ok,.status-pill--ready,.status-pill--activated{color:var(--green);background:#72e49f14}.status-pill--legacy{color:#f0c47c;background:#f0c47c14}.status-pill--archived{color:#a99ca9}.instruction-block{border-top:1px solid var(--line);grid-template-columns:auto 1fr;gap:16px;padding:18px 0;display:grid}.instruction-number{background:var(--yellow);color:#211925;border-radius:10px;place-items:center;width:34px;height:34px;font-weight:900;display:grid}.instruction-block p{color:var(--muted);margin:6px 0 12px;line-height:1.5}.recovery-inline{flex-wrap:wrap;align-items:center;gap:16px;display:flex}.recovery-inline .recovery-qr{width:118px;height:118px}.inventory-toolbar{gap:20px;margin-bottom:2px}.inventory-toolbar h2{font-size:34px}.unit-list{gap:10px;display:grid}.unit-card{border:1px solid var(--line);background:var(--panel);border-radius:18px;overflow:hidden}.unit-card.is-open{border-color:#f7df4b42}.unit-summary{width:100%;color:var(--ink);cursor:pointer;text-align:left;background:0 0;border:0;gap:20px;padding:17px 18px}.unit-main,.unit-meta{gap:12px}.unit-main>div strong,.unit-main>div small{display:block}.unit-main>div small{color:var(--muted);margin-top:4px}.unit-meta{color:var(--muted);font-size:12px}.unit-meta b{color:var(--yellow);font-size:22px}.state-dot{background:#958895;border-radius:50%;width:10px;height:10px}.state-dot--ready,.state-dot--activated{background:var(--green)}.state-dot--issued,.state-dot--programmed{background:var(--yellow)}.state-dot--legacy{background:#f0c47c}.unit-detail{border-top:1px solid var(--line);padding:0 18px 18px}.legacy-callout{background:#f0c47c0d;border:1px solid #f0c47c4d;border-radius:14px;justify-content:space-between;align-items:center;gap:18px;margin:18px 0;padding:16px;display:flex}.legacy-callout p{color:var(--muted);margin:5px 0 0}.unit-actions-grid{grid-template-columns:repeat(2,1fr);gap:12px;margin-top:18px;display:grid}.unit-actions-grid section{border:1px solid var(--line);background:#241c29;border-radius:14px;padding:18px}.unit-actions-grid h3{margin:0 0 7px}.unit-actions-grid section>p:not(.eyebrow){color:var(--muted);min-height:38px;font-size:13px;line-height:1.45}.action-stack{flex-wrap:wrap;gap:8px;display:flex}.action-stack .button,.unit-actions-grid .button{margin:0}.support-recovery{margin-top:12px}.support-recovery summary{cursor:pointer;color:var(--yellow);font-size:12px;font-weight:800}.support-recovery input{width:100%;margin:10px 0}.one-time-panel{border-color:#f7df4b80;gap:18px;display:grid}.one-time-action{border-top:1px solid var(--line);padding-top:16px}.one-time-action p{color:var(--muted)}@media (max-width:820px){.friendly-fields,.unit-actions-grid{grid-template-columns:1fr}.wizard-submit,.flow-head,.inventory-toolbar,.legacy-callout,.setup-card__head{flex-direction:column;align-items:flex-start}.wizard-submit .button,.inventory-toolbar .button,.legacy-callout .button{width:100%}.unit-summary{flex-direction:column;align-items:flex-start}.unit-meta{flex-wrap:wrap;justify-content:space-between;width:100%}.instruction-block{grid-template-columns:1fr}.instruction-number{width:30px;height:30px}.top-actions{justify-content:flex-start}.header-actions{width:100%}}
:root{--op-bg:#17131b;--op-surface:#211a25;--op-surface-2:#29202e;--op-text:#fffaf4;--op-muted:#aaa0ad;--op-line:#3b3040;--op-accent:#f4df48;--op-good:#79dda0;--op-warn:#efb85d;--op-danger:#ef7b7b}.op-shell{background:var(--op-bg);min-height:100vh;color:var(--op-text);grid-template-columns:220px minmax(0,1fr);display:grid}.op-sidebar{border-right:1px solid var(--op-line);background:#151118;height:100vh;padding:24px 16px;position:sticky;top:0}.op-brand{letter-spacing:.12em;min-height:44px;color:var(--op-accent);align-items:center;padding:10px;font-weight:900;text-decoration:none;display:flex}.op-nav{gap:4px;margin-top:16px;display:grid}.op-nav a{min-height:44px;color:var(--op-muted);border-radius:10px;align-items:center;padding:11px 12px;font-weight:700;text-decoration:none;display:flex}.op-nav a:hover,.op-nav a.is-active{background:var(--op-surface-2);color:var(--op-text)}.op-nav a.is-create{background:var(--op-accent);color:#19141b;margin:8px 0;font-weight:900}.op-nav a.is-create.is-active{box-shadow:inset 0 0 0 2px #fff2}.op-sidebar-foot{color:var(--op-muted);text-overflow:ellipsis;font-size:12px;position:absolute;bottom:22px;left:26px;right:26px;overflow:hidden}.op-main{width:100%;min-width:0;max-width:1240px;margin:0 auto;padding:34px 38px 72px}.op-page-head{justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:28px;display:flex}.op-page-head h1{letter-spacing:-.035em;margin:0 0 7px;font-size:clamp(30px,4vw,40px);line-height:1.05}.op-page-head p{color:var(--op-muted);margin:0}.op-btn{min-height:44px;font:inherit;cursor:pointer;border:0;border-radius:12px;justify-content:center;align-items:center;padding:10px 15px;font-weight:800;text-decoration:none;display:inline-flex}.op-btn--primary{background:var(--op-accent);color:#19141b}.op-btn--secondary{background:var(--op-surface-2);color:var(--op-text);border:1px solid #5a4961}.op-btn--secondary:hover{background:#34293a;border-color:#76617f}.op-btn--danger:hover{background:#ef7b7b33}.op-btn--block{width:100%}.op-btn:disabled{opacity:.5;cursor:not-allowed}.op-decision-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;display:flex}.op-btn:focus-visible,.op-nav a:focus-visible,.op-brand:focus-visible,.op-login-form input:focus-visible{outline:3px solid var(--op-accent);outline-offset:2px}.op-login-page{background:var(--op-bg);min-height:100vh;color:var(--op-text);place-items:center;padding:24px;display:grid}.op-login-card{border:1px solid var(--op-line);background:var(--op-surface);border-radius:24px;width:min(430px,100%);padding:34px}.op-brand--login{padding:0}.op-login-card h1{margin:28px 0 8px;font-size:36px}.op-login-card>p{color:var(--op-muted);margin:0 0 22px}.op-login-form{gap:16px;display:grid}.op-login-form label{gap:7px;display:grid}.op-login-form label span{color:var(--op-muted);font-size:13px;font-weight:800}.op-login-form input{border:1px solid var(--op-line);width:100%;min-height:48px;color:var(--op-text);font:inherit;background:#120f15;border-radius:12px;padding:10px 12px}.op-form-error{color:#ffb7b7;background:#ef7b7b1a;border-radius:10px;margin:0;padding:10px 12px;font-size:13px}.op-metrics{grid-template-columns:repeat(3,1fr);gap:14px;display:grid}.op-metric,.op-card{border:1px solid var(--op-line);background:var(--op-surface);border-radius:18px;padding:20px}.op-metric span{color:var(--op-muted);font-size:13px;display:block}.op-metric strong{margin-top:7px;font-size:32px;display:block}.op-metric.is-attention{border-color:#efb85d66}.op-section-head{justify-content:space-between;align-items:center;gap:16px;margin:32px 0 12px;display:flex}.op-section-head h2{margin:0;font-size:22px}.op-section-head a{min-height:44px;color:var(--op-text);align-items:center;display:inline-flex}.op-placeholder{border:1px dashed var(--op-line);color:var(--op-muted);border-radius:18px;padding:24px}@media (max-width:800px){.op-shell{padding-bottom:66px;display:block}.op-sidebar{z-index:50;border-right:0;border-top:1px solid var(--op-line);background:#151118;height:auto;padding:8px;position:fixed;inset:auto 0 0}.op-sidebar>.op-brand,.op-sidebar-foot{display:none}.op-nav{grid-template-columns:repeat(6,minmax(0,1fr));gap:2px;margin:0}.op-nav a{text-align:center;justify-content:center;min-height:48px;padding:7px 3px;font-size:10px}.op-nav a.is-create{margin:0}.op-main{padding:24px 16px 36px}.op-page-head{flex-direction:column}.op-metrics{grid-template-columns:1fr}.op-login-card{padding:28px 22px}}.op-inventory{gap:18px;min-width:0;display:grid}.op-inventory-tools{justify-content:space-between;align-items:end;gap:18px;min-width:0;max-width:100%;display:flex}.op-search{flex:1;gap:7px;min-width:0;max-width:520px;display:grid}.op-search span,.op-form-grid label span,.op-support-reset label span,.op-select span{color:var(--op-muted);font-size:12px;font-weight:800}.op-search input,.op-form-grid input,.op-support-reset input,.op-select select{border:1px solid var(--op-line);width:100%;min-height:46px;color:var(--op-text);font:inherit;background:#120f15;border-radius:12px;padding:10px 12px}.op-filters{flex-wrap:wrap;gap:6px;display:flex}.op-filters button,.op-tabs button{border:1px solid var(--op-line);min-height:44px;color:var(--op-muted);font:inherit;cursor:pointer;background:0 0;border-radius:999px;padding:8px 12px;font-size:13px;font-weight:800}.op-filters button.is-active,.op-tabs button.is-active{color:var(--op-text);background:#f4df481a;border-color:#f4df488c}.op-unit-list{gap:8px;display:grid}.op-unit-row{border:1px solid var(--op-line);background:var(--op-surface);border-radius:15px;grid-template-columns:18px minmax(220px,1fr) auto auto auto;align-items:center;gap:14px;padding:14px 16px;display:grid}.op-unit-copy{gap:3px;min-width:0;display:grid}.op-unit-copy strong{font-size:15px}.op-unit-copy span,.op-unit-devices{color:var(--op-muted);text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.op-state-dot{background:var(--op-warn);border-radius:50%;width:9px;height:9px;display:block}.op-state-dot.is-ready,.op-state-dot.is-activated{background:var(--op-good)}.op-state-dot.is-archived{background:#6e6471}.op-status{color:#f4cc87;white-space:nowrap;background:#efb85d1f;border-radius:999px;align-items:center;min-height:28px;padding:5px 9px;font-size:11px;font-weight:900;display:inline-flex}.op-status.is-ready,.op-status.is-activated{color:#9de7b8;background:#79dda01c}.op-status.is-archived{color:#a79cab;background:#302935}.op-empty{border:1px dashed var(--op-line);color:var(--op-muted);border-radius:15px;gap:5px;padding:28px;display:grid}.op-empty strong{color:var(--op-text)}.op-inline-error{color:#ffb3b3;background:#ef7b7b14;border:1px solid #ef7b7b59;border-radius:12px;margin:0;padding:12px 14px}.op-unit-detail{min-width:0}.op-detail-back{margin-bottom:18px}.op-detail-back a{min-height:44px;color:var(--op-muted);align-items:center;font-weight:800;text-decoration:none;display:inline-flex}.op-detail-head{justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:18px;display:flex}.op-detail-head h2{letter-spacing:-.035em;margin:10px 0 4px;font-size:clamp(28px,4vw,38px)}.op-detail-head p,.op-detail-head-actions{color:var(--op-muted);margin:0}.op-next{background:#efb85d12;border:1px solid #efb85d61;border-radius:17px;justify-content:space-between;align-items:center;gap:20px;margin:18px 0;padding:18px 20px;display:flex}.op-next.is-done{background:#79dda00f;border-color:#79dda052}.op-next div{gap:4px;display:grid}.op-next small{color:var(--op-muted);text-transform:uppercase;letter-spacing:.08em;font-weight:800}.op-next strong{font-size:18px}.op-next p{color:var(--op-muted);margin:0;font-size:13px}.op-tabs{scrollbar-width:thin;gap:6px;max-width:100%;padding:4px 0 12px;display:flex;overflow-x:auto}.op-tabs button{border-radius:10px;flex:none;min-height:44px}.op-tab-panel{gap:14px;min-width:0;display:grid}.op-section-title{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:16px;display:flex}.op-section-title h3{margin:0 0 5px;font-size:19px}.op-section-title p{color:var(--op-muted);margin:0;font-size:13px}.op-section-title>span{color:var(--op-muted);font-size:12px}.op-step-list{gap:4px;display:grid}.op-step{border-bottom:1px solid var(--op-line);grid-template-columns:30px minmax(0,1fr) auto;align-items:center;gap:10px;padding:11px 0;display:grid}.op-step:last-child{border-bottom:0}.op-step>span{width:28px;height:28px;color:var(--op-muted);background:#302735;border-radius:50%;place-items:center;font-weight:900;display:grid}.op-step.is-done>span{color:var(--op-good);background:#79dda024}.op-step div{gap:2px;display:grid}.op-step small{color:var(--op-muted)}.op-step-action{border:1px solid var(--op-line);min-height:44px;color:var(--op-text);font:inherit;cursor:pointer;background:0 0;border-radius:9px;padding:7px 10px;font-size:12px;font-weight:800}.op-step-action:hover{border-color:#f4df488c}.op-step-action:focus-visible{outline:3px solid var(--op-accent);outline-offset:2px}.op-form-grid{grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:10px;margin-top:14px;display:grid}.op-form-grid label,.op-support-reset label,.op-select{gap:7px;display:grid}.op-details{border-top:1px solid var(--op-line);margin-top:14px;padding-top:13px}.op-details summary{cursor:pointer;min-height:44px;color:var(--op-muted);align-items:center;font-size:13px;font-weight:800;display:flex}.op-detail-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:14px;display:grid}.op-detail-grid>div{background:#19151d;border-radius:10px;gap:3px;padding:10px;display:grid}.op-detail-grid span{color:var(--op-muted);font-size:11px}.op-detail-grid strong{overflow-wrap:anywhere;font-size:12px}.op-select{margin-top:12px}.op-muted{color:var(--op-muted)}.op-secret-panel{background:#f4df480f;border:1px solid #f4df485c;border-radius:15px;grid-template-columns:minmax(160px,auto) minmax(0,1fr) auto;align-items:center;gap:14px;padding:14px 16px;display:grid}.op-secret-panel>div{gap:3px;display:grid}.op-secret-panel small{color:var(--op-muted)}.op-secret-panel code{background:#110e13;border-radius:8px;min-width:0;padding:9px 10px;font-size:12px;overflow:auto}.op-secret-inline{margin-top:12px}.op-credential-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.op-credential-grid .op-admin-qr-card{grid-column:1/-1}.op-card .actions{flex-wrap:wrap;gap:8px;display:flex}.op-card>.op-btn--block{margin-top:10px}.op-check,.op-pending{border-radius:999px;padding:5px 8px;font-size:11px;font-weight:900}.op-check{color:#9de7b8;background:#79dda01f}.op-pending{color:#f2c77f;background:#efb85d1a}.op-admin-qr{background:#fff;border-radius:12px;width:180px;max-width:100%;padding:8px;display:block}.op-admin-qr-card{align-items:start}.op-device-list{gap:8px;display:grid}.op-device-row{border-bottom:1px solid var(--op-line);justify-content:space-between;align-items:center;gap:14px;padding:12px 0;display:flex}.op-device-row>div{gap:3px;display:grid}.op-device-row span{color:var(--op-muted);font-size:12px}.op-support-reset{grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:10px;margin-top:14px;display:grid}.op-history-list{display:grid}.op-history-row{border-bottom:1px solid var(--op-line);justify-content:space-between;align-items:flex-start;gap:16px;padding:11px 0;display:flex}.op-history-row>div{gap:3px;display:grid}.op-history-row span,.op-history-row time{color:var(--op-muted);font-size:11px}.op-history-row strong{text-transform:none}.op-danger-zone{border-color:#ef7b7b40}.op-danger-zone>div{justify-content:space-between;align-items:center;gap:18px;display:flex}.op-danger-zone h3{margin:0 0 4px}.op-danger-zone p{color:var(--op-muted);margin:0;font-size:13px}.op-btn--danger{color:#ffb0b0;background:#ef7b7b1f;border:1px solid #ef7b7b4d}.op-danger-delete{background:#ef7b7b0b;border:1px solid #ef7b7b33;border-radius:12px;gap:12px;margin-top:14px;padding:14px;display:grid}.op-danger-delete label{gap:7px;display:grid}.op-danger-delete label span{color:var(--op-muted);font-size:12px;font-weight:800}.op-danger-delete input{border:1px solid var(--op-line);width:100%;min-height:46px;color:var(--op-text);font:inherit;background:#120f15;border-radius:12px;padding:10px 12px}.op-danger-delete .op-btn{justify-self:start}@media (max-width:900px){.op-unit-row{grid-template-columns:18px minmax(0,1fr) auto}.op-unit-devices,.op-unit-row>.op-status{display:none}.op-credential-grid{grid-template-columns:1fr}.op-credential-grid .op-admin-qr-card{grid-column:auto}}@media (max-width:640px){.op-inventory-tools{flex-direction:column;align-items:stretch}.op-search{max-width:none}.op-filters{flex-wrap:nowrap;padding-bottom:2px;overflow-x:auto}.op-filters button{flex:none}.op-unit-row{grid-template-columns:14px minmax(0,1fr) auto;gap:9px;padding:12px}.op-unit-row .op-btn{min-height:44px;padding:8px 10px}.op-detail-head{flex-direction:column}.op-next{flex-direction:column;align-items:stretch}.op-next .op-btn{width:100%}.op-tabs{margin-right:-16px;padding-right:16px}.op-form-grid,.op-support-reset,.op-secret-panel{grid-template-columns:1fr}.op-form-grid .op-btn,.op-support-reset .op-btn{width:100%}.op-detail-grid{grid-template-columns:1fr}.op-device-row,.op-history-row,.op-danger-zone>div{flex-direction:column;align-items:stretch}.op-device-row .op-btn,.op-danger-zone .op-btn,.op-secret-panel code{width:100%}}.op-create-flow,.op-create-result{gap:14px;display:grid}.op-create-card{gap:4px;display:grid}.op-game-picker{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.op-game-picker button{border:1px solid var(--op-line);min-height:72px;color:var(--op-text);text-align:left;font:inherit;cursor:pointer;background:#19151d;border-radius:14px;grid-template-columns:42px minmax(0,1fr) 20px;align-items:center;gap:10px;padding:12px;display:grid}.op-game-picker button.is-selected{background:#f4df4812;border-color:#f4df4894}.op-game-picker button>span:nth-child(2){gap:3px;min-width:0;display:grid}.op-game-picker small{color:var(--op-muted);font-size:11px}.op-game-icon{width:40px;height:40px;color:var(--op-accent);background:#2d2532;border-radius:10px;place-items:center;font-weight:900;display:grid}.op-quantity{gap:7px;max-width:180px;display:grid}.op-quantity span,.op-advanced-grid label span,.op-create-batch label span{color:var(--op-muted);font-size:12px;font-weight:800}.op-quantity input,.op-advanced-grid input,.op-advanced-grid select,.op-create-batch input{border:1px solid var(--op-line);width:100%;min-height:46px;color:var(--op-text);font:inherit;background:#120f15;border-radius:12px;padding:10px 12px}.op-more-options{margin-top:18px}.op-advanced-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:14px;display:grid}.op-advanced-grid label,.op-create-batch label{gap:7px;display:grid}.op-create-batch{grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:10px;margin-top:12px;display:grid}.op-create-submit{border:1px solid var(--op-line);background:#1d1821;border-radius:16px;justify-content:space-between;align-items:center;gap:18px;padding:16px 18px;display:flex}.op-create-submit>div{gap:3px;display:grid}.op-create-submit span{color:var(--op-muted);font-size:12px}.op-result-head{justify-content:space-between;align-items:flex-start;gap:18px;display:flex}.op-result-head h2{margin:10px 0 5px;font-size:30px}.op-result-head p{color:var(--op-muted);margin:0}.op-created-list{gap:14px;display:grid}.op-created-unit{gap:16px;display:grid}.op-created-head{justify-content:space-between;align-items:flex-start;gap:14px;display:flex}.op-created-head>div{gap:3px;display:grid}.op-created-head span{color:var(--op-muted);font-size:12px}.op-created-head h3{margin:0;font-size:20px}.op-created-credentials{grid-template-columns:1fr 1fr;gap:12px;display:grid}.op-created-credentials>section{background:#18141c;border-radius:13px;gap:10px;padding:14px;display:grid}.op-created-credentials>section>div:first-child{gap:3px;display:grid}.op-created-credentials small{color:var(--op-muted);text-transform:uppercase;letter-spacing:.07em;font-size:11px}.op-created-credentials code{background:#0e0c10;border-radius:9px;min-width:0;padding:10px;font-size:11px;display:block;overflow:auto}.op-created-recovery{grid-template-columns:120px minmax(0,1fr);align-items:center;gap:10px;display:grid}.op-recovery-qr{background:#fff;border-radius:9px;width:120px;height:120px;padding:5px}.op-recovery-qr.is-loading{background:#2b2430}.op-created-note{color:var(--op-muted);margin:0;font-size:12px}@media (max-width:760px){.op-game-picker,.op-created-credentials,.op-advanced-grid{grid-template-columns:1fr}.op-create-batch,.op-create-submit,.op-result-head,.op-created-head{grid-template-columns:1fr;align-items:stretch;display:grid}.op-create-submit .op-btn,.op-created-head .op-btn{width:100%}.op-created-recovery{grid-template-columns:96px minmax(0,1fr)}.op-recovery-qr{width:96px;height:96px}}.op-support-section{margin-top:30px}.op-section-head>div{gap:4px;display:grid}.op-section-head p{color:var(--op-muted);margin:0;font-size:13px}.op-section-head>span{color:var(--op-muted);font-size:12px}.op-case-list{gap:8px;display:grid}.op-case{border:1px solid var(--op-line);background:var(--op-surface);border-radius:15px;grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:18px;padding:16px;display:grid}.op-case-main{gap:9px;min-width:0;display:grid}.op-case-meta{color:var(--op-muted);flex-wrap:wrap;align-items:center;gap:8px;font-size:11px;display:flex}.op-case-main p{overflow-wrap:anywhere;margin:0;line-height:1.5}.op-case-main small{color:var(--op-muted)}.op-case-side{align-items:center;display:flex}.op-case .op-details{margin-top:2px}.op-case .op-detail-grid{max-width:420px}@media (max-width:640px){.op-case{grid-template-columns:1fr}.op-case-side .op-btn{width:100%}.op-case-side{align-items:stretch}}.op-settings-grid{grid-template-columns:minmax(260px,.8fr) minmax(0,1.2fr);gap:14px;display:grid}.op-setting-value{border-bottom:1px solid var(--op-line);gap:3px;padding:11px 0;display:grid}.op-setting-value:last-child{border-bottom:0}.op-setting-value span{color:var(--op-muted);font-size:11px}.op-setting-value strong{overflow-wrap:anywhere}.op-plain-list{color:var(--op-text);margin:0 0 14px;padding-left:20px;line-height:1.8}.op-advanced-card>.op-btn{margin-top:12px}@media (max-width:760px){.op-settings-grid{grid-template-columns:1fr}.op-advanced-card>.op-btn{width:100%}}.op-range{flex-wrap:wrap;gap:6px;display:flex}.op-range a{border:1px solid var(--op-line);min-height:44px;color:var(--op-muted);border-radius:999px;align-items:center;padding:7px 11px;font-size:12px;font-weight:800;text-decoration:none;display:inline-flex}.op-range a.is-active{color:var(--op-text);background:#f4df481a;border-color:#f4df488c}.op-analytics-metrics{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;display:grid}.op-analytics-metrics .op-metric small{color:var(--op-muted);margin-top:6px;font-size:11px;line-height:1.4;display:block}.op-analytics-grid{grid-template-columns:minmax(0,1.25fr) minmax(280px,.75fr);gap:14px;margin-top:14px;display:grid}.op-analytics-grid--wide{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:28px}.op-analytics-section{margin-top:30px}.op-health-stack{background:#302936;border-radius:999px;height:18px;display:flex;overflow:hidden}.op-health-stack>div.is-healthy{background:var(--op-good)}.op-health-stack>div.is-constrained{background:var(--op-warn)}.op-health-stack>div.is-degraded{background:var(--op-danger)}.op-health-legend{color:var(--op-muted);flex-wrap:wrap;gap:12px;margin-top:14px;font-size:11px;display:flex}.op-health-legend span{align-items:center;gap:5px;display:flex}.op-health-legend i{background:#6e6471;border-radius:50%;width:9px;height:9px}.op-health-legend i.is-healthy{background:var(--op-good)}.op-health-legend i.is-constrained{background:var(--op-warn)}.op-health-legend i.is-degraded{background:var(--op-danger)}.op-health-legend b{color:var(--op-text)}.op-analytics-facts{gap:2px;display:grid}.op-analytics-facts>div{border-bottom:1px solid var(--op-line);justify-content:space-between;gap:14px;padding:10px 0;display:flex}.op-analytics-facts span{color:var(--op-muted);font-size:12px}.op-analytics-note{margin:14px 0 0;font-size:11px;line-height:1.5}.op-health-list{gap:8px;display:grid}.op-health-row{border:1px solid var(--op-line);background:var(--op-surface);border-radius:15px;justify-content:space-between;align-items:center;gap:18px;padding:14px 16px;display:flex}.op-health-row-main{gap:5px;min-width:0;display:grid}.op-health-row-main p,.op-health-row-main small{color:var(--op-muted);margin:0;font-size:12px}.op-health-pill{border-radius:999px;align-items:center;min-height:25px;padding:4px 8px;font-size:10px;font-weight:900;display:inline-flex}.op-health-pill.is-healthy{color:#9de7b8;background:#79dda01f}.op-health-pill.is-constrained{color:#f4cc87;background:#efb85d1f}.op-health-pill.is-degraded{color:#ffb0b0;background:#ef7b7b1f}.op-health-pill.is-unknown{color:#a79cab;background:#302935}.op-mismatch{color:var(--op-warn);font-size:10px;font-weight:800}.op-analytics-table{min-width:0;display:grid}.op-analytics-table-head,.op-analytics-table-row{border-bottom:1px solid var(--op-line);grid-template-columns:minmax(90px,1.2fr) repeat(3,minmax(65px,.7fr));align-items:center;gap:10px;padding:10px 0;display:grid}.op-analytics-table-head{color:var(--op-muted);text-transform:uppercase;letter-spacing:.04em;font-size:10px;font-weight:900}.op-analytics-table-row{font-size:12px}.op-analytics-table-row .is-bad{color:#ffb0b0;font-weight:900}.op-spark-list{gap:7px;display:grid}.op-spark-list>div{grid-template-columns:42px minmax(0,1fr) 28px;align-items:center;gap:8px;font-size:10px;display:grid}.op-spark-list time{color:var(--op-muted)}.op-spark-list span{background:#302936;border-radius:99px;height:8px;overflow:hidden}.op-spark-list i{background:var(--op-accent);border-radius:99px;height:100%;display:block}.op-spark-list b{text-align:right}.op-event-bars{gap:8px;display:grid}.op-event-bars>div{grid-template-columns:minmax(110px,1fr) minmax(90px,1.4fr) 34px;align-items:center;gap:9px;font-size:11px;display:grid}.op-event-bars>div>span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.op-event-bars>div>i{background:#302936;border-radius:99px;height:7px;overflow:hidden}.op-event-bars>div>i>b{background:#8f7fa1;height:100%;display:block}.op-event-bars>div>strong{text-align:right}@media (max-width:980px){.op-analytics-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.op-analytics-grid,.op-analytics-grid--wide{grid-template-columns:1fr}}@media (max-width:640px){.op-analytics-metrics{grid-template-columns:1fr}.op-range{width:100%}.op-range a{flex:1;justify-content:center}.op-health-row{flex-direction:column;align-items:stretch}.op-health-row .op-btn{width:100%}.op-analytics-table-head,.op-analytics-table-row{grid-template-columns:minmax(82px,1.2fr) repeat(3,minmax(50px,.65fr));gap:6px}.op-event-bars>div{grid-template-columns:minmax(95px,1fr) minmax(70px,1fr) 28px}}.op-nav--mobile{display:none}.op-catalog{gap:18px;min-width:0;display:grid}.op-catalog-toolbar{justify-content:space-between;align-items:center;gap:18px;display:flex}.op-catalog-toolbar>div{gap:3px;display:grid}.op-catalog-toolbar span{color:var(--op-muted);font-size:12px}.op-catalog-list{gap:14px;display:grid}.op-catalog-game{gap:16px;display:grid}.op-catalog-game-head{justify-content:space-between;align-items:flex-start;gap:18px;display:flex}.op-catalog-game-head h2{margin:8px 0 4px;font-size:24px}.op-catalog-game-head p{color:var(--op-muted);margin:0;font-size:13px}.op-catalog-game-head>.actions{justify-content:flex-end}.op-status.is-pending_test,.op-status.is-pending_release{color:#f4cc87;background:#efb85d1f}.op-status.is-paused{color:#a79cab;background:#302935}.op-catalog-notice{background:#f4df480f;border:1px solid #f4df4859;border-radius:14px;justify-content:space-between;align-items:center;gap:18px;padding:16px;display:flex}.op-catalog-notice>div{gap:4px;display:grid}.op-catalog-notice span,.op-catalog-notice p{color:var(--op-muted);font-size:12px}.op-catalog-notice p{max-width:720px;margin:4px 0 0;line-height:1.45}.op-catalog-meta{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;display:grid}.op-catalog-meta>div{background:#19151d;border-radius:11px;gap:4px;padding:11px 12px;display:grid}.op-catalog-meta span{color:var(--op-muted);font-size:11px}.op-catalog-meta strong{overflow-wrap:anywhere;font-size:13px}.op-release-list{margin-top:12px;display:grid}.op-release-row{border-bottom:1px solid var(--op-line);justify-content:space-between;align-items:center;gap:14px;padding:11px 0;display:flex}.op-release-row>div{gap:3px;display:grid}.op-release-row span,.op-release-row small{color:var(--op-muted);font-size:11px}.op-catalog-inline-form{grid-template-columns:minmax(160px,1fr) minmax(120px,.5fr) auto;align-items:end;gap:10px;margin-top:14px;display:grid}.op-catalog-inline-form label,.op-catalog-form label{gap:7px;display:grid}.op-catalog-inline-form label.is-wide{grid-column:1/3}.op-catalog-inline-form label span,.op-catalog-form label span{color:var(--op-muted);font-size:12px;font-weight:800}.op-catalog-inline-form input,.op-catalog-inline-form select,.op-catalog-form input,.op-catalog-form select{border:1px solid var(--op-line);width:100%;min-height:46px;color:var(--op-text);font:inherit;background:#120f15;border-radius:12px;padding:10px 12px}.op-catalog-form{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.op-catalog-form label:last-child{grid-column:1/-1}.op-catalog-form input[type=file]{padding:7px}.op-catalog-form small{color:var(--op-muted);font-size:11px}.op-catalog-safety{color:var(--op-muted);margin:14px 0;font-size:12px;line-height:1.5}.op-catalog-danger{border-top:1px solid var(--op-line);justify-content:space-between;align-items:center;gap:16px;margin-top:16px;padding-top:14px;display:flex}.op-catalog-danger>div{gap:3px;display:grid}.op-catalog-danger span{color:var(--op-muted);font-size:12px}@media (max-width:800px){.op-nav--desktop{display:none}.op-nav--mobile{grid-template-columns:repeat(5,minmax(0,1fr));gap:2px;margin:0;display:grid}.op-nav--mobile>a,.op-mobile-more>summary{text-align:center;min-height:48px;color:var(--op-muted);cursor:pointer;border-radius:10px;justify-content:center;align-items:center;padding:7px 3px;font-size:10px;font-weight:800;text-decoration:none;list-style:none;display:flex}.op-mobile-more>summary::-webkit-details-marker{display:none}.op-mobile-more.is-active>summary,.op-mobile-more[open]>summary{background:var(--op-surface-2);color:var(--op-text)}.op-mobile-more{min-width:0;position:relative}.op-mobile-more-menu{border:1px solid var(--op-line);background:#151118;border-radius:13px;min-width:160px;padding:7px;display:grid;position:absolute;bottom:58px;right:0;box-shadow:0 14px 34px #00000061}.op-mobile-more-menu a{min-height:44px;color:var(--op-muted);border-radius:9px;align-items:center;padding:8px 11px;font-size:13px;font-weight:800;text-decoration:none;display:flex}.op-mobile-more-menu a.is-active,.op-mobile-more-menu a:hover{background:var(--op-surface-2);color:var(--op-text)}.op-catalog-toolbar,.op-catalog-game-head,.op-catalog-notice,.op-catalog-danger{flex-direction:column;align-items:stretch}.op-catalog-game-head>.actions{justify-content:flex-start}.op-catalog-meta{grid-template-columns:repeat(2,minmax(0,1fr))}.op-catalog-form,.op-catalog-inline-form{grid-template-columns:1fr}.op-catalog-inline-form label.is-wide,.op-catalog-form label:last-child{grid-column:auto}.op-catalog-inline-form .op-btn{width:100%}}@media (max-width:440px){.op-catalog-meta{grid-template-columns:1fr}.op-catalog-toolbar>.op-btn{width:100%}}.op-catalog-guide{padding:0;overflow:hidden}.op-catalog-guide>summary{cursor:pointer;padding:15px 17px;font-weight:850;list-style:none}.op-catalog-guide>summary::-webkit-details-marker{display:none}.op-catalog-guide>summary:after{content:"▾";float:right;color:var(--op-muted)}.op-catalog-guide:not([open])>summary:after{content:"▸"}.op-catalog-guide__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:0 17px 17px;display:grid}.op-catalog-guide__grid>div{border:1px solid var(--op-line);background:#19151d;border-radius:12px;padding:14px}.op-catalog-guide__grid strong{margin-bottom:6px;display:block}.op-catalog-guide__grid .op-plain-list{margin-block:8px}.op-catalog-guide__grid p{margin-bottom:0;line-height:1.45}.op-catalog-danger.is-destructive{border-top-color:#ff725f6b}.op-catalog-danger.is-destructive strong{color:#ff9a83}.op-catalog-danger.is-destructive .op-btn:not(:disabled){color:#ffb09e;border-color:#ff725f94}@media (max-width:800px){.op-catalog-guide__grid{grid-template-columns:1fr}.op-catalog-guide>summary{padding:14px}.op-catalog-guide__grid{padding:0 14px 14px}}.op-game-family{gap:16px;display:grid}.op-game-family-head{justify-content:space-between;align-items:flex-start;gap:18px;display:flex}.op-game-family-head h2{letter-spacing:-.025em;margin:5px 0 4px;font-size:26px}.op-game-family-head p{color:var(--op-muted);margin:0;font-size:13px}.op-family-kicker{color:var(--op-accent);text-transform:uppercase;letter-spacing:.08em;font-size:11px;font-weight:900}.op-variant-list{gap:10px;display:grid}.op-variant-card{border:1px solid var(--op-line);background:var(--op-surface-2);border-radius:15px;padding:14px 16px}.op-variant-head{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.op-variant-copy{gap:5px;min-width:0;display:grid}.op-variant-copy>span{color:var(--op-muted);font-size:12px}.op-variant-title{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.op-variant-title>strong{font-size:18px}.op-variant-meta{border-top:1px solid var(--op-line);color:var(--op-muted);flex-wrap:wrap;gap:8px 14px;padding-top:11px;font-size:11px;display:flex}.op-variant-more{margin-top:0}.op-catalog-artwork{border:1px solid var(--op-line);background:var(--op-surface);border-radius:14px;grid-template-columns:72px minmax(0,1fr) auto auto;align-items:center;gap:12px;margin:12px 0;padding:12px;display:grid}.op-catalog-artwork__preview{aspect-ratio:3/4;border:1px solid var(--op-line);width:72px;color:var(--op-muted);text-align:center;background:#211b24;border-radius:10px;place-items:center;padding:6px;font-size:9px;font-weight:800;display:grid;overflow:hidden}.op-catalog-artwork__image{background-position:50%;background-repeat:no-repeat;background-size:cover;width:100%;height:100%;display:block}.op-catalog-artwork__copy{gap:4px;min-width:0;display:grid}.op-catalog-artwork__copy>span,.op-catalog-artwork__copy>small{color:var(--op-muted);font-size:12px;line-height:1.35}.op-catalog-artwork__copy>small{font-size:11px}.op-catalog-artwork__upload{position:relative;overflow:hidden}.op-catalog-artwork__upload input{opacity:0;cursor:pointer;position:absolute;inset:0}.op-catalog-artwork__upload:has(input:disabled){opacity:.55;pointer-events:none}.op-section-title--spaced{margin-top:24px}.op-game-card-list{gap:10px;display:grid}.op-game-card-list.is-compact{gap:8px}.op-game-item{border:1px solid var(--op-line);background:var(--op-surface-2);border-radius:14px;justify-content:space-between;align-items:center;gap:16px;padding:14px 15px;display:flex}.op-game-item-copy{gap:4px;min-width:0;display:grid}.op-game-item-copy>span{color:var(--op-muted);font-size:12px}.op-game-item-title{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.op-chip{color:#9de7b8;background:#79dda01f;border-radius:999px;align-items:center;min-height:24px;padding:3px 8px;font-size:10px;font-weight:900;display:inline-flex}.op-chip.is-muted{color:#b7aabd;background:#302935}@media (max-width:800px){.op-game-family-head,.op-variant-head,.op-game-item{flex-direction:column;align-items:stretch}.op-game-family-head>.actions,.op-variant-head>.actions,.op-game-item>.actions{width:100%}.op-variant-head>.actions .op-btn,.op-game-item>.actions .op-btn,.op-game-item>.op-btn{flex:auto;width:100%}.op-catalog-artwork{grid-template-columns:64px minmax(0,1fr)}.op-catalog-artwork__preview{width:64px}.op-catalog-artwork>.op-btn{grid-column:2;width:100%}}.op-analytics-baseline{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:7px;margin:-6px 0 12px;display:flex}.op-analytics-baseline>span{color:var(--muted);font-size:.72rem}.op-analytics-baseline .op-btn{min-height:44px;padding:0 10px;font-size:.72rem}.op-analytics-baseline .op-inline-error{text-align:right;flex-basis:100%}.op-existing-production{gap:7px;display:grid}.op-existing-production>span{color:var(--op-muted);font-size:12px;font-weight:800}.op-existing-production select{border:1px solid var(--op-line);width:100%;min-height:44px;color:var(--op-text);font:inherit;background:#120f15;border-radius:12px;padding:9px 12px}@media (max-width:640px){.op-credential-grid .actions{width:100%;display:grid}.op-credential-grid .actions .op-btn{width:100%}}