/* Operator portal shares the product's immutable design tokens and icon family. */
:root{--op-sidebar:248px;--op-header:68px;--op-width:1520px;--op-line:1px;--op-table-min:680px;--op-tab-height:72px;--op-shadow:0 24px 80px rgba(0,0,0,.4);--op-login-width:440px;--op-auth-min:440px}
*{box-sizing:border-box}html{color-scheme:dark;scrollbar-color:var(--fg-4) var(--bg);scrollbar-width:thin}body{margin:0;background:var(--bg);color:var(--fg);font:400 var(--fs-body)/1.55 var(--font-ui);-webkit-font-smoothing:antialiased}button,input,select,textarea{font:inherit}button,a{touch-action:manipulation;-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{opacity:.5;cursor:not-allowed}a{color:inherit;text-decoration:none}[hidden]{display:none!important}h1,h2,h3,p{margin:0}h1,h2,.op-number{font-family:var(--font-display);font-weight:800;line-height:1}h1{font-size:var(--fs-h1)}h2{font-size:var(--fs-h2)}h3{font-size:var(--fs-ui)}small{font-size:var(--fs-tiny);color:var(--fg-3)}svg{width:var(--s-5);height:var(--s-5);fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--accent-2);outline-offset:3px}input:not([type=checkbox]):not([type=radio]),select,textarea{width:100%;background:var(--bg);border:var(--op-line) solid var(--line-2);border-radius:var(--r-input);min-height:var(--tap-min);padding:var(--s-3);color:var(--fg)}textarea{min-height:120px;resize:vertical}label{display:flex;flex-direction:column;gap:var(--s-2);font-size:var(--fs-small);font-weight:600}input::placeholder,textarea::placeholder{color:var(--fg-4)}code,pre,.op-mono{font:500 var(--fs-small)/1.6 var(--font-mono)}pre{margin:0;white-space:pre;max-width:100%;overflow:auto;padding:var(--s-5);background:var(--bg);border-radius:var(--r-input)}.op-muted{color:var(--fg-3)}.op-gold{color:var(--gold)}.op-number{font-variant-numeric:tabular-nums}.op-sub{display:block;color:var(--fg-3);font-size:var(--fs-tiny);font-weight:400;margin-top:var(--s-1)}.op-eyebrow{display:block;font:600 var(--fs-label)/1.5 var(--font-mono);letter-spacing:var(--ls-label);text-transform:uppercase;color:var(--fg-3);margin-bottom:var(--s-2)}.op-button,.op-icon-button{display:inline-flex;justify-content:center;align-items:center;gap:var(--s-2);min-height:var(--tap-min);padding:var(--s-3) var(--s-4);border:var(--op-line) solid var(--line-2);border-radius:var(--r-btn);color:var(--fg);background:var(--panel);font-size:var(--fs-small);font-weight:600;transition:background var(--dur-fast),transform var(--dur-fast)}.op-button:hover,.op-icon-button:hover{background:var(--panel-2)}.op-button:active,.op-icon-button:active{transform:translateY(1px)}.op-primary{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}.op-primary:hover{background:var(--accent-2)}.op-quiet{background:transparent;border-color:transparent;color:var(--accent-2)}.op-danger{color:var(--danger);border-color:var(--danger-bg)}.op-icon-button{width:var(--tap-min);padding:0;flex-shrink:0}.op-full{width:100%}.skip-link{position:fixed;inset:var(--s-3) auto auto var(--s-3);z-index:150;padding:var(--s-3);background:var(--fg);color:var(--bg);transform:translateY(-200%)}.skip-link:focus{transform:none}
.op-brand{display:flex;gap:var(--s-3);align-items:center}.op-mark{display:grid;place-items:center;width:var(--s-10);height:var(--s-10);border-radius:var(--r-input);background:var(--accent);color:var(--accent-ink)}.op-brand b{display:block;font:800 var(--fs-h3)/1.05 var(--font-display);letter-spacing:.025em}.op-brand small{display:block;font:500 var(--fs-label)/1.5 var(--font-mono);letter-spacing:.1em;margin-top:var(--s-1)}.op-sidebar{width:var(--op-sidebar);position:fixed;inset:0 auto 0 0;display:flex;flex-direction:column;padding:var(--s-6) var(--s-4);background:var(--panel-3);border-right:var(--op-line) solid var(--line);z-index:60;overflow-y:auto}.op-sidebar>.op-brand{padding:0 var(--s-1) var(--s-6)}.op-site{padding:var(--s-4);margin-bottom:var(--s-6);border:var(--op-line) solid var(--line);border-radius:var(--r-card);background:var(--panel)}.op-site>strong{display:block;overflow-wrap:anywhere}.op-site>span{display:flex;gap:var(--s-2);align-items:center;color:var(--fg-3);font-size:var(--fs-tiny);margin-top:var(--s-2)}.op-status-dot{width:6px;height:6px;border-radius:50%;background:var(--ok);box-shadow:0 0 0 3px var(--ok-bg);flex-shrink:0}.op-nav{display:flex;flex-direction:column;gap:var(--s-1)}.op-nav a{display:flex;align-items:center;gap:var(--s-3);min-height:var(--tap-min);padding:var(--s-3);border-radius:var(--r-input);color:var(--fg-2);font-weight:500;transition:background var(--dur-fast)}.op-nav a:hover{background:var(--panel)}.op-nav a.active{background:var(--accent-bg);color:var(--accent-2)}.op-nav a.active:after{content:'';width:var(--s-1);height:var(--s-1);border-radius:50%;background:currentColor;margin-left:auto}.op-account{display:flex;gap:var(--s-3);align-items:center;margin-top:auto;padding:var(--s-6) var(--s-1) 0}.op-avatar{height:var(--s-10);width:var(--s-10);display:grid;place-items:center;border-radius:var(--r-input);background:var(--accent-bg);color:var(--accent-2);font-weight:700;flex-shrink:0}.op-account-info{min-width:0;flex:1}.op-account-info strong,.op-account-info small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.op-account-info strong{font-size:var(--fs-small)}.op-workspace{margin-left:var(--op-sidebar);min-width:0}.op-header{position:sticky;top:0;z-index:40;display:flex;align-items:center;justify-content:space-between;gap:var(--s-4);height:var(--op-header);padding:0 var(--s-8);background:var(--bg);border-bottom:var(--op-line) solid var(--line)}.op-header-left,.op-header-actions{display:flex;align-items:center;gap:var(--s-3);min-width:0}.op-breadcrumb{font-size:var(--fs-small);color:var(--fg-3)}.op-breadcrumb strong{color:var(--fg);font-weight:500;margin-left:var(--s-2)}.op-language{width:auto;padding:var(--s-2) var(--s-3);min-width:76px;font-size:var(--fs-small)}.op-live-label{display:flex;align-items:center;gap:var(--s-2);font-size:var(--fs-tiny);color:var(--fg-2);white-space:nowrap}.op-mobile-menu,.op-mobile-title{display:none}#op-main{display:flex;flex-direction:column;gap:var(--s-6);padding:var(--s-8);margin:auto;max-width:var(--op-width);min-width:0;min-height:calc(100dvh - 140px)}.op-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:var(--s-5)}.op-heading p{color:var(--fg-2);margin-top:var(--s-3);max-width:700px}.op-actions{display:flex;gap:var(--s-2);align-items:center;flex-wrap:wrap}.op-range{width:auto;min-width:160px}.op-panel{min-width:0;border:var(--op-line) solid var(--line);background:var(--panel);border-radius:var(--r-panel);overflow:hidden}.op-panel-heading{padding:var(--s-5) var(--s-6);border-bottom:var(--op-line) solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:var(--s-3)}.op-panel-heading h2{font-size:var(--fs-h3)}.op-panel-heading p{color:var(--fg-3);font-size:var(--fs-small);margin-top:var(--s-1)}.op-panel-body{padding:var(--s-6);min-width:0}.op-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--s-4)}.op-metric{padding:var(--s-5);border:var(--op-line) solid var(--line);border-radius:var(--r-panel);background:var(--panel);min-width:0}.op-metric:first-child{background:linear-gradient(120deg,var(--accent-bg),var(--panel) 85%);border-color:color-mix(in srgb,var(--accent) 24%,var(--line))}.op-metric-label{display:flex;justify-content:space-between;align-items:center;gap:var(--s-2);color:var(--fg-2);font-size:var(--fs-small)}.op-metric-label svg{color:var(--fg-3)}.op-metric-value{font:800 var(--fs-money)/1.1 var(--font-display);font-variant-numeric:tabular-nums;margin:var(--s-4) 0 var(--s-2);overflow-wrap:anywhere}.op-metric:first-child .op-metric-value{color:var(--accent-2)}.op-metric-detail{font-size:var(--fs-tiny);color:var(--fg-3)}.op-grid{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:var(--s-5)}.op-grid-even{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--s-5)}.op-notice{display:flex;gap:var(--s-3);align-items:flex-start;padding:var(--s-4) var(--s-5);border:var(--op-line) solid var(--line);border-radius:var(--r-card);background:var(--panel-3);color:var(--fg-2);font-size:var(--fs-small)}.op-notice svg{color:var(--accent-2)}.op-notice p{min-width:0;overflow-wrap:anywhere}.op-definition{display:flex;justify-content:space-between;gap:var(--s-4);padding:var(--s-3) 0;border-bottom:var(--op-line) solid var(--line);font-size:var(--fs-small)}.op-definition:last-child{border:0}.op-definition span{color:var(--fg-2)}.op-definition strong{font-weight:600;text-align:right;overflow-wrap:anywhere}.op-definition.op-total{border-top:var(--op-line) solid var(--line-2);margin-top:var(--s-2);padding-top:var(--s-5);border-bottom:0}.op-definition.op-total strong{font:800 var(--fs-h2) var(--font-display);color:var(--gold)}.op-chart{display:flex;align-items:flex-end;gap:var(--s-2);height:180px;padding-top:var(--s-5);border-bottom:var(--op-line) solid var(--line)}.op-chart-day{flex:1;height:100%;display:flex;align-items:flex-end;justify-content:center;position:relative;min-width:0}.op-chart-bar{display:block;max-width:36px;width:100%;background:var(--accent);border-radius:var(--s-1) var(--s-1) 0 0;transition:height var(--dur-slow) var(--ease-out)}.op-chart-bar:hover{background:var(--accent-2)}.op-chart-labels{display:flex;justify-content:space-between;color:var(--fg-3);font:500 var(--fs-label) var(--font-mono);padding-top:var(--s-3)}.op-empty{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:var(--s-3);text-align:center;padding:var(--s-10) var(--s-6);color:var(--fg-3)}.op-empty>svg{width:var(--s-8);height:var(--s-8);color:var(--fg-4)}.op-empty h3{color:var(--fg-2)}.op-empty p{max-width:440px;font-size:var(--fs-small)}.op-table-wrap{max-width:100%;overflow:auto}.op-table{width:100%;border-collapse:collapse;text-align:left;font-size:var(--fs-small)}.op-table th{padding:var(--s-3) var(--s-6);font:600 var(--fs-label) var(--font-mono);letter-spacing:.04em;color:var(--fg-3);background:var(--panel-3)}.op-table td{padding:var(--s-4) var(--s-6);border-top:var(--op-line) solid var(--line);vertical-align:middle;overflow-wrap:anywhere}.op-table tr:hover td{background:color-mix(in srgb,var(--fg) 2%,transparent)}.op-table .op-money-cell{font-family:var(--font-mono);white-space:nowrap}.op-table .op-cell-actions{text-align:right}.op-pill{display:inline-flex;align-items:center;gap:var(--s-1);padding:var(--s-1) var(--s-2);border-radius:var(--r-tag);font-size:var(--fs-tiny);white-space:nowrap;color:var(--fg-2);background:var(--panel-2)}.op-pill.good{color:var(--ok);background:var(--ok-bg)}.op-pill.attention{color:var(--gold);background:var(--gold-bg)}.op-pill.bad{color:var(--danger);background:var(--danger-bg)}.op-key{color:var(--accent-2);font-family:var(--font-mono)}.op-badges{display:flex;flex-wrap:wrap;gap:var(--s-1)}.op-form{display:flex;flex-direction:column;gap:var(--s-5)}.op-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--s-4)}.op-form-actions{display:flex;justify-content:flex-end;gap:var(--s-2);border-top:var(--op-line) solid var(--line);padding-top:var(--s-5)}.op-field-help{font-size:var(--fs-tiny);color:var(--fg-3);font-weight:400}.op-error{color:var(--danger);background:var(--danger-bg);border:var(--op-line) solid color-mix(in srgb,var(--danger) 25%,transparent);padding:var(--s-4);border-radius:var(--r-input);margin:var(--s-5) var(--s-8) 0;overflow-wrap:anywhere}.op-form .op-error{margin:0}.op-dialog{background:var(--panel);color:var(--fg);border:var(--op-line) solid var(--line-2);border-radius:var(--r-panel);max-width:720px;width:calc(100% - 32px);max-height:90dvh;padding:0;box-shadow:var(--op-shadow)}.op-dialog::backdrop{background:rgba(6,7,9,.75);backdrop-filter:blur(4px)}.op-dialog-header{display:flex;justify-content:space-between;align-items:center;gap:var(--s-4);padding:var(--s-6);border-bottom:var(--op-line) solid var(--line);position:sticky;top:0;background:var(--panel);z-index:1}.op-dialog-header h2{overflow-wrap:anywhere;line-height:1.15}.op-dialog-body{padding:var(--s-6)}.op-message-list{display:flex;flex-direction:column;gap:var(--s-4);padding-bottom:var(--s-5)}.op-message{border:var(--op-line) solid var(--line);border-radius:var(--r-card);padding:var(--s-4);background:var(--bg);max-width:95%}.op-message.support{margin-left:auto;background:var(--accent-bg);border-color:color-mix(in srgb,var(--accent) 20%,transparent)}.op-message-meta{display:flex;align-items:center;justify-content:space-between;gap:var(--s-3);font-size:var(--fs-tiny);color:var(--fg-3);margin-bottom:var(--s-2)}.op-message p{white-space:pre-wrap;overflow-wrap:anywhere}.op-ticket-meta{display:flex;gap:var(--s-2);flex-wrap:wrap;margin-bottom:var(--s-5)}.op-toast{position:fixed;right:var(--s-6);top:var(--s-6);z-index:200;max-width:calc(100vw - 32px);padding:var(--s-4) var(--s-5);background:var(--panel-2);border:var(--op-line) solid var(--line-2);border-left:3px solid var(--ok);border-radius:var(--r-input);box-shadow:var(--sh-pop);animation:ssToastIn var(--dur-base) var(--ease-out)}.op-toast.error{border-left-color:var(--danger)}.op-footer{display:flex;justify-content:space-between;gap:var(--s-3);padding:var(--s-5) var(--s-8);border-top:var(--op-line) solid var(--line);color:var(--fg-3);font-size:var(--fs-tiny)}.op-step{display:flex;gap:var(--s-4);padding:var(--s-4) 0}.op-step-number{display:grid;place-items:center;width:var(--s-8);height:var(--s-8);border-radius:var(--r-input);background:var(--accent-bg);color:var(--accent-2);font-family:var(--font-mono);flex-shrink:0}.op-step p{color:var(--fg-3);margin-top:var(--s-1);font-size:var(--fs-small)}.op-downloads{display:flex;flex-direction:column;gap:var(--s-2)}.op-downloads a{justify-content:space-between}.op-endpoint{display:flex;align-items:center;gap:var(--s-3);padding:var(--s-3) 0;border-bottom:var(--op-line) solid var(--line)}.op-endpoint b{font:500 var(--fs-tiny) var(--font-mono);color:var(--accent-2);min-width:var(--s-10)}.op-endpoint code{overflow-wrap:anywhere;min-width:0;white-space:normal}.op-code-heading{display:flex;justify-content:space-between;align-items:center;gap:var(--s-3);margin-bottom:var(--s-3)}.op-catalog-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(calc(var(--s-10)*4),1fr));gap:var(--s-3);align-items:start}.op-game{display:flex;flex-direction:column;overflow:hidden;min-width:0;border:var(--op-line) solid var(--line);border-radius:var(--r-card);background:var(--panel)}.op-game-cover{width:100%;aspect-ratio:3/4;object-fit:contain;background:var(--panel-2);display:block}.op-game-info{padding:var(--s-3);min-width:0}.op-game-info h3{font:600 var(--fs-small)/1.4 var(--font-ui);min-height:2.8em;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;overflow-wrap:anywhere;margin-bottom:var(--s-1)}.op-game-info .op-badges{margin-top:var(--s-2)}.op-game-info .op-pill{font-size:var(--fs-label)}.op-skeleton{height:180px;border-radius:var(--r-panel);background:linear-gradient(90deg,var(--panel),var(--panel-2),var(--panel));background-size:200% 100%;animation:ssSkeleton 1.4s linear infinite}.op-tabbar{display:none}
.op-login{display:grid;grid-template-columns:minmax(var(--op-auth-min),1fr) 1fr;min-height:100dvh}.op-login-story{display:flex;flex-direction:column;padding:var(--s-10);background:var(--panel-3);border-right:var(--op-line) solid var(--line);position:relative;overflow:hidden}.op-login-story .op-brand{position:relative;z-index:1}.op-login-copy{margin:auto 0;position:relative;z-index:1;padding:var(--s-10) 0}.op-login-copy h1{font-size:var(--fs-hero);line-height:1.05;max-width:580px}.op-login-copy h1 em{font-style:normal;color:var(--accent)}.op-login-copy p{margin-top:var(--s-6);max-width:420px;color:var(--fg-2);font-size:var(--fs-ui)}.op-login-lines{position:absolute;bottom:-180px;right:-200px;width:600px;height:600px;border:var(--op-line) solid var(--line-2);border-radius:50%;box-shadow:0 0 0 60px var(--panel-3),0 0 0 61px var(--line),0 0 0 120px var(--panel-3),0 0 0 121px var(--line);opacity:.7}.op-login-panel{display:flex;align-items:center;justify-content:center;padding:var(--s-10);min-width:0;position:relative}.op-login-language{position:absolute;top:var(--s-6);right:var(--s-6)}.op-login-form{width:100%;max-width:var(--op-login-width);display:flex;flex-direction:column;gap:var(--s-5)}.op-login-form h2{font-size:var(--fs-h1)}.op-login-form>.op-muted{margin-top:calc(-1 * var(--s-3))}.op-login-form .op-error{margin:0}.op-login-brand-mobile{display:none}
@media(max-width:1180px){.op-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.op-header,#op-main{padding-left:var(--s-6);padding-right:var(--s-6)}}
@media(max-width:960px){.op-sidebar{transform:translateX(-100%);transition:transform var(--dur-slow) var(--ease-out);width:min(320px,85vw)}.op-sidebar.open{transform:none}.op-workspace{margin-left:0}.op-mobile-menu{display:inline-flex}.op-scrim{position:fixed;inset:0;border:0;background:rgba(6,7,9,.75);z-index:50}.op-login{grid-template-columns:1fr}.op-login-story{display:none}.op-login-panel{min-height:100dvh}.op-login-brand-mobile{display:block;margin-bottom:var(--s-5)}.op-breadcrumb{display:none}.op-mobile-title{display:block;font:800 var(--fs-h3) var(--font-display)}}
@media(max-width:640px){:root{--op-header:64px}.op-header{padding:0 var(--s-4)}.op-header-left,.op-header-actions{gap:var(--s-2)}.op-live-label{display:none}.op-header-actions>.op-icon-button{display:none}.op-mobile-title{font-size:var(--fs-ui)}#op-main{padding:var(--s-5) var(--s-4);gap:var(--s-4);min-height:calc(100dvh - 200px)}.op-heading{align-items:flex-start;flex-direction:column;gap:var(--s-4)}.op-heading h1{font-size:var(--fs-h2)}.op-heading p{font-size:var(--fs-small);margin-top:var(--s-2)}.op-heading .op-eyebrow{display:none}.op-heading>.op-actions{width:100%}.op-range{flex:1;min-width:0}.op-metrics{gap:var(--s-3)}.op-metric{padding:var(--s-4)}.op-metric-label{font-size:var(--fs-tiny)}.op-metric-label svg{display:none}.op-metric-value{font-size:var(--fs-h2);margin:var(--s-3) 0 var(--s-2)}.op-metric-detail{font-size:var(--fs-label)}.op-grid,.op-grid-even{grid-template-columns:minmax(0,1fr);gap:var(--s-4)}.op-panel-heading,.op-panel-body{padding:var(--s-4)}.op-panel-heading .op-button{padding:var(--s-2);font-size:var(--fs-tiny)}.op-panel-heading h2{font-size:var(--fs-h3)}.op-notice{padding:var(--s-4)}.op-notice svg{width:var(--s-4);height:var(--s-4)}.op-error{margin:var(--s-4) var(--s-4) 0}.op-footer{padding:var(--s-4) var(--s-4) calc(var(--op-tab-height) + env(safe-area-inset-bottom) + var(--s-6));flex-direction:column;font-size:var(--fs-label)}.op-tabbar{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));position:fixed;bottom:0;left:0;right:0;z-index:40;height:calc(var(--op-tab-height) + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);background:var(--panel-3);border-top:var(--op-line) solid var(--line)}.op-tabbar a,.op-tabbar button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--s-1);background:transparent;border:0;color:var(--fg-3);font-size:var(--fs-label);min-height:var(--tap-min)}.op-tabbar a.active{color:var(--accent-2)}.op-tabbar svg{height:var(--s-5);width:var(--s-5)}.op-form-grid{grid-template-columns:1fr}.op-dialog{width:100%;max-width:none;max-height:92dvh;margin:0;top:auto;bottom:0;border:0;border-radius:var(--r-sheet) var(--r-sheet) 0 0;animation:ssSheetIn var(--dur-slow) var(--ease-out)}.op-dialog-header,.op-dialog-body{padding:var(--s-5) var(--s-4)}.op-dialog-header h2{font-size:var(--fs-h3)}.op-message-meta{flex-wrap:wrap;gap:var(--s-1)}.op-message{max-width:100%}.op-toast{right:var(--s-4);top:var(--s-4)}.op-login-panel{padding:var(--s-6)}.op-login-form h2{font-size:var(--fs-h2)}.op-login-language{top:var(--s-4);right:var(--s-4)}.op-catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--s-3)}.op-game-info{padding:var(--s-3)}.op-game-info h3{font-size:var(--fs-small)}.op-game-info .op-pill{font-size:var(--fs-label)}.op-chart{height:140px}.op-table-wrap{overflow:visible}.op-table,.op-table tbody{display:block;width:100%}.op-table thead{display:none}.op-table tr{display:flex;flex-wrap:wrap;gap:var(--s-3) var(--s-4);padding:var(--s-4);border-top:var(--op-line) solid var(--line)}.op-table tr:first-child{border-top:0}.op-table td{display:block;padding:0;border:0;min-width:calc(50% - 8px);max-width:100%;flex:1;font-size:var(--fs-small)}.op-table td:first-child{flex:0 0 100%}.op-table td:before{content:attr(data-label);display:block;font:500 var(--fs-label) var(--font-mono);color:var(--fg-3);margin-bottom:var(--s-1)}.op-table .op-cell-actions{text-align:left;flex-basis:100%}.op-table .op-cell-actions:before{display:none}.op-table .op-cell-actions .op-button{width:100%}.op-table tr:hover td{background:none}.op-chart-labels{font-size:var(--fs-label)}pre{font-size:var(--fs-tiny);padding:var(--s-4)}.op-endpoint{align-items:flex-start}.op-endpoint code{font-size:var(--fs-tiny)}}
.op-tiers{width:100%;margin-top:var(--s-1)}.op-tiers summary{min-height:var(--tap-min);display:flex;align-items:center;cursor:pointer;color:var(--accent-2);font-size:var(--fs-tiny);font-weight:600}.op-tiers summary:after{content:'+';margin-left:auto}.op-tiers[open] summary:after{content:'−'}.op-tiers .op-badges{margin-top:0}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

/* r17: the mobile navigation is modal, not an off-screen keyboard target. */
body.op-nav-open{overflow:hidden}

/* R21: bounded site-integration request console. */
.op-test-intro{display:grid;gap:var(--s-2);margin-bottom:var(--s-5)}.op-test-intro>.op-pill{justify-self:start}.op-test-grid{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:var(--s-6);align-items:start}.op-test-grid>*{min-width:0}.op-test-output{display:grid;gap:var(--s-3);min-width:0}.op-test-output pre{max-height:calc(var(--tap-min)*6);overflow:auto;white-space:pre-wrap;overflow-wrap:anywhere}.op-test-output .op-code-heading{margin:0}.op-test-status{display:flex;flex-wrap:wrap;gap:var(--s-2) var(--s-4);margin:var(--s-3) 0}.op-test-status span{font:500 var(--fs-tiny)/1.5 var(--font-mono);color:var(--fg-2)}.op-test-checks{list-style:none;padding:0;margin:var(--s-3) 0;display:grid;gap:var(--s-2)}.op-test-checks li{display:flex;align-items:center;gap:var(--s-2);font-size:var(--fs-small)}.op-test-output .is-ok{color:var(--ok)}.op-test-output .is-error{color:var(--danger)}#op-integration-result{min-width:0}#op-integration-result>pre{margin-top:var(--s-2)}@media(max-width:900px){.op-test-grid{grid-template-columns:minmax(0,1fr);gap:var(--s-5)}}
.op-risk-grid { display:grid; grid-template-columns:minmax(300px,.8fr) minmax(0,1.2fr); gap:var(--s-5); align-items:start; }
.op-risk-form { display:grid; gap:var(--s-4); }
.op-risk-form label:not(.op-check) { display:grid; gap:var(--s-2); }
.op-risk-form input:not([type=checkbox]) { width:100%; min-width:0; min-height:44px; padding:var(--s-3); border:1px solid var(--line); border-radius:var(--r-tag); background:var(--bg); color:inherit; font:inherit; }
.op-risk-form .op-check { display:flex; align-items:center; gap:var(--s-2); min-height:44px; }
.op-risk-form input[type=checkbox] { width:20px; height:20px; accent-color:var(--accent); }
.op-risk-severity { display:flex; flex-wrap:wrap; gap:var(--s-4); }
.op-risk-form .op-actions { flex-wrap:wrap; }
.op-risk-alert { padding-block:var(--s-4); border-top:1px solid var(--line); overflow-wrap:anywhere; }
.op-risk-alert header { display:flex; align-items:center; justify-content:space-between; gap:var(--s-3); flex-wrap:wrap; }
.op-risk-alert header time,.op-risk-player span { font-size:var(--fs-small); color:var(--fg-2); }
.op-risk-player { display:grid; gap:var(--s-2); padding-block:var(--s-3); }
.op-risk-alert summary { min-height:44px; cursor:pointer; display:flex; align-items:center; }
.op-risk-alert pre { white-space:pre-wrap; overflow-wrap:anywhere; max-height:360px; overflow:auto; font-size:var(--fs-small); }
.op-risk-delivery { overflow-wrap:anywhere; }
@media(max-width:900px){.op-risk-grid{grid-template-columns:minmax(0,1fr)}.op-risk-form .op-button{min-height:44px}}

.op-risk-form label.op-check { display:flex; flex-direction:row; align-items:center; gap:var(--s-2); }
.op-risk-form label.op-check input[type=checkbox] { flex:0 0 var(--s-5); width:var(--s-5); height:var(--s-5); min-height:0; margin:0; }

.op-permission-matrix{display:grid;grid-template-columns:1fr 1fr;gap:var(--s-3);border:1px solid var(--line);border-radius:var(--r-input);padding:var(--s-4);min-width:0}.op-permission-matrix legend{padding:0 var(--s-2);font-weight:600}.op-permission-matrix label{display:flex;flex-direction:row;align-items:flex-start;gap:var(--s-3);padding:var(--s-3);background:var(--bg);border:1px solid var(--line);border-radius:var(--r-input);min-height:44px}.op-permission-matrix input[type=checkbox]{width:18px;height:18px;min-height:18px;flex:none;margin:2px 0 0;accent-color:var(--accent)}.op-permission-matrix small{display:block;font:var(--fs-tiny) var(--font-mono);color:var(--fg-3);overflow-wrap:anywhere;margin-top:var(--s-1)}.op-review-badge{margin-left:auto;min-width:20px;text-align:center;border-radius:var(--r-tag);background:var(--accent-bg);color:var(--accent);font-size:var(--fs-small)}@media(max-width:540px){.op-permission-matrix{grid-template-columns:1fr;padding:var(--s-3)}}

/* R31: shared login proportions and a scrollable navigation rail. */
.op-password-field{display:flex;align-items:center;min-width:0;border:1px solid var(--line-2);border-radius:var(--r-input);background:var(--bg)}
.op-password-field input{border:0;min-width:0}.op-password-field:focus-within{outline:2px solid var(--accent);outline-offset:var(--s-1)}
.op-password-toggle{flex:none;align-self:stretch;min-width:var(--tap-min);padding:var(--s-3);color:var(--accent-2);border:0;background:none;font:600 var(--fs-small) var(--font-ui)}
.op-login-form{gap:var(--s-5)}.op-login-form>.op-muted{margin-top:0}.op-login-form h2{margin-top:var(--s-5)}
.op-sidebar{height:100dvh;overflow:hidden}.op-sidebar>.op-brand,.op-sidebar>.op-site,.op-account{flex-shrink:0}.op-nav{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain}.op-account{margin-top:var(--s-4);padding-top:var(--s-4);border-top:1px solid var(--line)}
.op-risk-grid{align-items:start}.op-risk-form{display:flex;flex-direction:column;gap:var(--s-4)}.op-form label>.panel-select{width:100%}

/* Compact, accessible choices share a row with their label, not text-field sizing. */
label.op-check{display:flex;flex-direction:row;align-items:center;gap:var(--s-3);min-height:var(--tap-min);cursor:pointer}
input[type=checkbox],input[type=radio]{width:var(--s-5);height:var(--s-5);min-height:0;padding:0;margin:0;flex:0 0 var(--s-5);accent-color:var(--accent);cursor:pointer}
.op-check>span,.op-permission-matrix label>span{min-width:0;overflow-wrap:anywhere}
.op-permission-matrix label{cursor:pointer;transition:border-color var(--dur-fast),background var(--dur-fast)}
.op-permission-matrix label:has(input:checked){border-color:color-mix(in srgb,var(--accent) 35%,var(--line));background:color-mix(in srgb,var(--accent) 5%,var(--bg))}
.op-permission-matrix input[type=checkbox]{width:var(--s-5);height:var(--s-5);min-height:0;padding:0;flex:0 0 var(--s-5)}
.op-download-hint{font-size:var(--fs-small);color:var(--fg-3);line-height:1.6;margin:0 0 var(--s-3)}
.op-panel-heading:has(.op-download-all){flex-wrap:wrap}
.op-download-all{flex-shrink:0}
@media(max-width:480px){.op-download-all{width:100%;justify-content:center}}