/* Admin-only presentation; overlays, login and /live retain their own layout. */
html.workspace-pending body {background:#15120d;}
html.workspace-pending body::before {content:'ABC';position:fixed;inset:50% auto auto 50%;z-index:1;transform:translate(-50%,-50%);color:#c7a15a;font:700 13px/1 var(--sans);letter-spacing:.24em;text-shadow:0 0 22px #c79c4647;}
html.workspace-pending #app {visibility:hidden;}
.workspace {--surface:#191712;--surface-raised:#211e17;--line:#403522;--line-strong:#6d552b;--soft:#a89f90;--accent:#d5ad63;--accent-bright:#f0d296;background:radial-gradient(circle at 76% 0,#5b40151f,transparent 31%),linear-gradient(145deg,#15130f,#0e0e0d 72%);min-height:100vh;padding:24px 32px 60px 112px;color:#eee8dc;font:14px/1.55 var(--sans);}
.workspace::before,.workspace::after {display:none;}
.workspace .control-wrap {max-width:1520px;}
.workspace .control-header {background:none;border:0;box-shadow:none;padding:0 2px 24px;margin:0;}
.workspace .ornate-frame::before,.workspace .ornate-frame::after {display:none;}
.workspace .brand h1 {font:650 18px/1.4 var(--sans);letter-spacing:-.02em;text-transform:none;color:#f1eadc;}
.workspace .brand small {font-size:10px;letter-spacing:.1em;color:#9f8d70;}
.workspace .brand-mark {border-radius:12px;transform:none;background:linear-gradient(145deg,#2b251a,#15130f);border-color:#775c2c;box-shadow:inset 0 0 0 1px #d8ac5420,0 5px 20px #0006;}
.workspace .brand-mark span {transform:none;font:700 12px var(--sans);color:var(--accent-bright);}
.workspace .control-grid {display:block;}
.workspace .main-panel {position:relative;padding:28px;background:linear-gradient(145deg,#1d1a15f5,#131311f8);border:1px solid var(--line);border-radius:18px;min-height:calc(100vh - 145px);box-shadow:inset 0 1px 0 #f7d99a0a,0 22px 70px #0005,0 0 36px #7b59120b;min-width:0;}
.workspace .main-panel::before {content:'';position:absolute;inset:0 34px auto;height:1px;background:linear-gradient(90deg,transparent,#c99d4a66,transparent);pointer-events:none;}
.workspace .nav-tabs {position:fixed;inset:0 auto 0 0;width:80px;padding:24px 12px;display:flex;flex-direction:column;align-items:center;flex-wrap:nowrap;gap:9px;background:linear-gradient(180deg,#15130f,#0d0e0e);border-right:1px solid #49391f;box-shadow:8px 0 32px #0004;z-index:40;margin:0;}
.workspace .nav-tabs::before {content:'ABC';font-weight:800;letter-spacing:.1em;color:var(--accent);margin:5px 0 22px;text-shadow:0 0 18px #d1a5504f;}
.workspace .nav-tabs .btn {position:relative;flex:none;width:48px;height:48px;display:grid;place-items:center;padding:12px;background:transparent;border:1px solid transparent;border-radius:12px;color:#8e887e;box-shadow:none;}
.workspace .nav-tabs .btn.active {color:var(--accent-bright);background:linear-gradient(145deg,#352a19,#211b13);border-color:#80612e;box-shadow:inset 0 1px 0 #f1d08d24,inset 0 -3px 8px #0005,0 0 18px #b17e2321;}
.workspace .nav-tabs .btn:hover {background:#282218;color:#f2d79f;border-color:#574321;}
.workspace .nav-tabs svg {width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round;pointer-events:none;}
.workspace-tooltip {display:none;position:absolute;left:calc(100% + 14px);top:50%;transform:translateY(-50%);background:#f0dfbb;color:#1c1812;padding:7px 12px;border:1px solid #fff1c9;border-radius:7px;white-space:nowrap;font:650 12px var(--sans);box-shadow:0 7px 24px #0008;pointer-events:none;}
.workspace .nav-tabs button:is(:hover,:focus-visible) .workspace-tooltip {display:block;}
.workspace .panel-title {align-items:center;margin-bottom:24px;}
.workspace .panel-title h2 {font:650 27px/1.25 var(--sans);letter-spacing:-.035em;text-transform:none;color:#f2ebdf;}
.workspace .panel-title p {font-size:13px;color:var(--soft);max-width:75ch;line-height:1.6;}
.workspace-subnav {display:flex;gap:5px;flex-wrap:wrap;border-bottom:1px solid var(--line);padding:0 0 12px;margin:0 0 24px;}
.workspace-subtab {font:600 13px var(--sans);background:transparent;border:1px solid transparent;border-radius:8px;padding:10px 14px;color:var(--soft);cursor:pointer;}
.workspace-subtab:hover {background:#28231b;color:#f6ead4;}
.workspace-subtab[aria-selected=true] {background:linear-gradient(180deg,#30271a,#211c14);color:var(--accent-bright);border-color:#70562b;box-shadow:inset 0 1px 0 #f4d59518,inset 0 2px 5px #0005;}
.workspace-section {outline:none;}
.workspace h3 {font:600 16px/1.4 var(--sans);letter-spacing:-.015em;color:#ece2d1;margin:0 0 16px;}
.workspace p {color:#ada497;line-height:1.65;}
.workspace .btn {border:1px solid #4f432f;border-radius:8px;background:linear-gradient(180deg,#2d2922,#211e19);color:#e7dfd2;font:600 12px/1.4 var(--sans);letter-spacing:0;text-transform:none;padding:10px 14px;min-height:38px;box-shadow:inset 0 1px 0 #fff0cc0a,0 2px 5px #0004;transition:background .13s,border-color .13s,transform .08s,box-shadow .13s;white-space:normal;}
.workspace .btn:hover {background:linear-gradient(180deg,#3a3225,#27221b);border-color:#8a6a34;color:#fff4df;box-shadow:0 0 15px #bf882719;}
.workspace .btn:active {transform:translateY(1px);box-shadow:inset 0 3px 7px #0008;background:#1d1a16;}
.workspace .btn.primary {background:linear-gradient(180deg,#d0ab67,#a68045);border-color:#e2c488;color:#17130d;text-shadow:0 1px #fff5d238;box-shadow:inset 0 1px #ffebbd8c,0 5px 14px #0005;}
.workspace .btn.primary:hover {background:linear-gradient(180deg,#e2c17e,#b78f4c);border-color:#f0d49c;}
.workspace .btn.primary:active {background:#9b773f;}
.workspace .btn.danger {color:#eda7a5;border-color:#694143;background:#382326;}
.workspace .btn:disabled {opacity:.45;cursor:not-allowed;transform:none;}
.workspace :is(button,a,input,select,textarea,summary):focus-visible {outline:2px solid #e1c48c;outline-offset:3px;}
.workspace .field {gap:8px;margin-bottom:12px;}
.workspace .field label {font:500 12px/1.5 var(--sans);text-transform:none;letter-spacing:0;color:#c8bca8;}
.workspace :is(input,select,textarea) {border-radius:7px;font:13px/1.5 var(--sans);max-width:100%;}
.workspace .field :is(input,select,textarea) {background:#11110f;border-color:#443925;min-height:42px;color:#eee6d8;box-shadow:inset 0 2px 5px #0004;}
.workspace .field :is(input,select,textarea):hover {border-color:#6a532c;}
.workspace .game-run-picker {display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,.85fr);gap:10px;align-items:end;}
.workspace .game-run-picker .field {margin:0;min-width:0;}
.workspace .game-run-summary {display:block;margin:8px 0 4px;color:#a89f90;font-size:11px;line-height:1.5;}
.workspace input[type=checkbox] {min-height:0;width:auto;accent-color:#c3a66e;}
.workspace .form-grid {gap:18px 24px;}
.workspace .form-actions {align-items:center;}
.workspace .data-list,.workspace .review-items {max-height:none;overflow:visible;padding:0;}
.workspace .data-row {border-color:#373124;border-radius:9px;background:linear-gradient(110deg,#201d18,#181816);padding:16px;margin-bottom:3px;box-shadow:inset 2px 0 #8c6a3029;}
.workspace .data-row:hover {border-color:#69542d;background:linear-gradient(110deg,#282219,#1a1916);}
.workspace .data-row strong {font:600 14px/1.5 var(--sans);}
.workspace .data-row small {color:#929398;line-height:1.6;}
.workspace .row-actions {flex-wrap:wrap;justify-content:flex-end;}
.workspace .catalog-edit-row,.workspace .boss-edit-row {grid-template-columns:minmax(180px,1fr) minmax(0,2fr);}
.workspace .notice,.workspace-info {border:1px solid #4c412d;border-left:3px solid var(--accent);border-radius:9px;background:linear-gradient(100deg,#2a2419,#1d1b16);padding:15px 18px;color:#d3c4a8;font-size:13px;box-shadow:inset 0 1px #f8d98d0b;}
.workspace details > summary {cursor:pointer;font-weight:600;color:#c9bb9d;padding:7px 0;}
.workspace details[open] > summary {margin-bottom:12px;}
.workspace .result-box {max-height:none;overflow:auto;overflow-wrap:anywhere;border-radius:8px;}
.workspace-live {margin-bottom:24px;}
.workspace-live-heading {border-left:3px solid var(--accent);padding-left:16px;margin-bottom:18px;}
.workspace .live-game {font-size:11px;letter-spacing:.12em;color:var(--accent);}
.workspace .live-boss {font:600 22px/1.4 var(--sans);text-transform:none;margin:4px 0;}
.workspace .quick-stats {grid-template-columns:repeat(4,1fr);gap:12px;}
.workspace .quick-stat {position:relative;overflow:hidden;text-align:left;border:1px solid #443a28;border-radius:11px;background:linear-gradient(135deg,#29251d,#191815);padding:18px;display:flex;flex-direction:column-reverse;gap:8px;box-shadow:inset 0 1px #f7dda214,0 8px 24px #0002;}
.workspace .quick-stat::after {content:'';position:absolute;inset:0 auto 0 0;width:2px;background:linear-gradient(transparent,var(--accent),transparent);opacity:.75;}
.workspace .quick-stat strong {font:650 30px/1.2 var(--sans);font-variant-numeric:tabular-nums;color:#f2e7d3;}
.workspace .quick-stat span {font:500 11px/1.5 var(--sans);letter-spacing:0;text-transform:none;color:#ab9f8d;}
.workspace-controls {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;align-items:start;}
.workspace-card {padding:22px;border:1px solid #403727;border-radius:12px;background:linear-gradient(145deg,#211e18,#181816);margin-bottom:20px;box-shadow:inset 0 1px #f8dda10b,0 10px 28px #0002;}
.workspace-controls .workspace-card {margin:0;}
.workspace-controls .action-stack {grid-template-columns:repeat(2,minmax(0,1fr));}
.workspace .control-hint {font-size:12px;}
.workspace .api-row {grid-template-columns:65px minmax(0,1fr) minmax(0,1fr) auto;border-radius:8px;}
.workspace .endpoint {overflow-wrap:anywhere;}
.workspace [data-panel=account]>.panel {max-width:none;margin:0 0 20px;padding:22px;border:1px solid #403727;border-radius:12px;background:linear-gradient(145deg,#211e18,#181816);box-shadow:inset 0 1px #f8dda10b;}
.workspace .recognition-editor {margin:0;min-width:0;}
.workspace .recognition-editor canvas {max-width:100%;}
@media(max-width:1050px){.workspace{padding:20px 20px 40px 96px}.workspace .main-panel{padding:22px}.workspace .catalog-edit-row,.workspace .boss-edit-row{grid-template-columns:1fr}.workspace .row-actions{justify-content:flex-start}}
@media(max-width:650px){.workspace{padding:16px 10px 32px 70px}.workspace .nav-tabs{width:58px;padding:18px 6px;gap:5px}.workspace .nav-tabs::before{font-size:11px;margin-bottom:16px}.workspace .nav-tabs .btn{width:42px;height:42px;padding:10px}.workspace .main-panel{padding:16px 12px;border-radius:12px}.workspace .brand h1{font-size:14px}.workspace .brand-mark{display:none}.workspace .connection{font-size:10px}.workspace .control-header{gap:8px;flex-wrap:wrap}.workspace .panel-title h2{font-size:23px}.workspace .quick-stats{grid-template-columns:repeat(2,1fr)}.workspace .quick-stat{padding:12px}.workspace-controls{grid-template-columns:1fr}.workspace-card{padding:15px}.workspace .form-grid{grid-template-columns:1fr}.workspace-subtab{padding:9px;font-size:12px}.workspace .api-row{grid-template-columns:45px minmax(0,1fr)}.workspace .api-desc{grid-column:1/-1}.workspace .form-actions{flex-wrap:wrap}.workspace .data-row{grid-template-columns:1fr}.workspace .panel-title{align-items:flex-start}.workspace .game-run-picker{grid-template-columns:1fr}}
@media(max-height:700px) and (min-width:651px){.workspace .nav-tabs{gap:3px;padding-top:10px}.workspace .nav-tabs::before{margin-bottom:7px}.workspace .nav-tabs .btn{height:42px;width:42px}}
.workspace .ornate-frame {clip-path:none;}
.workspace .workspace-controls .workspace-card:last-child {grid-column:2;grid-row:1 / span 2;}
.workspace .workspace-controls .workspace-card:nth-child(2) {grid-column:1;}
.workspace .workspace-controls .workspace-card:nth-child(3) {grid-column:1 / -1;}
@media(max-width:650px){.workspace .workspace-controls .workspace-card:last-child,.workspace .workspace-controls .workspace-card:nth-child(2),.workspace .workspace-controls .workspace-card:nth-child(3){grid-column:auto;grid-row:auto}}
.workspace-fieldset {border:1px solid #443a29;border-radius:10px;padding:18px;min-width:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px 20px;grid-column:1/-1;background:#1d1a15;}
.workspace-fieldset legend {padding:0 8px;font-weight:600;color:#d6b873;}
.workspace .twitch-gate,.workspace .integration-card,.workspace .mos-section {border-radius:12px;border-color:#443a29;background:linear-gradient(145deg,#211e18,#181816);}
.workspace .twitch-gate h2,.workspace .integration-heading h2,.workspace .mos-heading h2 {font:650 27px/1.3 var(--sans);text-transform:none;letter-spacing:-.03em;}
.workspace .mos-tabs button[aria-selected=true] {box-shadow:inset 0 2px 4px #0005;}
.workspace .panel-view {min-width:0;}
.workspace .connection.online {color:#b9caa9;}
.workspace .connection.online .connection-dot {background:#9fbd88;box-shadow:0 0 10px #9fbd8873;}
@media(max-width:650px){.workspace-fieldset{grid-template-columns:1fr;padding:12px}.workspace :is(.data-row,.integration-card,.mos-section,fieldset){min-width:0}.workspace .row-actions input{max-width:90px}.workspace p,.workspace code{overflow-wrap:anywhere}}
@media(max-height:550px){.workspace .nav-tabs{overflow-y:auto}.workspace .workspace-tooltip{display:none!important}}
.workspace-context {display:flex;align-items:center;gap:20px;margin:0 0 18px;padding:14px 18px;border:1px solid #403727;border-radius:10px;background:linear-gradient(110deg,#211e18,#181816);box-shadow:inset 0 1px #f5d7960a;}
.workspace-context .field {margin:0;width:min(100%,420px);}
.workspace-context select {width:100%;}