html[data-gnx-app]{color-scheme:light!important;font-family:Inter,"PingFang SC","Microsoft YaHei",system-ui,sans-serif!important;color:#1f2925!important;background:#f6f7f3!important;
--bg:#f6f7f3;--surface:#fcfcf8;--card:#fff;--card-hover:#f0f3eb;--border:#dce2d5;--line:#dce2d5;--text-primary:#1f2925;--text-secondary:#65725f;--text-muted:#708466;--muted:#65725f;--accent:#667b5c;--accent-hover:#4f6546;--green:#526d48;--green-deep:#41563a;--green-soft:#e6eddb;
--el-color-primary:#667b5c;--el-color-primary-light-3:#84977a;--el-color-primary-light-5:#a5b49d;--el-color-primary-light-7:#d0dbc9;--el-color-primary-light-8:#e2e8dd;--el-color-primary-light-9:#f0f3eb;--el-color-primary-dark-2:#4f6546;--el-bg-color:#fff;--el-bg-color-page:#f6f7f3;--el-text-color-primary:#1f2925;--el-menu-bg-color:#fcfcf8;--el-menu-text-color:#52604c;--el-menu-active-color:#526d48;--el-border-color:#dce2d5}
html[data-gnx-app] body{background:#f6f7f3!important;color:#1f2925!important;font-family:inherit!important}
html[data-gnx-app]:not([data-gnx-app=login]):not([data-gnx-app=manage]):not([data-gnx-app=portfolio]) body{padding-top:56px!important}
#gnx-shell{position:fixed;inset:0 0 auto 0;z-index:10000;box-sizing:border-box;height:56px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 4vw;background:#fcfcf8;border-bottom:1px solid #dfe3da;color:#26332b;font:13px Inter,"PingFang SC",sans-serif}
#gnx-shell a{font-size:23px;letter-spacing:-1px;color:#26332b;text-decoration:none;white-space:nowrap;font-weight:800}#gnx-shell a span{font-weight:400;color:#667b5c;margin-left:4px}
#gnx-shell .gnx-actions{display:flex;align-items:center;gap:10px}#gnx-shell button,.gnx-exit{font:12px inherit;min-height:36px;padding:7px 12px;border:1px solid #dce2d5;background:#fff;color:#526d48;border-radius:8px;cursor:pointer;white-space:nowrap}#gnx-shell small{color:#708466}#gnx-shell button:hover,.gnx-exit:hover{background:#e6eddb}
html[data-gnx-app] :is(button,input,textarea,select):focus-visible{outline:2px solid #667b5c;outline-offset:3px}
html[data-gnx-app]:not([data-gnx-app=mqtt]) :is(input,textarea,select){background:#fff;color:#26332b;border-color:#cbd5c3}
html[data-gnx-app]:not([data-gnx-app=mqtt]) button:not(.danger):not(.el-button--danger):not([aria-selected=true]){border-color:#d0d9c8;color:#41563a;background:#f2f5ee}
html[data-gnx-app]:not([data-gnx-app=mqtt]) :is(.panel,.card,.debug-card,.agent-card,.bot-card,.metric-card,.asr-metric){background:#fff;color:#1f2925;border-color:#dce2d5;border-radius:14px;box-shadow:none}
html[data-gnx-app]:not([data-gnx-app=mqtt]) :is(h1,h2,h3,h4){color:#26332b}
html[data-gnx-app]:is([data-gnx-app=robot],[data-gnx-app=debug],[data-gnx-app=voiceemotion],[data-gnx-app=simulator]) :is(section,article,.debugger){background:#fff;border-color:#dce2d5;color:#26332b;border-radius:14px}
html[data-gnx-app=robot] :is(.voice-stage,.voice-chain-stage,.voice-turn-card,.voice-summary-card,.fact,.status-card,.voice-stage-card){background:#f0f3eb;border-color:#dce2d5;color:#26332b}
html[data-gnx-app]:is([data-gnx-app=robot],[data-gnx-app=voiceemotion],[data-gnx-app=simulator]) :is(p,dt,dd,label,.eyebrow,.muted,footer){color:#65725f}
html[data-gnx-app=voice] .workspace{height:calc(100dvh - 56px)}html[data-gnx-app=voice] :is(.sidebar,.topbar,.inspector){background:#fcfcf8}
html[data-gnx-app=iam] :is(.sidebar-container,.sidebar-logo-container,.el-menu,.navbar,.tags-view-container){background:#fcfcf8!important;color:#52604c!important}html[data-gnx-app=iam] .sidebar-container{top:56px;height:calc(100% - 56px)!important}html[data-gnx-app=iam] .fixed-header{top:56px}html[data-gnx-app=iam] :is(.app-main,.main-container){background:#f6f7f3}html[data-gnx-app=iam] :is(.el-card,.el-dialog){border-color:#dce2d5;border-radius:14px}html[data-gnx-app=iam] .sidebar-logo-title{color:#26332b!important}
html[data-gnx-app=vault] .topbar{top:56px}html[data-gnx-app=vault] .sidebar{top:calc(56px + var(--topbar-height))}html[data-gnx-app=vault] .main-content{background:#f6f7f3}html[data-gnx-app=vault] .logo-claude{color:#667b5c}
html[data-gnx-app=iam] .login,html[data-gnx-app=vault] .auth-page{background:#f6f7f3!important;min-height:calc(100dvh - 56px);height:auto}
html[data-gnx-app=iam] .login-form,html[data-gnx-app=vault] .auth-card{box-sizing:border-box;width:min(440px,calc(100vw - 40px));border:1px solid #dce2d5;border-radius:18px;box-shadow:none;background:#fff;padding:32px}
html[data-gnx-app=iam] .login-form .title,html[data-gnx-app=vault] .auth-logo{color:#26332b;font-size:27px;letter-spacing:-1px}
html[data-gnx-app=iam] .login-form .el-input__wrapper{box-shadow:0 0 0 1px #dce2d5 inset}
html[data-gnx-app=iam] .el-login-footer{color:#708466}
html[data-gnx-app=iam] :is(.el-sub-menu__title,.el-menu-item,.menu-title){color:#52604c!important}html[data-gnx-app=iam] .el-menu-item.is-active{background:#e6eddb!important;color:#41563a!important}html[data-gnx-app=iam] .tags-view-item.active{background:#667b5c!important;border-color:#667b5c!important}
html[data-gnx-app=portfolio] header .gnx-exit{margin-left:auto;flex-shrink:0}
html[data-gnx-app=robot] a{color:#526d48}html[data-gnx-app=robot] #connection{color:#526d48}
html[data-gnx-app=robot] .trace-grid article,html[data-gnx-app=robot] .dialogue-grid article{background:#f0f3eb;color:#26332b;border-color:#dce2d5}
html[data-gnx-app=ai] :is(p,label,.muted){color:#65725f}
html[data-gnx-app=manage] .brand{font-size:27px;letter-spacing:-1px;color:#26332b}html[data-gnx-app=manage] .brand span{font-weight:400;color:#667b5c}
html[data-gnx-app=login] body{display:grid;min-height:100dvh;place-items:center;margin:0}html[data-gnx-app=login] main{width:min(420px,calc(100vw - 40px));box-sizing:border-box;background:white;border:1px solid #dce2d5;border-radius:18px;padding:36px}html[data-gnx-app=login] .brand{font-size:29px;font-weight:800;letter-spacing:-1px;margin-bottom:36px}html[data-gnx-app=login] .brand span{color:#667b5c;font-weight:400}html[data-gnx-app=login] .eyebrow{color:#708466;font:11px ui-monospace,monospace;letter-spacing:2px}html[data-gnx-app=login] h1{font-size:30px;margin:14px 0}html[data-gnx-app=login] p{line-height:1.7;color:#65725f;font-size:14px}html[data-gnx-app=login] :is(label,input,button){display:block;box-sizing:border-box;width:100%;margin:16px 0}html[data-gnx-app=login] label{font-size:13px;color:#52604c}html[data-gnx-app=login] :is(input,button){font:inherit;padding:12px;border:1px solid #cbd5c3;border-radius:8px}html[data-gnx-app=login] button{background:#667b5c!important;color:white!important;cursor:pointer}
@media(max-width:600px){#gnx-shell{padding:0 16px}#gnx-shell small{display:none}#gnx-shell .gnx-actions{gap:6px}#gnx-shell button{font-size:11px;padding:7px 8px}html[data-gnx-app=iam] .fixed-header{width:100%}html[data-gnx-app=vault] .topbar{padding:0 12px}}
@media(max-width:850px){html[data-gnx-app=portfolio] header{height:auto;min-height:100px;padding:16px 20px;display:grid;grid-template-columns:1fr auto;gap:14px}html[data-gnx-app=portfolio] header nav{grid-row:2;grid-column:1/-1;display:flex;gap:12px 18px;flex-wrap:wrap}html[data-gnx-app=portfolio] header .gnx-exit{grid-row:1;grid-column:2}html[data-gnx-app=portfolio] header nav a{min-height:28px;display:inline-flex;align-items:center}}
@media(min-width:851px){html[data-gnx-app=jobs] .rail{top:56px}}