/* AnYan Graphite production theme. Existing React controls and business logic remain authoritative. */
.ap-root.ap-root.ap-root{--ag-bg:#0c0f13;--ag-side:#101419;--ag-panel:#14191f;--ag-raised:#1b222a;--ag-text:#edf2f7;--ag-muted:#93a1af;--ag-dim:#657381;--ag-line:#ffffff13;--ag-cyan:#69e4d4;--ag-soft:#69e4d413;--ag-danger:#fb8d9f;--bcm-bg:var(--ag-bg);--bcm-panel:var(--ag-panel);--bcm-line:var(--ag-line);--bcm-line-strong:#ffffff23;--bcm-ink:var(--ag-text);--bcm-muted:var(--ag-muted);--bcm-accent:var(--ag-cyan);--bcm-accent-strong:var(--ag-cyan);--bcm-accent-soft:var(--ag-soft);--bcm-shadow:0 12px 32px #0002;--ink:var(--ag-text);--muted:var(--ag-muted);--teal:var(--ag-cyan);--violet:#a79af1;--line:var(--ag-line);--danger:var(--ag-danger);color-scheme:dark;color:var(--ag-text)!important;background:var(--ag-bg)!important;font-family:Inter,"Segoe UI","Microsoft YaHei",sans-serif!important}
.ap-root.ap-root.ap-root[data-ag-theme=light]{--ag-bg:#f4f6f8;--ag-side:#fafbfd;--ag-panel:#fff;--ag-raised:#edf1f5;--ag-text:#17212b;--ag-muted:#647382;--ag-dim:#78899a;--ag-line:#192b3a18;--ag-cyan:#0c9184;--ag-soft:#0c918412;--ag-danger:#c3455f;color-scheme:light}
.ap-root.ap-root.ap-root .ap-aurora{display:none!important;animation:none!important}
.ap-root.ap-root.ap-root :is(h1,h2,h3,h4){color:var(--ag-text)!important;letter-spacing:-.025em}
.ap-root.ap-root.ap-root :is(.ap-kicker,.ap-back-btn){color:var(--ag-muted)!important}
.ap-root.ap-root.ap-root .ap-sidebar{inset:0 auto 0 0!important;width:244px!important;padding:25px 15px 16px!important;background:var(--ag-side)!important;border:0!important;border-right:1px solid var(--ag-line)!important;border-radius:0!important;box-shadow:none!important;backdrop-filter:none!important;overflow-y:auto;scrollbar-width:thin}
.ap-root.ap-root.ap-root .ap-brand{padding:3px 10px 22px!important;border-color:var(--ag-line)!important;flex-wrap:wrap;gap:12px!important}
.ap-root.ap-root.ap-root .ap-brand>span{font-size:10px!important;color:var(--ag-dim)!important;letter-spacing:.08em}
.ap-root.ap-root.ap-root .ap-brand :is(strong,b){color:var(--ag-text)!important}
.ap-root.ap-root.ap-root .ap-sidebar nav{gap:4px!important;margin-top:21px!important;min-height:100px;flex:1}
.ap-root.ap-root.ap-root .ap-sidebar nav :is(a,.ap-nav-parent){background:transparent!important;color:var(--ag-muted)!important;box-shadow:none!important;border:1px solid transparent!important;border-radius:8px!important;min-height:41px!important;font-weight:450!important;font-size:12px!important;transition:background .18s,color .18s,border-color .18s}
.ap-root.ap-root.ap-root .ap-sidebar nav :is(a,.ap-nav-parent):hover{background:var(--ag-raised)!important;color:var(--ag-text)!important}
.ap-root.ap-root.ap-root .ap-sidebar nav :is(a,.ap-nav-parent).active{color:var(--ag-cyan)!important;background:linear-gradient(100deg,var(--ag-soft),transparent)!important;border-color:var(--ag-line)!important;box-shadow:inset 2px 0 var(--ag-cyan)!important}
.ap-root.ap-root.ap-root .ap-nav-children{border-left:1px solid var(--ag-line);margin-left:22px;padding-left:8px!important}
.ap-root.ap-root.ap-root .ap-nav-children a{min-height:32px!important;font-size:11px!important}
.ap-root.ap-root.ap-root .ap-account{border-color:var(--ag-line)!important;padding-top:17px!important;margin-top:22px!important;color:var(--ag-text)!important}
.ap-root.ap-root.ap-root .ap-account :is(small,button){color:var(--ag-muted)!important}
.ap-root.ap-root.ap-root .ap-main{margin-left:244px!important;padding:23px 35px 48px!important;max-width:1740px!important;min-width:0}
.ap-root.ap-root.ap-root .ap-back-row{display:flex!important;align-items:center;justify-content:space-between;gap:14px;margin-bottom:28px!important;padding-bottom:19px;border-bottom:1px solid var(--ag-line)}
.ap-root.ap-root.ap-root .ap-back-btn{background:transparent!important;border:0!important;font-size:11px!important}
.ap-root.ap-root.ap-root .ap-page-head{margin-bottom:24px!important;gap:18px}
.ap-root.ap-root.ap-root .ap-page-head h1{font-size:27px!important;font-weight:570!important}
.ap-root.ap-root.ap-root .ap-page-head p{font-size:12px!important;color:var(--ag-muted)!important}
.ap-root.ap-root.ap-root :is(.ap-panel,.ap-metric,.ap-app-card,.ap-download-card,.ap-agent-card,.ap-modal,.ap-billing-status,.ap-billing-plans,.ap-billing-checkout,.ap-checkin-panel,.ap-log-panel){background:var(--ag-panel)!important;color:var(--ag-text)!important;border:1px solid var(--ag-line)!important;border-radius:11px!important;box-shadow:0 12px 32px #0002!important;backdrop-filter:none!important}
.ap-root.ap-root.ap-root .ap-panel{padding:20px!important}
.ap-root.ap-root.ap-root .ap-panel h2{font-size:15px!important;font-weight:550!important}
.ap-root.ap-root.ap-root .ap-metrics{gap:13px!important;margin-bottom:13px!important}
.ap-root.ap-root.ap-root .ap-metric{padding:18px 20px!important;position:relative;isolation:isolate;overflow:hidden;transition:transform .2s,border-color .2s}
.ap-root.ap-root.ap-root .ap-metric.accent{background:linear-gradient(125deg,var(--ag-soft),var(--ag-panel) 80%)!important;border-color:color-mix(in srgb,var(--ag-cyan) 23%,transparent)!important}
.ap-root.ap-root.ap-root .ap-metric>span{font-size:11px!important;color:var(--ag-muted)!important}
.ap-root.ap-root.ap-root .ap-metric>strong{font-family:Inter,"Segoe UI",sans-serif!important;font-size:29px!important;font-weight:550!important;color:var(--ag-text)!important;letter-spacing:-.04em;font-variant-numeric:tabular-nums;position:relative}
.ap-root.ap-root.ap-root .ap-metric>small{font-size:10px!important;color:var(--ag-dim)!important}
.ap-root.ap-root.ap-root .ap-metric::after{content:"";position:absolute;inset:0;z-index:-1;opacity:0;pointer-events:none;background:radial-gradient(240px circle at var(--ag-mx,50%) var(--ag-my,0%),var(--ag-soft),transparent 68%);transition:opacity .2s}
.ap-root.ap-root.ap-root .ap-mini-metrics{gap:0!important;border:1px solid var(--ag-line);border-radius:9px;overflow:hidden;background:var(--ag-panel);margin-bottom:22px!important}
.ap-root.ap-root.ap-root .ap-mini-metrics .ap-metric{border:0!important;border-right:1px solid var(--ag-line)!important;box-shadow:none!important;border-radius:0!important;padding:15px 18px!important;min-height:84px!important}
.ap-root.ap-root.ap-root .ap-mini-metrics .ap-metric:last-child{border-right:0!important}
.ap-root.ap-root.ap-root .ap-mini-metrics .ap-metric strong{font-size:20px!important}
.ap-root.ap-root.ap-root :is(.ap-action,.ap-btn-primary,.ap-submit,.ap-select-trigger,.ap-input,.ap-search,.ap-select-menu,.ap-filter-field,.ap-solid-input,.ap-code-btn){background:var(--ag-panel)!important;color:var(--ag-text)!important;border:1px solid var(--ag-line)!important;border-radius:7px!important;box-shadow:none!important;font-weight:450!important}
.ap-root.ap-root.ap-root :is(.ap-action,.ap-btn-primary,.ap-submit){transition:background .18s,transform .18s;border-radius:7px!important;min-height:34px!important}
.ap-root.ap-root.ap-root :is(.ap-btn-primary,.ap-submit,.ap-action.solid,.ap-action.tone-solid,.ap-action.primary){background:var(--ag-cyan)!important;color:#082b26!important;border-color:var(--ag-cyan)!important;font-weight:600!important}
.ap-root.ap-root.ap-root :is(.ap-action.danger,.ap-action.tone-danger){background:color-mix(in srgb,var(--ag-danger) 9%,var(--ag-panel))!important;color:var(--ag-danger)!important;border-color:color-mix(in srgb,var(--ag-danger) 20%,transparent)!important}
.ap-root.ap-root.ap-root :is(.ap-action,.ap-select-trigger):hover{border-color:color-mix(in srgb,var(--ag-cyan) 40%,transparent)!important}
.ap-root.ap-root.ap-root :is(.ap-input,.ap-textarea):focus{outline:0!important;border-color:var(--ag-cyan)!important;box-shadow:0 0 0 3px var(--ag-soft)!important}
.ap-root.ap-root.ap-root :is(input,textarea)::placeholder{color:var(--ag-dim)!important;opacity:1}
.ap-root.ap-root.ap-root .ap-select-menu{background:var(--ag-raised)!important;box-shadow:0 15px 45px #0005!important;z-index:80}
.ap-root.ap-root.ap-root .ap-select-option{background:transparent!important;color:var(--ag-muted)!important;border-radius:5px!important}
.ap-root.ap-root.ap-root .ap-select-option:is(:hover,.active){background:var(--ag-soft)!important;color:var(--ag-cyan)!important}
.ap-root.ap-root.ap-root :is(.ap-field,.ap-filter-field>span,.ap-rank-name,.ap-compact-row>span,.ap-switch-row b,.ap-type-list b,.ap-batch-result,.ap-app-card h3){color:var(--ag-text)!important}
.ap-root.ap-root.ap-root :is(.ap-field small,.ap-cell-note,.ap-rank-hint,.ap-rank-logins,.ap-rank-no,.ap-label,.ap-app-subtitle){color:var(--ag-muted)!important}
.ap-root.ap-root.ap-root :is(table,thead,tbody,tr,td,th){background:transparent!important;border-color:var(--ag-line)!important}
.ap-root.ap-root.ap-root table th{color:var(--ag-muted)!important;font-family:Inter,"Segoe UI",sans-serif!important;font-weight:450!important}
.ap-root.ap-root.ap-root table td{color:var(--ag-text)!important;font-size:12px!important}
.ap-root.ap-root.ap-root tbody tr:hover{background:var(--ag-soft)!important}
.ap-root.ap-root.ap-root :is(.ap-rank-row,.ap-session-list article,.ap-stack-list article,.ap-variable-list article,.ap-type-list article,.ap-device-slots,.ap-switch-list,.ap-switch-row,.ap-type-help,.ap-generated>div:last-child,.ap-key-vault div,.ap-card-detail-head>button:first-child,.ap-policy>label,.ap-quota-grid>div,.ap-tabs,.ap-tabbar){background:var(--ag-panel)!important;color:var(--ag-text)!important;border-color:var(--ag-line)!important;box-shadow:none!important;border-radius:8px!important}
.ap-root.ap-root.ap-root .ap-rank-row{border:0!important;border-bottom:1px solid var(--ag-line)!important;border-radius:0!important;padding:13px 8px!important}
.ap-root.ap-root.ap-root .ap-rank-row:is(:hover,.active){background:var(--ag-soft)!important}
.ap-root.ap-root.ap-root :is(.ap-rank-users,.ap-session-list small,.ap-quota-grid span,.ap-activity-list small){color:var(--ag-muted)!important}
.ap-root.ap-root.ap-root :is(.ap-rank-users b,.ap-session-list button,.ap-row-actions button,.ap-stack-list button){color:var(--ag-cyan)!important}
.ap-root.ap-root.ap-root .ap-rank-bar{height:4px!important;background:var(--ag-raised)!important}
.ap-root.ap-root.ap-root .ap-rank-bar i{background:var(--ag-cyan)!important}
.ap-root.ap-root.ap-root .ap-session-list article{border-bottom:1px solid var(--ag-line);padding:14px 8px!important;border-radius:0!important}
.ap-root.ap-root.ap-root :is(.ap-session-list b,.ap-account b,.ap-quota-grid b){color:var(--ag-text)!important}
.ap-root.ap-root.ap-root :is(.ap-pager,.ap-empty,.ap-step-label,.ap-legend){color:var(--ag-muted)!important}
.ap-root.ap-root.ap-root .ap-pager button{background:var(--ag-panel)!important;border-color:var(--ag-line)!important;color:var(--ag-text)!important}
.ap-root.ap-root.ap-root :is(.ap-tab,.ap-tabs button,.ap-tabbar button){background:transparent!important;color:var(--ag-muted)!important;box-shadow:none!important}
.ap-root.ap-root.ap-root :is(.ap-tab.active,.ap-tabs button.active,.ap-tabbar button.active){color:var(--ag-cyan)!important;background:var(--ag-soft)!important}
.ap-root.ap-root.ap-root :is(.ap-pill,.ap-badge,.ap-agent-pill,.ap-status.active,.ap-status.on){background:var(--ag-soft)!important;color:var(--ag-cyan)!important;border-color:var(--ag-line)!important}
.ap-root.ap-root.ap-root :is(.ap-status.off,.ap-status.disabled){color:var(--ag-muted)!important;background:var(--ag-raised)!important}
.ap-root.ap-root.ap-root .ap-modal-scrim{background:#05080cb3!important;backdrop-filter:blur(9px)!important}
.ap-root.ap-root.ap-root .ap-modal{background:var(--ag-panel)!important;box-shadow:0 30px 80px #0007!important}
.ap-root.ap-root.ap-root :is(code,.ap-secret-row,.ap-key-vault span){color:var(--ag-muted)!important}
.ap-root.ap-root.ap-root .ap-toast{background:var(--ag-raised)!important;color:var(--ag-cyan)!important;border-color:var(--ag-line)!important}
.ap-root.ap-root.ap-root .ap-toast.danger{color:var(--ag-danger)!important}
.ap-root.ap-root.ap-root .ap-mobile-menu{background:var(--ag-raised)!important;color:var(--ag-text)!important;border:1px solid var(--ag-line)!important;box-shadow:0 4px 20px #0004!important;border-radius:9px!important}
.ap-root.ap-root.ap-root ::-webkit-scrollbar-thumb{background:var(--ag-raised)!important;border:2px solid transparent!important;background-clip:content-box!important}
.ap-root.ap-root.ap-root :is(button,input,textarea,a):focus-visible{outline:2px solid var(--ag-cyan);outline-offset:3px}
.ag-tools{display:flex;align-items:center;gap:13px;margin-left:auto;font-size:10px;color:var(--ag-dim)}
.ag-tools button{padding:7px 10px;border:1px solid var(--ag-line);background:var(--ag-panel);color:var(--ag-muted);border-radius:7px;font:inherit;cursor:pointer}
.ag-tools button:hover{color:var(--ag-text);background:var(--ag-raised)}
.ag-dashboard{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(260px,1fr);gap:16px;margin-bottom:18px}
.ag-dashboard .ag-card{padding:20px;background:var(--ag-panel);border:1px solid var(--ag-line);border-radius:11px;min-width:0;box-shadow:0 12px 32px #0002}
.ag-card-head{display:flex;justify-content:space-between;align-items:flex-start;gap:10px;margin-bottom:12px}.ag-card h2{font-size:14px;font-weight:550;margin:0 0 7px;color:var(--ag-text)}.ag-card small{color:var(--ag-muted);font-size:10px}
.ag-periods{display:flex;gap:3px;padding:3px;border:1px solid var(--ag-line);border-radius:6px;background:var(--ag-bg)}.ag-periods button{border:0;border-radius:4px;background:transparent;color:var(--ag-dim);font:inherit;font-size:10px;padding:5px 8px;cursor:pointer}.ag-periods button[aria-pressed=true]{background:var(--ag-raised);color:var(--ag-text)}
.ag-chart-summary{display:flex;gap:9px;align-items:baseline;margin-bottom:12px;color:var(--ag-muted);font-size:10px}.ag-chart-summary strong{color:var(--ag-text);font-size:26px;letter-spacing:-.035em;font-weight:550;font-variant-numeric:tabular-nums}.ag-chart{width:100%;height:205px;display:block}.ag-chart text{fill:var(--ag-dim);font-size:9px;font-family:inherit}.ag-chart .ag-grid{stroke:var(--ag-line);stroke-dasharray:3 5;stroke-width:.7}.ag-bar{transform-box:fill-box;transform-origin:bottom;animation:ag-bar-in .65s ease both}.ag-bar:hover{opacity:.75}.ag-legend{display:flex;gap:16px;justify-content:center;color:var(--ag-muted);font-size:10px;margin-top:7px}.ag-legend span{display:flex;align-items:center;gap:5px}.ag-legend i{height:6px;width:6px;border-radius:2px;background:var(--ag-cyan)}.ag-legend .violet{background:var(--violet)}.ag-chart-error{padding:35px 0;color:var(--ag-muted);font-size:12px;line-height:1.8}.ag-chart-error button{border:1px solid var(--ag-line);border-radius:6px;padding:5px 10px;background:var(--ag-raised);color:var(--ag-text);cursor:pointer}
.ag-ring{position:relative;height:170px;display:grid;place-items:center}.ag-ring svg{width:160px;height:160px;transform:rotate(-90deg)}.ag-ring-track,.ag-ring-fill{fill:none;stroke:var(--ag-raised);stroke-width:9}.ag-ring-fill{stroke:var(--ag-cyan);stroke-linecap:round;stroke-dasharray:421;transition:stroke-dashoffset .8s ease}.ag-ring-copy{position:absolute;display:flex;flex-direction:column;align-items:center;gap:9px}.ag-ring-copy strong{font-size:29px;font-weight:500;font-variant-numeric:tabular-nums;letter-spacing:-.045em}.ag-ring-copy small{font-size:10px}.ag-ring-rows{border-top:1px solid var(--ag-line);padding-top:14px;margin-top:13px;display:flex;flex-direction:column;gap:12px}.ag-ring-rows>div{display:flex;justify-content:space-between;gap:12px;color:var(--ag-muted);font-size:11px}.ag-ring-rows b{color:var(--ag-text);font-weight:450;font-variant-numeric:tabular-nums}
.ag-counting{color:transparent!important}.ag-count-ghost{position:absolute;left:0;top:0;color:var(--ag-text)!important;white-space:nowrap;pointer-events:none}
/* ELF keeps its dedicated workflow, but adopts the same palette and sidebar. */
.ap-root.ap-root.ap-root .eh-page{--eh-bg:var(--ag-bg);--eh-panel:var(--ag-panel);--eh-ink:var(--ag-text);--eh-muted:var(--ag-muted);--eh-line:var(--ag-line);--eh-teal:var(--ag-cyan);--eh-danger:var(--ag-danger);background:var(--ag-bg)!important;color:var(--ag-text)!important;border-color:var(--ag-line)!important}
.ap-root.ap-root.ap-root .eh-page :is(.eh-lab-header,.eh-card,.eh-panel,.eh-mode-card,.eh-queue,.eh-settings-card,.eh-history,.eh-history-head){background:var(--ag-panel)!important;border-color:var(--ag-line)!important;color:var(--ag-text)!important}
.ap-root.ap-root.ap-root .eh-page :is(input,textarea,select){background:var(--ag-raised)!important;color:var(--ag-text)!important;border-color:var(--ag-line)!important}
.ap-root.ap-root.ap-root .eh-page :is(p,small,label,.eh-lab-context,.eh-lab-title span){color:var(--ag-muted)!important}
@keyframes ag-bar-in{from{transform:scaleY(0)}to{transform:scaleY(1)}}
@media(hover:hover) and (prefers-reduced-motion:no-preference){.ap-root.ap-root.ap-root .ap-metrics>.ap-metric:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--ag-cyan) 40%,transparent)!important}.ap-root.ap-root.ap-root .ap-metric:hover::after{opacity:1}}
@media(max-width:1100px){.ag-dashboard{grid-template-columns:minmax(0,1.4fr) minmax(235px,1fr)}.ap-root.ap-root.ap-root .ap-main{padding-left:24px!important;padding-right:24px!important}.ag-periods button{padding:5px 6px}}
@media(max-width:900px){.ag-dashboard{grid-template-columns:1fr}.ag-ring{height:160px}.ag-chart{height:190px}}
@media(max-width:800px){.ap-root.ap-root.ap-root .ap-main{margin-left:0!important;padding:76px 16px 40px!important}.ap-root.ap-root.ap-root .ap-sidebar{transform:translateX(-115%)!important;transition:transform .22s;box-shadow:15px 0 65px #0006!important}.ap-root.ap-root.ap-root .ap-sidebar.open{transform:translateX(0)!important}.ag-tools>span{display:none}.ap-root.ap-root.ap-root .ap-page-head{flex-wrap:wrap}.ap-root.ap-root.ap-root .ap-page-head h1{font-size:24px!important}}
@media(max-width:520px){.ag-card-head{flex-wrap:wrap}.ag-dashboard .ag-card{padding:16px}.ap-root.ap-root.ap-root .ap-metric{padding:15px!important}.ap-root.ap-root.ap-root .ap-mini-metrics .ap-metric{padding:12px!important}.ag-tools{gap:5px}.ap-root.ap-root.ap-root .ap-back-row{margin-bottom:20px!important}}
@media(prefers-reduced-motion:reduce){.ap-root.ap-root.ap-root *, .ap-root.ap-root.ap-root *::after{animation:none!important;transition:none!important}}
.ap-root.ap-root.ap-root .ap-brand .text-mist-50{color:var(--ag-text)!important}
.ap-root.ap-root.ap-root .ap-brand .text-mist-500{color:var(--ag-muted)!important}
.ap-root.ap-root.ap-root .ap-metric>strong.ag-counting{color:transparent!important}
.ap-root.ap-root.ap-root .ap-secret-row{background:var(--ag-raised)!important;border-color:var(--ag-line)!important;color:var(--ag-muted)!important}
.ap-root.ap-root.ap-root .eh-page :is(.eh-file-inspector,.eh-function-workbench,.eh-build-panel,.eh-dropzone,.eh-job-row,.eh-function-row,.eh-progress,.eh-job-progress){background:var(--ag-panel)!important;border-color:var(--ag-line)!important;color:var(--ag-text)!important}
.ap-root.ap-root.ap-root .eh-page :is(.eh-function-row.is-head,.eh-job-row.is-head){background:var(--ag-raised)!important;color:var(--ag-muted)!important}
.ap-root.ap-root.ap-root .eh-page :is(b,strong,dd){color:var(--ag-text)!important}
.ap-root.ap-root.ap-root .eh-page button{background:var(--ag-raised)!important;color:var(--ag-text)!important;border-color:var(--ag-line)!important}
.ap-root.ap-root.ap-root .eh-page .eh-mode-card.is-active{background:var(--ag-soft)!important;border-color:var(--ag-cyan)!important}
.ap-root.ap-root.ap-root .eh-page :is(.eh-submit,.eh-dropzone button){background:var(--ag-cyan)!important;color:#082b26!important}
.ap-root.ap-root.ap-root .eh-page :is(.eh-jobs-jump,.eh-section-heading>span){background:var(--ag-raised)!important;color:var(--ag-cyan)!important;border-color:var(--ag-line)!important}