/* Chrome shared by administration, reference and operations screens (body.xg-unified). */
:root{
  --xg-bg:#070911;
  --xg-bg2:rgba(8,14,30,0.72);
  --xg-panel:rgba(11,20,42,0.56);
  --xg-panel2:rgba(15,27,54,0.68);
  --xg-line:rgba(188,226,237,0.16);
  --xg-line2:rgba(188,226,237,0.28);
  --xg-text:#f2f7ff;
  --xg-text2:#a9bedc;
  --xg-dim:#7e96b8;
  --xg-accent:#64f4d4;
  --xg-accent2:#5ad2f4;
  --xg-accent-bg:rgba(100,244,212,0.14);
  --xg-r:16px;
  --xg-content-max:1480px;
  --xg-shadow:0 18px 44px rgba(2,5,16,0.50),inset 0 1px 0 rgba(255,255,255,0.08);
}

body.xg-unified{
  margin:0!important;
  color:var(--xg-text)!important;
  background:
    radial-gradient(ellipse at 50% 53%,#14263842,transparent 46%),
    radial-gradient(ellipse at 62% 90%,#352a4c30,transparent 52%),
    #070911!important;
  font-family:Inter,-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif!important;
  font-size:13px;
  line-height:1.6;
  --bg:var(--xg-bg);
  --surface:var(--xg-panel);
  --raised:var(--xg-panel2);
  --ink:var(--xg-text);
  --muted:var(--xg-text2);
  --line:var(--xg-line);
  --nav:var(--xg-bg2);
  --teal:var(--xg-accent);
  --teal-soft:var(--xg-accent-bg);
}
#background-sky{position:fixed;inset:0;width:100%;height:100%;pointer-events:none;z-index:0;display:block}
body.xg-reference{--muted:#ffffff08}
body.xg-unified [data-xg-legacy-chrome],body.xg-unified #xinghe-workbench-entries{display:none!important}

.xg-shell{position:relative;z-index:35;font:14px/1.55 Inter,-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif;color:#eef4ff}
.xg-shell *{box-sizing:border-box}
.xg-shell a{color:inherit;text-decoration:none}
.xg-shell button{font:inherit;cursor:pointer;color:inherit}
.xg-shell svg.icon{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}
.xg-shell .sidebar{position:fixed;inset:0 auto 0 0;width:232px;display:flex;flex-direction:column;background:rgba(7,12,26,0.88);border:0;border-right:1px solid var(--xg-line);padding:26px 18px 0;z-index:35;overflow:auto}
.xg-shell .brand{display:flex;align-items:center;gap:11px;white-space:nowrap;padding:0 7px;margin-bottom:26px}
.xg-shell .brand>span{font-size:20px;font-weight:600;letter-spacing:.04em}
.xg-shell .brand small{display:block;font-size:9px;letter-spacing:.19em;color:#91a5bf;font-weight:500;margin-top:2px}
.xg-shell .workspace-label{display:flex;align-items:center;gap:10px;background:rgba(14,25,50,0.58);border:1px solid var(--xg-line);padding:10px;border-radius:11px;font-size:12px;margin:0 4px 20px;color:#d6e3f2;box-shadow:inset 0 1px 0 rgba(255,255,255,0.06)}
.xg-shell .workspace-label small{display:block;color:#92a8bf;font-size:10px;margin-top:3px}
.xg-shell .workspace-avatar{display:grid;place-items:center;width:30px;height:30px;border-radius:8px;background:rgba(100,244,212,0.14);color:#96f5e6;border:1px solid rgba(100,244,212,0.30)}
.xg-shell .tiny-star{color:#7fd9e9;margin-left:auto}
.xg-shell .nav-section{font-size:10px;letter-spacing:.12em;color:#8294ad;padding:9px 14px;margin:20px 0 8px;text-transform:uppercase}
.xg-shell .nav-link{display:flex;align-items:center;gap:11px;padding:9px 14px;margin:3px 0;min-height:40px;border-radius:9px;border:1px solid transparent;color:#aab8cc;font-size:13px;position:relative;transition:background .15s,color .15s,border-color .15s}
.xg-shell .nav-link>span{font:inherit}
.xg-shell .nav-link .icon{width:17px;height:17px;color:#7e94ac}
.xg-shell .nav-link:hover{background:rgba(148,182,235,0.09);color:#eef4ff}
.xg-shell .nav-link.active{background:linear-gradient(90deg,rgba(100,244,212,0.18),rgba(90,210,244,0.06));border-color:rgba(100,244,212,0.34);box-shadow:inset 2px 0 0 var(--xg-accent);color:#e4fcf8}
.xg-shell .nav-link.active .icon{color:var(--xg-accent)}
.xg-shell .sidebar-bottom{margin-top:auto;padding-top:20px}
.xg-shell .profile{border-top:1px solid var(--xg-line);display:flex;align-items:center;gap:10px;padding:16px 3px;color:var(--xg-text)}
.xg-shell .profile>span{width:33px;height:33px;border-radius:10px;background:rgba(100,244,212,0.15);border:1px solid rgba(100,244,212,0.28);display:grid;place-items:center;font-size:12px;color:#99f5e6}
.xg-shell .profile strong{font-size:12px;font-weight:500;display:block;max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.xg-shell .profile small{font-size:10px;color:#8ea4bc}
.xg-shell .profile .icon-button{margin-left:auto}
.xg-shell .topbar{position:fixed;top:0;left:232px;right:0;width:auto;height:74px;padding:0 38px;border:0;border-bottom:1px solid var(--xg-line);display:flex;justify-content:space-between;align-items:center;background:rgba(7,12,26,0.86);z-index:34;max-width:none;margin:0}
.xg-shell .breadcrumb{display:flex;align-items:center;gap:14px;font-size:12px;color:#7f96ae}
.xg-shell .breadcrumb strong{font-weight:500;color:#e3eeff}
.xg-shell .topbar-actions{display:flex;align-items:center;gap:12px}
.xg-shell .connection{display:flex;align-items:center;gap:7px;color:#9cb2cf;font-size:11px;margin-right:4px;padding:4px 10px;border-radius:999px;background:rgba(14,25,50,0.55);border:1px solid var(--xg-line)}
.xg-shell .connection:before{content:"";width:6px;height:6px;border-radius:50%;background:#6f7993}
.xg-shell .connection.connected:before{background:#64f4d4;box-shadow:0 0 8px #64f4d4}
.xg-shell .connection.stale:before{background:#e8c792}
.xg-shell .icon-button{display:inline-flex;align-items:center;justify-content:center;background:transparent;border:1px solid transparent;border-radius:8px;width:32px;height:32px;color:#8da4bd;padding:0;transition:all .16s ease}
.xg-shell .icon-button:hover{background:rgba(100,244,212,0.12);color:#e2fcf7;border-color:var(--xg-line2)}
.xg-shell .menu-button{display:none}
.xg-shell .nav-backdrop{position:fixed;inset:0;background:rgba(3,7,25,0.72);z-index:34;border:0}
.xg-shell [hidden]{display:none!important}
.xg-shell .sidebar .nav-group{border:0;background:none;padding:0;margin:10px 0}
.xg-shell .sidebar .nav-group-title{list-style:none;cursor:pointer;color:#a3b5cb;font-size:12px;letter-spacing:.05em;padding:10px 14px;display:flex;justify-content:space-between;align-items:center}
.xg-shell .sidebar .nav-group-title::-webkit-details-marker{display:none}
.xg-shell .sidebar .nav-group-title:after{content:'⌄';font-size:12px}
.xg-shell .sidebar .nav-group[open]>.nav-group-title:after{content:'⌃'}
.xg-shell .sidebar .nav-group>.nav-link{font-size:12px}
.xg-shell .sidebar .nav-section-group{margin:0;padding:0;background:none;border:0}

/* Sub-page layout adapters (reference, ops, environment) */
.xg-shell .sidebar{scrollbar-width:thin;scrollbar-color:#2a3d52 transparent}
body.xg-ops,body.xg-environment{box-sizing:border-box;padding-left:232px!important}
body.xg-reference main[data-xg-content]:not(.xh-content),.xg-reference-root main:not(.xh-content){position:fixed;z-index:1;left:232px!important;top:74px!important;right:0!important;bottom:0!important;width:auto!important;min-width:0!important;max-width:none!important;overflow-x:hidden!important;overflow-y:auto!important;overscroll-behavior:contain;padding:0!important;transition:none!important;font-family:inherit!important}
body.xg-reference main[data-xg-content]:not(.xh-content)>div:first-child,.xg-reference-root main:not(.xh-content)>div:first-child{box-sizing:border-box;width:100%!important;max-width:var(--xg-content-max)!important;height:auto!important;min-height:100%!important;overflow:visible!important;margin-inline:auto!important;padding:28px 36px 42px!important}
body.xg-reference main[data-xg-content]:not(.xh-content) :is(.keep-alive-render,.keepalive-cache-div,[data-scroll-container]),.xg-reference-root main:not(.xh-content) :is(.keep-alive-render,.keepalive-cache-div,[data-scroll-container]){height:auto!important;overflow:visible!important}
body.xg-unified main[data-xg-content],body.xg-unified main[data-xg-content] .font-serif{font-family:Inter,-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif!important}
body.xg-unified main[data-xg-content] h1{font-size:30px!important;font-weight:650!important;letter-spacing:.01em!important;color:#f6faff!important;text-shadow:0 0 26px rgba(134,197,255,0.16)}
body.xg-reference .rf-glass-panel{--glass-tint:rgba(11,20,42,0.78)!important;--glass-edge:inset 0 0 0 1px rgba(188,226,237,0.18)!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;border-radius:16px!important;box-shadow:var(--xg-shadow)!important}
body.xg-reference :is(.liquid-bg,.liquid-blob,.rf-glass:after){display:none!important;filter:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;animation:none!important}
body.xg-reference :is(.backdrop-blur-md,.backdrop-blur-xl),body.xg-unified .xh-content :is(.btn,.callout,.ca-dashboard-meta),body.xg-unified dialog#modal{backdrop-filter:none!important;-webkit-backdrop-filter:none!important}

:root:has(body.xg-unified){--xh-bg:#070911;--xh-paper:rgba(10,18,38,0.78);--xh-panel:rgba(11,20,42,0.76);--xh-ink:#f2f7ff;--xh-muted:#94add0;--xh-line:rgba(188,226,237,0.16);--xh-soft:rgba(188,226,237,0.08);--xh-accent:#64f4d4;--xh-blue:#5ad2f4;--xh-shadow:var(--xg-shadow)}
body.xg-unified main.xh-content{position:relative;z-index:1;box-sizing:border-box;margin:0 auto!important;top:auto!important;left:auto!important;width:100%!important;max-width:var(--xg-content-max)!important;padding:102px 36px 42px!important;min-height:100vh}
body.xg-unified .xh-content :is(.page-heading,.pool-heading){margin-bottom:22px;align-items:flex-end;gap:18px}
body.xg-unified .xh-content :is(.page-heading h1,.pool-heading h1){font-size:30px!important;font-weight:650!important;letter-spacing:.01em!important;color:#f6faff!important;margin:0!important;text-shadow:0 0 26px rgba(134,197,255,0.16)}
body.xg-unified .xh-content :is(.page-heading p,.pool-heading p){color:var(--xg-text2)!important;font-size:13px!important;margin:6px 0 0!important;line-height:1.65}
body.xg-unified .xh-content .eyebrow{color:var(--xg-accent)!important;font-size:11px!important;font-weight:600!important;letter-spacing:.16em!important}
body.xg-unified .xh-content :is(.card,.card-muted,.xh-card,.panel,.stat-card,article,.table-wrap){background:linear-gradient(160deg,rgba(13,23,46,0.82) 0%,rgba(8,14,30,0.76) 100%)!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;border:1px solid var(--xg-line)!important;border-radius:16px!important;box-shadow:var(--xg-shadow)!important}
body.xg-unified .xh-content :is(.panel,.card,.xh-card) .table-wrap{background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important}
body.xg-unified .xh-content .summary-strip{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;background:transparent!important;border:0!important;padding:0!important}
body.xg-unified .xh-content .summary-item{padding:20px!important;background:linear-gradient(160deg,rgba(13,23,46,0.82) 0%,rgba(8,14,30,0.76) 100%)!important;border:1px solid var(--xg-line)!important;border-radius:16px!important}
body.xg-unified .xh-content .summary-item:after{display:none!important}
body.xg-unified .xh-content :is(.btn.primary,.btn-primary){background:linear-gradient(135deg,#4ef6dc 0%,#5ad2f4 100%)!important;color:#04121b!important;border-color:rgba(126,252,226,0.65)!important;font-weight:600!important;box-shadow:0 6px 20px rgba(78,246,220,0.22)!important}
body.xg-unified .xh-content :is(.panel-title,.data-table .main-text,.pool-row-title,.pool-metric strong,.pool-detail-list dd,.ca-empty h3,.empty h3,.profile-card-info b,.pool-account-binding .main-text,.deployment-target-head strong){color:var(--xg-text)!important}
body.xg-unified .xh-content :is(.panel-sub,.sub-text,.pool-metric>span,.pool-metric small,.pool-detail-list dt,.ca-empty p,.empty p,.pool-account-footnote,.profile-card-info small,.pool-oauth-settings>summary small){color:var(--xg-text2)!important}
body.xg-unified .xh-content :is(.oauth-profile-card,.deployment-target-card,.auto-deploy-section,.pool-oauth-settings){background:rgba(8,15,34,0.58)!important;border:1px solid var(--xg-line)!important;border-radius:14px!important}
body.xg-unified .xh-content .profile-icon{background:rgba(100,244,212,0.12)!important;border-color:rgba(100,244,212,0.28)!important;color:var(--xg-accent)!important}
body.xg-unified .xh-content .text-link{color:var(--xg-accent)!important}
body.xg-unified .xh-content .icon-btn{background:rgba(11,20,42,0.72)!important;border:1px solid var(--xg-line2)!important;color:var(--xg-text2)!important;border-radius:9px!important}
body.xg-unified .xh-content .icon-btn:hover{border-color:rgba(100,244,212,0.52)!important;color:#fff!important;background:rgba(18,35,70,0.9)!important}
body.xg-unified .xh-content .ai-tabs{background:rgba(8,15,34,0.68)!important;border:1px solid var(--xg-line)!important;border-radius:12px!important;padding:4px!important}
body.xg-unified .xh-content .ai-tabs button{color:var(--xg-text2)!important;border-radius:8px!important}
body.xg-unified .xh-content .ai-tabs button.active{background:var(--xg-accent-bg)!important;color:#e4fcf8!important;border:1px solid rgba(100,244,212,0.34)!important;box-shadow:none!important}
body.xg-unified .xh-content :is(.ai-note,.ai-config-panel,.ai-table-toolbar,.ai-empty,.ai-inbox-message){background:linear-gradient(160deg,rgba(13,23,46,0.82) 0%,rgba(8,14,30,0.76) 100%)!important;border:1px solid var(--xg-line)!important;border-radius:16px!important;color:var(--xg-text2)!important;box-shadow:var(--xg-shadow)!important}
body.xg-unified .xh-content :is(.ai-config-status,.ai-callback-info){background:rgba(7,13,28,0.58)!important;border:1px solid var(--xg-line)!important;border-radius:12px!important;color:var(--xg-text2)!important}
body.xg-unified .xh-content :is(.ai-note strong,.ai-config-status strong,.ai-callback-info strong,.ai-empty h3,.ai-inbox-head strong){color:var(--xg-text)!important}
body.xg-unified .xh-content .ai-checkbox-row{color:var(--xg-text)!important}
body.xg-unified .xh-content .settings-group-title{color:var(--xg-accent)!important}
body.xg-unified .xh-content .settings-entry{color:var(--xg-text2)!important;border-bottom-color:var(--xg-line)!important}
body.xg-unified .xh-content .settings-entry strong{color:var(--xg-text)!important}
body.xg-unified .xh-content .field label{color:var(--xg-text2)!important}
body.xg-unified .xh-content .help{color:var(--xg-dim)!important}
body.xg-unified .xh-content .model-filter-tabs{background:rgba(8,15,34,0.68)!important;border:1px solid var(--xg-line)!important;border-radius:11px!important;padding:4px!important}
body.xg-unified .xh-content .model-filter-tabs button{color:var(--xg-text2)!important;border-radius:8px!important}
body.xg-unified .xh-content .model-filter-tabs button.active{background:var(--xg-accent-bg)!important;color:#e4fcf8!important;box-shadow:inset 0 0 0 1px rgba(100,244,212,0.34)!important}
body.xg-unified .xh-content .model-mark{background:rgba(14,25,50,0.72)!important;border-color:var(--xg-line2)!important;color:var(--xg-accent)!important}
body.xg-unified .xh-content .switch{background:rgba(14,25,50,0.82)!important;border:1px solid var(--xg-line2)!important}
body.xg-unified .xh-content .switch.on{background:linear-gradient(135deg,#4ef6dc,#5ad2f4)!important;border-color:transparent!important}
body.xg-unified .xh-content .switch.on::after{background:#04121b!important}
body.xg-unified .xh-content .balance-card{background:linear-gradient(145deg,rgba(14,28,56,0.92),rgba(9,18,38,0.86))!important;border:1px solid rgba(100,244,212,0.28)!important;border-radius:16px!important;color:var(--xg-text)!important;box-shadow:var(--xg-shadow)!important}
body.xg-unified .xh-content .balance-label{color:var(--xg-accent)!important}
body.xg-unified .xh-content .balance-value{color:#f6faff!important}
body.xg-unified .xh-content .balance-foot{border-top-color:var(--xg-line)!important;color:var(--xg-text2)!important}
body.xg-unified .xh-content .redeem-card .panel-head{border-bottom-color:var(--xg-line)!important}
body.xg-unified .xh-content .redeem-body p{color:var(--xg-text2)!important}
body.xg-unified .xh-content .playground{min-height:calc(100vh - 230px)!important}
body.xg-unified .xh-content .playground-config .panel-head,body.xg-unified .xh-content .chat-head{border-bottom-color:var(--xg-line)!important}
body.xg-unified .xh-content .chat-empty{color:var(--xg-text2)!important}
body.xg-unified .xh-content .chat-empty .orb{background:rgba(100,244,212,0.12)!important;border:1px solid rgba(100,244,212,0.28)!important;color:var(--xg-accent)!important}
body.xg-unified .xh-content .chat-empty h3{color:var(--xg-text)!important}
body.xg-unified .xh-content .chat-message{border-bottom-color:var(--xg-line)!important}
body.xg-unified .xh-content .chat-message .chat-avatar{background:rgba(14,25,50,0.78)!important;border:1px solid var(--xg-line2)!important;color:var(--xg-accent)!important}
body.xg-unified .xh-content .chat-message.user .chat-avatar{background:rgba(100,244,212,0.16)!important;color:#e4fcf8!important}
body.xg-unified .xh-content .chat-message .message-name{color:var(--xg-text)!important}
body.xg-unified .xh-content .chat-message .message-text{color:var(--xg-text2)!important}
body.xg-unified .xh-content .chat-input{border-top-color:var(--xg-line)!important;background:rgba(8,15,34,0.45)!important}
body.xg-unified .xh-content .range-head span:first-child{color:var(--xg-text2)!important}
body.xg-unified .xh-content .range-value{color:var(--xg-accent)!important}

body.xg-environment>header{position:relative;z-index:1;box-sizing:border-box;width:100%!important;max-width:var(--xg-content-max)!important;margin:74px auto 0!important;padding:28px 36px 22px!important;display:flex;justify-content:space-between;align-items:flex-end;gap:18px}
body.xg-environment>header>a{display:none}
body.xg-environment>header>div{min-width:0;flex:1}
body.xg-environment>header h1{font-size:30px;font-weight:650;letter-spacing:.01em;color:#f6faff;margin:0 0 6px;text-shadow:0 0 26px rgba(134,197,255,0.16)}
body.xg-environment>header p{margin:0;color:var(--xg-text2);font-size:13px;line-height:1.65}
body.xg-environment>main{position:relative;z-index:1;box-sizing:border-box;width:100%!important;max-width:var(--xg-content-max)!important;margin:0 auto!important;padding:0 36px 42px!important}
body.xg-environment :is(article,section:not(.intro),.intro>div,.scheduling-summary>div){border:1px solid var(--xg-line);background:linear-gradient(160deg,rgba(13,23,46,0.82) 0%,rgba(8,14,30,0.76) 100%);border-radius:16px;box-shadow:var(--xg-shadow)}
body.xg-environment section:not(.intro){padding:24px 26px;margin-bottom:20px}
body.xg-environment .intro{gap:16px;margin-bottom:20px}
body.xg-environment .intro>div{padding:20px 22px}
body.xg-environment .intro>div b{display:block;font-size:15px;font-weight:600;color:var(--xg-text);margin-bottom:6px}
body.xg-environment .scheduling-summary{gap:16px;margin:0 0 20px}
body.xg-environment .scheduling-summary>div{padding:18px 22px}
body.xg-environment section h2{font-size:18px;font-weight:650;color:var(--xg-text);margin:0 0 8px;letter-spacing:.01em}
body.xg-environment .section-title{margin-bottom:8px}
body.xg-environment .section-title :is(h2,h3){margin:0}
body.xg-environment section :is(article,#nodes>div){background:rgba(7,13,28,0.56);border:1px solid rgba(188,226,237,0.14);border-radius:14px;padding:20px 22px;box-shadow:inset 0 1px 0 rgba(255,255,255,0.04);margin-bottom:14px}
body.xg-environment section :is(article:last-child,#nodes>div:last-child){margin-bottom:0}
body.xg-environment #nodes.grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr));gap:16px;margin-top:16px}
body.xg-environment #nodes>div{margin-bottom:0}
body.xg-environment details{background:rgba(7,13,28,0.48);border:1px solid var(--xg-line);border-radius:12px;padding:14px 18px;margin-top:14px}
body.xg-environment summary{font-weight:500;color:var(--xg-text2)}
body.xg-environment form{align-items:end;gap:14px;margin:16px 0}
body.xg-environment label{gap:6px;font-size:12px;font-weight:500;color:var(--xg-text2)}
body.xg-environment :is(header,main) button{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:38px;padding:8px 16px;border-radius:10px;border:1px solid var(--xg-line2);background:rgba(13,25,52,0.78);color:var(--xg-text);font-size:12.5px;font-weight:500;transition:border-color .16s,background .16s,color .16s,box-shadow .16s}
body.xg-environment :is(header,main) button:hover:not(:disabled){border-color:rgba(100,244,212,0.52);background:rgba(18,35,70,0.92);color:#fff}
body.xg-environment main button[type=submit]{background:linear-gradient(135deg,#4ef6dc 0%,#5ad2f4 100%);color:#04121b;border-color:rgba(126,252,226,0.65);font-weight:600;box-shadow:0 6px 20px rgba(78,246,220,0.22);justify-self:start}
body.xg-environment main button[type=submit]:hover:not(:disabled){background:linear-gradient(135deg,#76f9e4 0%,#62c8f8 100%);color:#04121b}
body.xg-environment .badge{display:inline-flex;align-items:center;padding:3px 10px;border-radius:999px;font-size:11.5px;font-weight:500;background:rgba(14,25,50,0.65);border:1px solid var(--xg-line2)}
body.xg-environment .badge.pass{background:rgba(100,244,212,0.12);border-color:rgba(100,244,212,0.34);color:#7efce2}
body.xg-environment .badge.fail{background:rgba(255,110,138,0.14);border-color:rgba(255,110,138,0.36);color:#ff9eb3}
body.xg-environment #notice{padding:11px 16px;border:1px solid var(--xg-line);border-radius:12px;background:rgba(11,20,42,0.82);color:var(--xg-text2);margin-bottom:18px}
body.xg-environment pre{background:rgba(6,11,24,0.76);border:1px solid var(--xg-line);border-radius:12px;padding:14px 16px;color:var(--xg-text2)}

body.xg-unified table{border-collapse:separate;border-spacing:0;width:100%;font-size:13px;color:var(--xg-text);font-variant-numeric:tabular-nums}
body.xg-unified th{background:rgba(8,15,34,0.58);color:#97b0d1;font-weight:600;text-align:left;padding:13px 16px;border-bottom:1px solid var(--xg-line2);letter-spacing:.03em;font-size:11.5px}
body.xg-unified td{padding:14px 16px;border-bottom:1px solid rgba(188,226,237,0.09);vertical-align:top}
body.xg-unified [role=dialog]{background:rgba(9,17,36,0.95);border:1px solid var(--xg-line2);border-radius:16px;box-shadow:0 28px 90px rgba(0,0,0,0.75),inset 0 1px 0 rgba(255,255,255,0.10);color:var(--xg-text);width:min(540px,calc(100vw - 32px));max-width:min(540px,calc(100vw - 32px));max-height:calc(100dvh - 32px);overflow-y:auto}
body.xg-unified [role=dialog]:is([class*="max-w-xl"],[class*="max-w-2xl"],[class*="max-w-3xl"],[class*="max-w-4xl"]){width:min(680px,calc(100vw - 32px));max-width:min(680px,calc(100vw - 32px))}
body.xg-unified dialog{position:fixed;inset:0;margin:auto!important;width:min(480px,calc(100vw - 32px));max-width:calc(100vw - 32px);max-height:calc(100dvh - 32px);background:rgba(9,17,36,0.96);border:1px solid var(--xg-line2);border-radius:16px;box-shadow:0 28px 90px rgba(0,0,0,0.75),inset 0 1px 0 rgba(255,255,255,0.10);color:var(--xg-text);overflow-y:auto}
body.xg-unified dialog#modal{overflow:hidden}
body.xg-unified dialog#modal.wide{width:min(680px,calc(100vw - 32px));max-width:min(680px,calc(100vw - 32px))}
body.xg-unified dialog::backdrop{background:rgba(2,6,18,0.68)}

/* Existing ScrollArea dialogs already split their form and footer. */
body.xg-unified [data-slot=dialog-content]:has(> [data-slot=scroll-area]):has(> [data-slot=dialog-footer]){
  display:flex;
  flex-direction:column;
  overflow:hidden;
}
body.xg-unified [data-slot=dialog-content] > :is([data-slot=dialog-header],[data-slot=dialog-footer]){flex-shrink:0}
body.xg-unified [data-slot=dialog-content] > [data-slot=scroll-area]{min-height:0;flex:1 1 auto}
body.xg-unified [data-slot=dialog-content] > [data-slot=scroll-area] > [data-slot=scroll-area-viewport]{min-height:0;flex:1 1 auto;overscroll-behavior:contain}
body.xg-unified dialog.finance-dialog[open],.finance-dialog>form{display:flex;flex-direction:column;min-height:0}
body.xg-unified dialog.finance-dialog{overflow:hidden}
.finance-dialog>h2,.finance-dialog-actions{flex-shrink:0}
.finance-dialog-fields{min-height:0;overflow:auto;overscroll-behavior:contain}
.finance-dialog-actions{margin-top:16px}

body.xg-unified:not(.xg-reference) :is(input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=color]):not([type=file]):not([type=hidden]),select,textarea){background:rgba(7,13,28,0.72);color:var(--xg-text);border:1px solid var(--xg-line2);border-radius:10px;padding:9px 13px;font:inherit;min-height:40px;transition:border-color .16s,box-shadow .16s}
body.xg-unified:not(.xg-reference) :is(input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=color]):not([type=file]):not([type=hidden]),select,textarea):focus{outline:none;border-color:rgba(100,244,212,0.55);box-shadow:0 0 0 3px rgba(100,244,212,0.12)}
.xg-providers [data-slot="provider-cell-footer"]{height:auto!important;min-height:2.5rem;padding-top:.5rem!important;padding-bottom:.65rem!important;align-items:flex-start!important}

@media(max-width:1200px) and (min-width:761px){
  .xg-shell .sidebar{width:205px;padding-inline:12px}
  .xg-shell .topbar{left:205px;padding:0 23px}
  body.xg-ops,body.xg-environment{padding-left:205px!important}
  body.xg-reference main[data-xg-content]:not(.xh-content),.xg-reference-root main:not(.xh-content){left:205px!important}
  body.xg-reference main[data-xg-content]:not(.xh-content)>div:first-child,.xg-reference-root main:not(.xh-content)>div:first-child,body.xg-unified main.xh-content,body.xg-environment>header,body.xg-environment>main{padding-inline:23px!important}
}
@media(max-width:760px){
  .xg-shell .breadcrumb{min-width:0;white-space:nowrap;overflow:hidden}
  .xg-shell .breadcrumb>span{display:none}
  .xg-shell .breadcrumb strong{overflow:hidden;text-overflow:ellipsis}
  .xg-shell .connection{white-space:nowrap;flex-shrink:0}
  .xg-shell .sidebar{transform:translateX(-100%);width:245px;z-index:45;transition:transform .2s}
  .xg-shell .sidebar.open{transform:translateX(0)}
  .xg-shell .topbar{left:0;height:62px;padding:0 17px;justify-content:flex-start;gap:10px}
  .xg-shell .menu-button{display:flex}
  .xg-shell .topbar-actions{margin-left:auto;gap:4px}
  body.xg-ops,body.xg-environment{padding-left:0!important}
  body.xg-reference main[data-xg-content]:not(.xh-content),.xg-reference-root main:not(.xh-content){left:0!important;top:62px!important}
  body.xg-reference main[data-xg-content]:not(.xh-content)>div:first-child,.xg-reference-root main:not(.xh-content)>div:first-child{padding:20px 17px 24px!important}
  body.xg-unified main.xh-content{margin:0 auto!important;padding:86px 17px 24px!important}
  body.xg-unified .xh-content .summary-strip{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}
  body.xg-environment>header{margin:62px auto 0!important;padding:24px 17px 18px!important;flex-wrap:wrap;align-items:flex-start}
  body.xg-environment>main{margin:0 auto!important;padding:0 17px 24px!important}
  body.xg-environment section:not(.intro){padding:18px}
}
@media(prefers-reduced-motion:reduce){
  .xg-shell *{transition:none!important;animation:none!important}
}

.xg-sky{
  position:fixed;
  inset:0;
  pointer-events:none;
  z-index:0;
  background:
    radial-gradient(ellipse at 50% 53%,#14263842,transparent 46%),
    radial-gradient(ellipse at 62% 90%,#352a4c30,transparent 52%),
    #070911;
}
.xg-sky canvas{
  width:100%;
  height:100%;
  display:block;
  opacity:1;
}
.xg-sky-grain{
  position:absolute;
  inset:0;
  opacity:.038;
  pointer-events:none;
  background-image:url('data:image/svg+xml,%3Csvg viewBox=%220 0 180 180%22 xmlns=%22http://www.w3.org/2000/svg%22%3E%3Cfilter id=%22n%22%3E%3CfeTurbulence type=%22fractalNoise%22 baseFrequency=%22.85%22 numOctaves=%223%22 stitchTiles=%22stitch%22/%3E%3C/filter%3E%3Cpath fill=%22%23fff%22 filter=%22url(%23n)%22 opacity=%22.55%22 d=%22M0 0h180v180H0z%22/%3E%3C/svg%3E');
}
/* Provider telemetry shares the overview sky and uses its own observatory layout. */
.xg-providers main h1{letter-spacing:-.04em;font-size:clamp(2rem,4vw,3.2rem);color:#effaff}
.xg-providers main h1::before{content:"✦";display:inline-block;margin-right:.55em;color:#75f5de;font-size:.63em;vertical-align:.16em;text-shadow:0 0 18px #4ef8d799}
.xg-provider-telemetry{isolation:isolate;border-bottom:1px solid #72b9cb30;background:linear-gradient(112deg,#153840ba,#101b36b3 53%,#302546aa);padding-top:24px!important;padding-bottom:24px!important}
.xg-provider-telemetry::before{position:absolute;inset:0;z-index:-1;content:"";pointer-events:none;background:radial-gradient(ellipse at 14% 15%,#74ffde26,transparent 43%),radial-gradient(ellipse at 95% 5%,#ad9bff2e,transparent 42%)}
.xg-provider-telemetry h2{font-size:.84rem;text-transform:uppercase;letter-spacing:.18em;color:#a8ffe9}
.xg-provider-telemetry h2::before{content:"◉";margin-right:.55rem;color:#75f5de}
.xg-provider-telemetry>.grid{gap:10px}
.xg-provider-telemetry>.grid>*{min-width:0;min-height:80px;padding:12px;border:1px solid #b1d9ec29;border-radius:12px;background:#07132580;box-shadow:inset 0 1px #b6fdff16}
.xg-providers main [data-slot="table-row"]:has(.xg-quota-grid){background:linear-gradient(100deg,#101b33a8,#0b1424b5);border-color:#a3d6ee25}
.xg-providers main [data-slot="table-row"]:has(.xg-quota-grid):hover{background:linear-gradient(100deg,#14313ca8,#131d36c0)}
.xg-quota-grid{display:grid;gap:.45rem;padding:.35rem .6rem;max-width:320px}
.xg-quota{padding:.45rem .6rem;border:1px solid #9adbef30;border-radius:9px;background:#0c1a2eaa}
.xg-quota-label{display:flex;justify-content:space-between;gap:.6rem;color:#c8dded;font-size:.75rem}
.xg-quota-label strong{color:#82fbe0;font-variant-numeric:tabular-nums}
.xg-quota progress{display:block;width:100%;height:4px;margin:.28rem 0;accent-color:#69e9ce;border:0;border-radius:4px;overflow:hidden;background:#33516b}
.xg-quota progress::-webkit-progress-bar{background:#33516b}
.xg-quota progress::-webkit-progress-value{background:linear-gradient(90deg,#73eacf,#97adff)}
.xg-quota progress::-moz-progress-bar{background:#73eacf}
.xg-quota small,.xg-quota-empty{font-size:.68rem;color:#9eb8cf}
.xg-quota-empty{padding:.35rem .6rem}
.xg-providers main h1::after{content:"XINGHE OBSERVATORY";display:block;margin:.35rem 0 0;color:#a4c8dc;font-size:.63rem;font-weight:600;letter-spacing:.22em}
/* Command Palette (Ctrl+K Quick Jump) */
.xg-search-trigger{display:inline-flex;align-items:center;gap:8px;min-height:36px;padding:0 12px;border:1px solid rgba(197,210,255,.15);border-radius:999px;background:rgba(15,23,44,.65);color:#98a5c1;font:inherit;font-size:12.5px;cursor:pointer;transition:border-color .15s,color .15s,background .15s}
.xg-search-trigger:hover{border-color:rgba(100,244,212,.45);color:#eef4ff;background:rgba(20,32,58,.85)}
.xg-search-trigger .icon{width:14px;height:14px;stroke:currentColor;fill:none;stroke-width:1.9}
.xg-search-trigger kbd{padding:1px 6px;border:1px solid rgba(197,210,255,.18);border-radius:6px;background:rgba(7,9,17,.65);color:#a8b8d8;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:11px;line-height:1.4}
@media(max-width:640px){.xg-search-trigger span,.xg-search-trigger kbd{display:none}.xg-search-trigger{padding:0 10px}}
dialog.xg-palette{width:min(540px,92vw);max-height:min(480px,82vh);margin:10vh auto auto;padding:0;border:1px solid rgba(124,232,216,.28);border-radius:16px;background:rgba(11,17,32,.96);color:#eef4ff;box-shadow:0 24px 64px rgba(0,0,0,.68),0 0 0 1px rgba(197,210,255,.08);backdrop-filter:blur(18px);overflow:hidden}
dialog.xg-palette::backdrop{background:rgba(4,7,15,.62);backdrop-filter:blur(4px)}
.xg-palette-input{display:flex;align-items:center;gap:10px;padding:13px 16px;border-bottom:1px solid rgba(197,210,255,.12)}
.xg-palette-input .icon{width:17px;height:17px;stroke:#64f4d4;fill:none;stroke-width:2;flex-shrink:0}
.xg-palette-input input{flex:1;min-width:0;border:0;background:transparent;color:inherit;font:inherit;font-size:14px;outline:none}
.xg-palette-input input::placeholder{color:#7c8ba8}
.xg-palette-kbd{padding:2px 6px;border:1px solid rgba(197,210,255,.18);border-radius:5px;color:#8fa0c0;font-size:10.5px;font-family:ui-monospace,monospace}
.xg-palette-list{max-height:360px;overflow-y:auto;padding:8px;display:grid;gap:2px}
.xg-palette-item{display:flex;align-items:center;gap:10px;width:100%;padding:9px 12px;border:0;border-radius:10px;background:transparent;color:#d6e2f8;font:inherit;font-size:13.5px;text-align:left;cursor:pointer;transition:background .1s,color .1s}
.xg-palette-item .icon{width:16px;height:16px;stroke:currentColor;fill:none;stroke-width:1.8;opacity:.82;flex-shrink:0}
.xg-palette-item.is-selected,.xg-palette-item:hover{background:linear-gradient(90deg,rgba(100,244,212,.16),rgba(120,223,255,.08));color:#fff}
.xg-palette-item.is-selected .icon{stroke:#64f4d4;opacity:1}
.xg-palette-label{flex:1;font-weight:500}
.xg-palette-group{color:#8fa2c4;font-size:11.5px}
.xg-palette-empty{padding:28px 16px;text-align:center;color:#8fa2c4;font-size:13px}
html[data-theme="day"] .xg-search-trigger{background:rgba(255,253,249,.86);border-color:rgba(28,39,56,.14);color:#4f5f76}
html[data-theme="day"] .xg-search-trigger:hover{border-color:rgba(24,126,114,.42);color:#182232}
html[data-theme="day"] .xg-search-trigger kbd{background:rgba(28,39,56,.06);border-color:rgba(28,39,56,.14);color:#4f5f76}
html[data-theme="day"] dialog.xg-palette{background:rgba(252,250,246,.98);color:#182232;border-color:rgba(28,39,56,.16);box-shadow:0 24px 60px rgba(18,28,45,.18)}
html[data-theme="day"] .xg-palette-input{border-bottom-color:rgba(28,39,56,.1)}
html[data-theme="day"] .xg-palette-item{color:#283548}
html[data-theme="day"] .xg-palette-item.is-selected,html[data-theme="day"] .xg-palette-item:hover{background:rgba(24,126,114,.11);color:#0f1724}