/* Standalone admin surface; scoped to keep the player inventory and service views unchanged. */
.ad-backdrop { position:fixed; inset:0; z-index:9990; background:rgba(8,10,13,.8); }
.ad-backdrop[hidden] { display:none; }
body.du-admin-active #app { visibility:hidden; pointer-events:none; }
#invAdmin.ia-workspace { --ad-text:#eeeae3; --ad-muted:#989bA4; --ad-accent:#d9c5a0; position:fixed; inset:auto; left:50%; top:50%; transform:translate(-50%,-50%); width:min(1380px,calc(100vw - 48px)); height:min(850px,calc(100vh - 48px)); max-height:none; min-width:0; padding:0; z-index:10000; border:1px solid #3c3e43; border-radius:16px; background:#191b20; color:var(--ad-text); box-shadow:0 24px 100px #0008; overflow:hidden; font:13px/1.45 'Inter',Arial,sans-serif; letter-spacing:0; transition:opacity .15s; }
#invAdmin.ia-workspace.is-open { opacity:1; pointer-events:auto; }
#invAdmin.ia-workspace [hidden] { display:none!important; }
#invAdmin.ia-workspace * { box-sizing:border-box; }
#invAdmin.ia-workspace h1,#invAdmin.ia-workspace h2,#invAdmin.ia-workspace p { margin:0; }
#invAdmin.ia-workspace button,#invAdmin.ia-workspace input,#invAdmin.ia-workspace textarea,#invAdmin.ia-workspace select { font:inherit; }
#invAdmin.ia-workspace button { cursor:pointer; }
#invAdmin.ia-workspace button:disabled { opacity:.35; cursor:not-allowed; }
#invAdmin.ia-workspace :is(button,input,textarea,select,summary):focus-visible { outline:2px solid var(--ad-accent); outline-offset:3px; }
#invAdmin.ia-workspace :is(input,textarea,select) { color:var(--ad-text); background:#202229; border:1px solid #393c45; border-radius:8px; padding:10px 12px; min-width:0; outline:none; color-scheme:dark; }
#invAdmin.ia-workspace input::placeholder,#invAdmin.ia-workspace textarea::placeholder { color:#878b97; }
#invAdmin.ia-workspace input:focus,#invAdmin.ia-workspace textarea:focus { border-color:#b6a486; }
#invAdmin.ia-workspace ::-webkit-scrollbar { width:5px; height:5px; }
#invAdmin.ia-workspace ::-webkit-scrollbar-thumb { background:#454952; border-radius:10px; }
#invAdmin .ad-top { display:flex; align-items:center; gap:24px; height:76px; flex:none; padding:0 26px; border-bottom:1px solid #30333b; background:#1b1d23; }
#invAdmin .ad-brand { display:flex; align-items:center; gap:12px; font-size:25px; font-weight:800; letter-spacing:-1px; min-width:167px; }
#invAdmin .ad-brand>span { font-weight:300; color:var(--ad-accent); }
#invAdmin .ad-brand div { display:flex; flex-direction:column; gap:2px; letter-spacing:0; }
#invAdmin .ad-brand strong { font-size:16px; font-weight:600; }
#invAdmin .ad-brand div span { font-size:8px; letter-spacing:2px; color:var(--ad-muted); font-weight:500; }
#invAdmin .ad-top-context { color:var(--ad-muted); font-size:12px; }
#invAdmin .ad-operator { margin-left:auto; font-size:12px; color:#b9bcc5; }
#invAdmin .ad-icon { display:grid; place-items:center; width:34px; height:34px; border:1px solid #3b3e47; border-radius:8px; background:transparent; color:#c4c6cd; font-size:22px; }
#invAdmin .ad-icon:hover { background:#33363f; }
#invAdmin .ad-layout { flex:1; min-height:0; display:grid; grid-template-columns:208px minmax(0,1fr); }
#invAdmin .ad-nav { padding:26px 14px 20px; display:flex; flex-direction:column; gap:7px; background:#17191e; border-right:1px solid #30333b; }
#invAdmin .ad-eyebrow { color:var(--ad-muted); letter-spacing:1.9px; font-size:9px; font-weight:600; }
#invAdmin .ad-nav>.ad-eyebrow { padding:0 12px 14px; }
#invAdmin .ad-nav>button { padding:13px 12px; display:flex; align-items:center; gap:14px; background:none; border:1px solid transparent; border-radius:8px; color:#a9aeb9; text-align:left; font-size:12px; font-weight:500; }
#invAdmin .ad-nav>button>span { font-size:10px; color:#686e7b; font-variant-numeric:tabular-nums; }
#invAdmin .ad-nav>button:hover { background:#24272e; color:#f2eee8; }
#invAdmin .ad-nav>button[aria-current="true"] { background:#d9c5a012; border-color:#d9c5a02a; color:#e4d2b0; }
#invAdmin .ad-nav>button[aria-current="true"]>span { color:#c6b594; }
#invAdmin .ad-nav-foot { margin-top:auto; padding:18px 12px 0; font-size:9px; letter-spacing:1px; color:#8e949e; }
#invAdmin .ad-nav-foot i { display:inline-block; height:5px; width:5px; background:#8cae91; border-radius:50%; margin-right:6px; }
#invAdmin .ad-version { display:block; padding-top:8px; font-size:10px; color:#626a79; letter-spacing:0; }
#invAdmin .ad-main { display:flex; flex-direction:column; min-width:0; min-height:0; padding:26px 28px 0; }
#invAdmin .ad-page-head { display:flex; align-items:center; justify-content:space-between; gap:14px; margin-bottom:20px; flex:none; }
#invAdmin .ad-page-head h1 { font-size:28px; font-weight:600; letter-spacing:-.9px; margin:5px 0 4px; }
#invAdmin .ad-page-head p { color:var(--ad-muted); font-size:12px; }
#invAdmin .ad-button { flex-shrink:0; display:inline-flex; align-items:center; justify-content:center; gap:6px; padding:9px 12px; background:#2a2d35; border:1px solid #3c404b; border-radius:7px; color:#d7d8df; font-size:11px; font-weight:500; white-space:nowrap; transition:background .12s; }
#invAdmin .ad-button:hover:not(:disabled) { background:#393d47; border-color:#575d6c; }
#invAdmin .ad-button.ad-primary { background:var(--ad-accent); border-color:var(--ad-accent); color:#24211c; font-weight:600; }
#invAdmin .ad-button.ad-primary:hover:not(:disabled) { background:#eddbb9; border-color:#eddbb9; }
#invAdmin .ad-stats { display:grid; grid-template-columns:repeat(3,1fr); border:1px solid #343740; border-radius:10px; margin-bottom:22px; flex:none; background:#1e2027; }
#invAdmin .ad-stats>div { padding:13px 18px; display:flex; justify-content:space-between; align-items:center; gap:10px; border-right:1px solid #343740; }
#invAdmin .ad-stats>div:last-child { border-right:0; }
#invAdmin .ad-stats span { color:#a2a7b2; font-size:11px; }
#invAdmin .ad-stats strong { font-size:21px; font-weight:500; font-variant-numeric:tabular-nums; color:#e4d4b7; }
#invAdmin .ad-pane { flex:1; min-height:0; min-width:0; }
#invAdmin [data-ad-pane="inspect"] { display:grid; grid-template-columns:238px minmax(0,1fr); gap:18px; }
#invAdmin .ad-entity-panel { display:flex; flex-direction:column; gap:10px; min-height:0; min-width:0; }
#invAdmin .ad-search { display:flex; align-items:center; gap:6px; border:1px solid #393c45; background:#202229; border-radius:8px; padding-left:12px; min-width:0; }
#invAdmin .ad-search>span { font-size:23px; color:#9399a5; line-height:1; }
#invAdmin .ad-search input { border:0; background:transparent; width:100%; padding-left:3px; box-shadow:none; font-size:11px; }
#invAdmin .ad-search:focus-within { border-color:#b6a486; }
#invAdmin .ad-entities { flex:1; min-height:0; overflow:auto; padding-right:3px; }
#invAdmin .ad-entity { display:flex; gap:10px; align-items:center; width:100%; padding:12px 10px; margin-bottom:6px; border:1px solid transparent; border-radius:9px; background:#21232a; color:var(--ad-text); text-align:left; }
#invAdmin .ad-entity:hover { background:#2b2e37; }
#invAdmin .ad-entity.is-selected { border-color:#9d8b6b; background:#d9c5a00c; }
#invAdmin .ad-avatar { width:32px; height:35px; flex:none; display:grid; place-items:center; border:1px solid #42444c; background:#2c2e37; color:#b7bbC7; border-radius:7px; font-size:10px; }
#invAdmin .ad-entity.is-selected .ad-avatar { color:#e0c99e; background:#d9c5a012; border-color:#76694f; }
#invAdmin .ad-entity>span:nth-child(2) { min-width:0; flex:1; }
#invAdmin .ad-entity strong,#invAdmin .ad-entity small { display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
#invAdmin .ad-entity strong { font-size:12px; font-weight:500; }
#invAdmin .ad-entity small { color:#949aa7; font-size:10px; margin-top:3px; }
#invAdmin .ad-entity-arrow { color:#7d8492; }
#invAdmin .ad-inspector { min-width:0; min-height:0; border:1px solid #353943; border-radius:11px; background:#1e2027; overflow:hidden; display:flex; }
#invAdmin .ad-inspector-empty { margin:auto; text-align:center; padding:30px; color:var(--ad-muted); }
#invAdmin .ad-inspector-empty>span { display:block; font-size:36px; color:#d9c5a0; margin-bottom:15px; }
#invAdmin .ad-inspector-empty h2 { font-size:17px; color:#d6d7dc; margin-bottom:8px; font-weight:500; }
#invAdmin .ad-inspector-empty p { font-size:12px; }
#invAdmin .ad-inspector-content { display:flex; flex-direction:column; min-height:0; width:100%; }
#invAdmin .ad-target-head { display:flex; align-items:center; justify-content:space-between; padding:19px 20px 12px; gap:10px; }
#invAdmin .ad-target-head>div { min-width:0; }
#invAdmin .ad-target-name { font-size:18px; font-weight:500; margin:4px 0!important; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
#invAdmin .ad-target-id { display:block; max-width:100%; overflow:hidden; text-overflow:ellipsis; font-size:10px; color:#848c9c; }
#invAdmin .ad-target-mode { flex:none; font-size:9px; background:#8daf9320; color:#a9c2ae; border:1px solid #8daf9333; padding:5px 8px; border-radius:5px; }
#invAdmin .ad-target-mode.is-readonly { color:#c4b28f; background:#c4b28f10; border-color:#c4b28f30; }
#invAdmin .ad-target-stats { display:flex; gap:18px; padding:0 20px 17px; color:#8e96a5; font-size:10px; }
#invAdmin .ad-target-stats strong { color:#d5d6dc; font-weight:500; }
#invAdmin .ad-item-toolbar { display:flex; gap:7px; padding:12px; border-block:1px solid #30343f; background:#23262e; }
#invAdmin .ad-item-toolbar input { flex:1; min-width:55px; font-size:10px; padding:8px; }
#invAdmin .ad-item-toolbar .ad-button { font-size:10px; padding:7px 9px; }
#invAdmin .ad-target-note { font-size:11px; color:#c4b18c; padding:10px 16px; }
#invAdmin .ad-target-note:empty { display:none; }
#invAdmin .ad-inventory-list { flex:1; overflow:auto; min-height:0; }
#invAdmin .ad-inv-columns,#invAdmin .ad-inv-row { display:grid; grid-template-columns:minmax(130px,1fr) 44px 58px 66px; gap:10px; align-items:center; padding:9px 18px; }
#invAdmin .ad-inv-columns { position:sticky; top:0; z-index:1; background:#1e2027; color:#798292; font-size:9px; letter-spacing:.4px; border-bottom:1px solid #2b303b; }
#invAdmin .ad-inv-row { width:100%; text-align:left; color:#a9b0bc; border:0; border-bottom:1px solid #2b303b; background:transparent; font-size:11px; }
#invAdmin .ad-inv-row:hover { background:#2a2e37; }
#invAdmin .ad-inv-row>span:first-child { display:flex; gap:12px; align-items:center; min-width:0; }
#invAdmin .ad-inv-row>span:first-child>span { min-width:0; }
#invAdmin .ad-inv-row strong { display:block; color:#dddde2; font-size:11px; font-weight:500; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
#invAdmin .ad-inv-row small { display:block; font-size:9px; color:#798292; overflow:hidden; text-overflow:ellipsis; }
#invAdmin .ad-item-art { display:block; width:39px; height:39px; flex:none; background-position:center; background-repeat:no-repeat; background-size:contain; }
#invAdmin .ad-item-art.no-image { border:1px dashed #535b6a; border-radius:8px; background:#383e4850; }
#invAdmin .ad-inspector-foot { flex:none; padding:10px 16px; color:#818997; font-size:9px; border-top:1px solid #30343f; }
#invAdmin .ad-status { height:40px; display:flex; align-items:center; flex:none; color:#949dab; font-size:10px; }
#invAdmin .ad-status.is-error { color:#e6a89e; }
#invAdmin .ad-empty-message { padding:25px 14px; color:#8f98a7; font-size:12px; }
#invAdmin [data-ad-pane="catalog"],#invAdmin [data-ad-pane="logs"] { display:flex; flex-direction:column; }
#invAdmin .ad-catalog-toolbar { display:flex; align-items:center; gap:12px; margin-bottom:16px; flex:none; }
#invAdmin .ad-catalog-toolbar .ad-search { flex:1; }
#invAdmin .ad-catalog-toolbar select { font-size:11px; }
#invAdmin .ad-catalog-target { font-size:10px; color:#b8aa90; max-width:230px; }
#invAdmin .ad-catalog-grid { flex:1; min-height:0; overflow:auto; display:grid; grid-template-columns:repeat(auto-fill,minmax(155px,1fr)); gap:12px; align-content:start; padding:2px 5px 5px 2px; }
#invAdmin .ad-catalog-item { display:flex; flex-direction:column; position:relative; min-width:0; border:1px solid #383d48; border-radius:10px; padding:14px; background:#22252d; color:#eeeae3; text-align:left; }
#invAdmin .ad-catalog-item:hover { border-color:#a48f68; background:#292c35; }
#invAdmin .ad-catalog-item .ad-item-art { width:100%; height:75px; margin:4px 0 18px; background-size:contain; }
#invAdmin .ad-catalog-item>small { color:#b1a183; font-size:9px; }
#invAdmin .ad-catalog-item>strong { font-size:13px; font-weight:500; margin:5px 0 2px; overflow:hidden; white-space:normal; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; line-height:18px; min-height:36px; }
#invAdmin .ad-catalog-item>span:not(.ad-item-art) { font-size:9px; color:#848e9f; overflow:hidden; text-overflow:ellipsis; }
#invAdmin .ad-catalog-item footer { border-top:1px solid #363c47; margin-top:14px; padding-top:10px; display:flex; justify-content:space-between; gap:4px; font-size:9px; color:#959eae; }
#invAdmin .ad-catalog-item footer b { color:#d9c5a0; font-weight:500; }
#invAdmin .ad-pagination { display:flex; align-items:center; justify-content:space-between; gap:12px; padding-top:12px; flex:none; font-size:10px; color:#8d98aa; }
#invAdmin .ad-log-tools { display:grid; grid-template-columns:1fr 1fr 1fr auto; gap:10px; padding-bottom:15px; }
#invAdmin .ad-log-tools :is(input,select) { width:100%; font-size:11px; }
#invAdmin .ad-log-results { flex:1; overflow:auto; border:1px solid #353b47; border-radius:9px; }
#invAdmin .ad-log-head,#invAdmin .ad-log-row { display:grid; grid-template-columns:130px 115px minmax(80px,1fr) 35px minmax(140px,2fr); gap:12px; padding:12px 16px; align-items:start; font-size:10px; }
#invAdmin .ad-log-head { position:sticky; top:0; background:#272b34; color:#acb4c3; }
#invAdmin .ad-log-row { border-bottom:1px solid #2e3540; color:#a0aabb; }
#invAdmin .ad-log-row>span { overflow-wrap:anywhere; }
#invAdmin .ad-log-badge { color:#d9c5a0; }
#invAdmin .ad-settings { overflow:auto; display:grid; grid-template-columns:minmax(0,1.15fr) minmax(0,1fr); align-content:start; gap:16px; padding:0 4px 4px 0; }
#invAdmin .ad-setting-card { padding:22px; background:#21242c; border:1px solid #363d48; border-radius:11px; min-width:0; }
#invAdmin .ad-setting-card h2 { font-size:18px; font-weight:500; margin:5px 0 16px; }
#invAdmin .ad-setting-card .ia-pane { display:block; }
#invAdmin .ad-setting-card .ia-pane>p { color:#a3acba; font-size:11px; margin-bottom:18px; line-height:1.6; }
#invAdmin .ad-setting-card .btn { color:#dedfe5; background:#2d323d; border-color:#474f60; font-size:10px; border-radius:6px; }
#invAdmin .ad-setting-card .btn.primary { color:#25221c; background:#d9c5a0; border-color:#d9c5a0; }
#invAdmin .ad-setting-card .ia-row { font-size:11px; color:#acb5c5; }
#invAdmin .ad-setting-card input[type="color"] { height:30px; width:44px; border:1px solid #465065; padding:2px; border-radius:6px; }
#invAdmin .ad-setting-card .invadmin-colors { gap:12px; }
#invAdmin .ad-setting-card .invadmin-json { margin:0 0 14px; background:#191d25; color:#aab4c5; font-size:10px; max-height:130px; }
#invAdmin .ad-section-head { display:flex; align-items:center; justify-content:space-between; gap:12px; }
#invAdmin .ad-system { grid-column:1/-1; }
#invAdmin .ad-modules { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:8px; }
#invAdmin .ad-modules>span { display:flex; align-items:center; gap:8px; padding:9px; border:1px solid #343e4b; color:#aab4c4; font-size:10px; border-radius:6px; }
#invAdmin .ad-modules i { width:5px; height:5px; border-radius:50%; background:#8e7771; }
#invAdmin .ad-modules .is-on i { background:#99b69e; }
#invAdmin .ad-modules small { color:#69798e; margin-left:auto; }
#invAdmin .ad-check-summary { display:flex; gap:18px; margin-top:18px; color:#b5c2d3; font-size:11px; }
#invAdmin .ad-health-result p { color:#a6b2c4; font-size:11px; margin-top:6px; }
#invAdmin .ad-modal-layer { position:absolute; inset:0; z-index:10; display:grid; place-items:center; padding:20px; background:#0c0e14dc; }
#invAdmin .ad-modal { display:flex; flex-direction:column; max-height:100%; width:min(480px,100%); background:#23262e; border:1px solid #525762; border-radius:13px; box-shadow:0 20px 80px #0008; overflow:hidden; }
#invAdmin .ad-modal>header { padding:22px; border-bottom:1px solid #3b414e; display:flex; justify-content:space-between; gap:10px; }
#invAdmin .ad-modal h2 { font-size:20px; font-weight:500; margin-top:4px; }
#invAdmin .ad-modal-body { overflow:auto; padding:22px; min-height:0; }
#invAdmin .ad-modal>footer { display:flex; flex-wrap:wrap; gap:10px; justify-content:flex-end; border-top:1px solid #3b414e; padding:16px 22px; }
#invAdmin .ad-modal-status { flex-basis:100%; color:#e1b59e; font-size:11px; }
#invAdmin .ad-modal-status:empty { display:none; }
#invAdmin .ad-dialog-item { display:flex; gap:16px; align-items:center; margin-bottom:16px; }
#invAdmin .ad-dialog-item i { height:57px; width:57px; }
#invAdmin .ad-dialog-item>div { min-width:0; }
#invAdmin .ad-dialog-item :is(strong,span,small) { display:block; overflow-wrap:anywhere; }
#invAdmin .ad-dialog-item strong { font-size:14px; font-weight:500; }
#invAdmin .ad-dialog-item span { font-size:11px; color:#acb5c4; margin:4px 0; }
#invAdmin .ad-dialog-item small { font-size:10px; color:#8e9aaf; }
#invAdmin .ad-dialog-note { color:#9ba6b7; font-size:11px; line-height:1.65; margin:12px 0!important; }
#invAdmin .ad-action-tabs { display:flex; gap:8px; margin:18px 0; }
#invAdmin .ad-action-tabs .is-on { border-color:#b49e78; color:#e0cda8; background:#d9c5a012; }
#invAdmin .ad-field { display:flex; flex-direction:column; gap:8px; color:#c0c7d4; font-size:11px; margin:16px 0; }
#invAdmin .ad-field input,#invAdmin .ad-field select,#invAdmin .ad-field textarea { width:100%; font-size:13px; }
#invAdmin .ad-field textarea { resize:vertical; min-height:65px; }
#invAdmin .ad-metadata { font-size:10px; color:#8e9bb0; padding-top:15px; border-top:1px solid #3b414e; margin-top:20px; }
#invAdmin .ad-metadata summary { cursor:pointer; }
#invAdmin .ad-metadata pre { overflow-wrap:anywhere; white-space:pre-wrap; max-height:150px; overflow:auto; }
@media(max-height:780px) { #invAdmin .ad-top { height:60px; } #invAdmin .ad-main { padding-top:18px; } #invAdmin .ad-page-head { margin-bottom:12px; } #invAdmin .ad-page-head h1 { font-size:24px; } #invAdmin .ad-stats { margin-bottom:16px; } #invAdmin .ad-stats>div { padding:10px 14px; } }
@media(max-width:1200px) { #invAdmin .ad-layout { grid-template-columns:170px minmax(0,1fr); } #invAdmin .ad-main { padding-inline:18px; } #invAdmin [data-ad-pane="inspect"] { grid-template-columns:200px minmax(0,1fr); gap:12px; } #invAdmin .ad-nav { padding-inline:8px; } #invAdmin .ad-nav>button { font-size:11px; gap:9px; } #invAdmin .ad-item-toolbar { flex-wrap:wrap; } #invAdmin .ad-item-toolbar input { flex-basis:100%; } #invAdmin .ad-catalog-target { max-width:150px; } #invAdmin .ad-log-head,#invAdmin .ad-log-row { grid-template-columns:105px 100px minmax(70px,1fr) 30px minmax(100px,1.5fr); } }
@media(max-width:900px) { #invAdmin.ia-workspace { width:calc(100vw - 20px); height:calc(100vh - 20px); } #invAdmin .ad-layout { grid-template-columns:135px minmax(0,1fr); } #invAdmin .ad-nav>button>span { display:none; } #invAdmin .ad-nav>.ad-eyebrow { letter-spacing:.8px; font-size:8px; } #invAdmin .ad-main { padding-inline:12px; } #invAdmin [data-ad-pane="inspect"] { grid-template-columns:160px minmax(0,1fr); gap:10px; } #invAdmin .ad-top-context { display:none; } #invAdmin .ad-entity .ad-avatar { display:none; } #invAdmin .ad-stats span { font-size:9px; } #invAdmin .ad-stats>div { padding:10px; } #invAdmin .ad-inv-columns,#invAdmin .ad-inv-row { grid-template-columns:minmax(90px,1fr) 30px 40px 44px; gap:7px; padding-inline:10px; } #invAdmin .ad-target-mode { display:none; } #invAdmin .ad-target-stats { gap:8px; padding-inline:12px; flex-wrap:wrap; } #invAdmin .ad-target-head { padding:12px; } #invAdmin .ad-catalog-target { display:none; } #invAdmin .ad-log-tools { grid-template-columns:1fr 1fr; } #invAdmin .ad-log-head,#invAdmin .ad-log-row { min-width:600px; } #invAdmin .ad-settings { grid-template-columns:1fr; } #invAdmin .ad-system { grid-column:auto; } #invAdmin .ad-modules { grid-template-columns:repeat(2,minmax(0,1fr)); } }