/* Billion glass. Paint-only: retain DOM, geometry, color tokens and all controls. */
:root{
 --bg-glass:linear-gradient(135deg,#ffffffd1 0%,#ffffff8a 32%,#ffffff66 67%,#ffffffad 100%);
 --bg-glass-edge:#ffffffed;
 --bg-glass-shadow:inset 0 1px 0 #fff,inset 0 -1px 0 #ffffff60,0 2px 4px #153b2b05,0 16px 40px #153b2b14;
 --bg-glass-float:inset 0 1px 0 #fff,inset 1px 0 0 #ffffffb3,0 12px 36px #153b2b12,0 36px 80px #153b2b0a;
 --bg-glass-control:linear-gradient(165deg,#ffffffed,#ffffffb3);
}
html[data-theme=dark]{
 --bg-glass:linear-gradient(135deg,#263a2ce8,#19271fe0);
 --bg-glass-edge:#b6c4b03d;
 --bg-glass-shadow:inset 0 1px 0 #ffffff1f,inset 0 -1px 0 #ffffff08,0 2px 6px #0002,0 16px 40px #0002;
 --bg-glass-float:inset 0 1px 0 #ffffff29,0 12px 36px #0003,0 36px 80px #0002;
 --bg-glass-control:linear-gradient(165deg,#2e4435eb,#19271ff2);
}
/* Diffused brand light is static: no canvas, animation or moving distortion. */
html #shell{
 background-color:var(--billion-canvas);
 background-image:radial-gradient(ellipse at 4% 10%,#c9dda875,transparent 43%),radial-gradient(ellipse at 90% 88%,#c9dda85c,transparent 46%),linear-gradient(135deg,#ffffff60,transparent 65%);
}
html[data-theme=dark] #shell{background-image:radial-gradient(ellipse at 4% 10%,#c9dda81f,transparent 43%),radial-gradient(ellipse at 90% 88%,#c9dda814,transparent 46%)}
html #shell .workspace{background:#ffffff24;border-color:#ffffffb3;box-shadow:inset 0 1px 0 #fff,0 2px 24px #153b2b04}
html[data-theme=dark] #shell .workspace{background:#19271f29;border-color:#b6c4b029;box-shadow:inset 0 1px 0 #ffffff14}
/* Sidebar already establishes a backdrop context in the existing layout. */
html #shell .sidebar,html[dir] #shell .sidebar,html[data-theme=dark] #shell .sidebar,html #shell.mobile-nav-open .sidebar{
 background:var(--bg-glass);border-color:var(--bg-glass-edge);border-radius:22px;box-shadow:var(--bg-glass-shadow);backdrop-filter:blur(18px) saturate(135%);-webkit-backdrop-filter:blur(18px) saturate(135%);
}
html #shell .topbar{background:var(--bg-glass);border-color:#ffffffb3;box-shadow:inset 0 1px 0 #ffffffed,0 8px 24px #153b2b05}
html[data-theme=dark] #shell .topbar{border-color:var(--billion-line);box-shadow:inset 0 1px 0 #ffffff14,0 8px 24px #0001}
html #shell .topbar :is(#brandSelect,.toolbar-select,.theme-toggle,#logoutButton),html #shell .sidebar .nav-search{
 background:var(--bg-glass-control);border-color:var(--billion-line);box-shadow:inset 0 1px 0 #ffffffb3,0 2px 6px #153b2b05;
}
html[data-theme=dark] #shell .topbar :is(#brandSelect,.toolbar-select,.theme-toggle,#logoutButton),html[data-theme=dark] #shell .sidebar .nav-search{box-shadow:inset 0 1px 0 #ffffff14,0 2px 6px #0001}
html #shell .nav button.active,html #shell .nav button.active:hover,html #shell .reference-nav-group:not([data-group-key=marketingNav]):has(>.nav-items>.reference-primary-duplicate.active)>summary{
 background:linear-gradient(165deg,#ffffff45,transparent 65%),var(--billion-accent);box-shadow:inset 0 1px 0 #ffffffe6,inset 0 -1px 0 #153b2b0f,0 3px 10px #153b2b0d;border-radius:12px;
}
/* No new backdrop/filter contexts on content cards: fixed menus stay viewport-bound. */
html #shell :is(.card,.index-record-card,.reference-settings-card,.general-settings-card,.analytics-metric-card,.reference-resource-card,.metric-strip,.home-reference-metrics,.order-reference-metrics,.product-reference-metrics,.home-reference-assistant,.home-dashboard-summary,.workspace-launch-grid,.detail-section,.home-operation-rail,.product-create-card){
 background:var(--bg-glass);border-color:var(--bg-glass-edge);box-shadow:var(--bg-glass-shadow);border-radius:20px;
}
html #shell :is(.index-toolbar,.reference-resource-toolbar,.surface-toolbar){background:var(--bg-glass);border-color:var(--billion-line);box-shadow:inset 0 1px 0 #ffffffb3}
html #shell :is(.table-wrap,.index-table-wrap){background:#ffffff54;border-color:var(--billion-line)}
html[data-theme=dark] #shell :is(.table-wrap,.index-table-wrap){background:#19271fcf}
html #shell .workspace-launch-card{background:var(--bg-glass);box-shadow:inset 0 1px 0 #ffffffb3}
html #shell table th{background:var(--billion-soft)}
html #shell table td{border-color:var(--billion-line)}
html #shell :is(.tabs .tab.active,[data-catalog-product-tab][aria-pressed=true]){box-shadow:inset 0 1px 0 #ffffffb3,0 2px 8px #153b2b0a}
html :is(#shell,#editor) :is(button,a).primary:not(.danger):not(:disabled):not([aria-disabled=true]){
 background-image:linear-gradient(175deg,#ffffff1f,transparent 60%)!important;box-shadow:inset 0 1px 0 #ffffff80,inset 0 -1px 0 #153b2b2b,0 4px 10px #153b2b12;border-radius:12px;
}
html :is(#shell,#editor) .secondary:not(.danger){background:var(--bg-glass-control);box-shadow:inset 0 1px 0 #ffffffb3,0 2px 6px #153b2b05;border-color:var(--billion-line);border-radius:12px}
html :is(#shell,#editor) :is(input.control,select.control,textarea.control){background:var(--bg-glass-control);box-shadow:inset 0 1px 2px #153b2b05,inset 0 -1px 0 #ffffff80;border-color:var(--billion-input)}
html :is(#shell,#editor) :is(input.control,select.control,textarea.control):focus{box-shadow:0 0 0 3px color-mix(in srgb,var(--billion-focus) 14%,transparent),inset 0 1px 0 #fff}
html :is(#shell,#editor) button:not(:disabled){transition:box-shadow .18s ease,background-color .18s ease}
/* Keep the original overlay geometry, focus trap and scroll container. */
html #editor{background:#153b2b47;backdrop-filter:blur(12px) saturate(115%);-webkit-backdrop-filter:blur(12px) saturate(115%)}
html #editor .editor-panel{background:linear-gradient(135deg,#fffffff0,#ffffffe0);border-color:#fff;box-shadow:inset 0 1px 0 #fff,inset 1px 0 0 #ffffffb3,0 24px 80px #153b2b33}
html[data-theme=dark] #editor .editor-panel{background:linear-gradient(135deg,#263a2cf5,#19271ff2);border-color:var(--billion-line);box-shadow:var(--bg-glass-float)}
html #editor .editor-panel>header,html #editor .editor-panel>footer,html #editor .editor-panel>.editor-actions{background:transparent}
html #toast{background:var(--billion-paper);box-shadow:var(--bg-glass-float)}
/* Richer workspace material: static optical layers, no extra blur surfaces. */
html #shell{
 --bg-glass:linear-gradient(125deg,#fffffff0 0%,#ffffffa1 28%,#ffffff70 66%,#ffffffe0 100%);
 --bg-glass-edge:#ffffff;
 --bg-glass-shadow:inset 0 1px 0 #fff,inset 1px 0 0 #ffffffed,inset 0 -1px 0 #9db18b40,0 0 0 1px #54704718,0 4px 8px #153b2b08,0 18px 40px #153b2b1c;
 --bg-glass-control:linear-gradient(150deg,#fffffff5,#ffffffa8);
 background-image:radial-gradient(ellipse at 0 8%,#c9dda8b8,transparent 49%),radial-gradient(ellipse at 95% 85%,#c9dda899,transparent 50%),linear-gradient(125deg,#ffffffa3,transparent 62%);
}
html #shell .workspace{background:#ffffff12;border-color:#fff;box-shadow:inset 0 1px 0 #fff,inset 1px 0 0 #ffffffa6,0 2px 24px #153b2b08}
html #shell .topbar{box-shadow:inset 0 1px 0 #fff,inset 0 -1px 0 #ffffffcc,0 6px 18px #153b2b0b}
html #shell .nav button:not(.active):not(:disabled):hover,html #shell .reference-nav-group>summary:hover{background:linear-gradient(125deg,#ffffffd9,#ffffff70);box-shadow:inset 0 1px 0 #fff,inset 0 -1px 0 #ffffffa6,0 3px 9px #153b2b0c}
/* Floating list surfaces keep a dense reading plane. Never blur each row. */
html #shell .home-date-reference>section,
html #shell :is(.reference-admin-sort-menu,.reference-bill-sort-menu,.order-page-export-menu-reference,.product-channel-selector-preview)>div,
html #shell :is(.native-inventory-edit-popover,.rollout-control-popover,.resource-metafield-popover,.file-references-popover){
 background:linear-gradient(125deg,#fffffff7,#f4f7eef5 58%,#fffffff7);border-color:#fff;border-radius:16px;box-shadow:inset 0 1px 0 #fff,inset 1px 0 0 #fff,0 0 0 1px #54704726,0 6px 14px #153b2b10,0 22px 48px #153b2b26;
}
html #editor .editor-panel{background:linear-gradient(125deg,#fffffff5 0%,#ffffffd9 35%,#edf2e4e6 72%,#fffffff0 100%);border-color:#fff;box-shadow:inset 0 1px 0 #fff,inset 1px 0 0 #ffffffe6,inset 0 -1px 0 #a6ba944d,0 0 0 1px #ffffff66,0 8px 24px #153b2b1f,0 32px 88px #153b2b47}
html #editor .editor-panel>header{border-bottom-color:#80957530}
html #editor .editor-panel>.editor-actions{border-top-color:#80957530;box-shadow:inset 0 1px 0 #ffffffcc}
html[data-theme=dark] #shell{--bg-glass:linear-gradient(125deg,#304736ed,#19271fe6 66%,#304736eb);--bg-glass-edge:#b6c4b057;--bg-glass-shadow:inset 0 1px 0 #ffffff38,inset 1px 0 0 #ffffff14,0 0 0 1px #0002,0 18px 40px #0003;--bg-glass-control:linear-gradient(150deg,#344c3bef,#19271ff2);background-image:radial-gradient(ellipse at 0 8%,#c9dda82b,transparent 49%),radial-gradient(ellipse at 95% 85%,#c9dda81f,transparent 50%)}
html[data-theme=dark] #shell .workspace{background:#19271f29;border-color:#b6c4b029;box-shadow:inset 0 1px 0 #ffffff14}
html[data-theme=dark] #shell .topbar{box-shadow:inset 0 1px 0 #ffffff29,0 6px 18px #0002}
html[data-theme=dark] #shell .nav button:not(.active):not(:disabled):hover,html[data-theme=dark] #shell .reference-nav-group>summary:hover{background:var(--bg-glass-control);box-shadow:inset 0 1px 0 #ffffff29}
html[data-theme=dark] #shell .home-date-reference>section,
html[data-theme=dark] #shell :is(.reference-admin-sort-menu,.reference-bill-sort-menu,.order-page-export-menu-reference,.product-channel-selector-preview)>div,
html[data-theme=dark] #shell :is(.native-inventory-edit-popover,.rollout-control-popover,.resource-metafield-popover,.file-references-popover){background:linear-gradient(125deg,#304736fa,#19271ff7);border-color:var(--bg-glass-edge);box-shadow:var(--bg-glass-shadow)}
html[data-theme=dark] #editor .editor-panel{background:linear-gradient(125deg,#304736f5,#19271ff0);border-color:#b6c4b057;box-shadow:var(--bg-glass-float)}
@media(prefers-reduced-transparency:reduce),(prefers-contrast:more){
 html #shell .home-date-reference>section,
html #shell :is(.reference-admin-sort-menu,.reference-bill-sort-menu,.order-page-export-menu-reference,.product-channel-selector-preview)>div,
 html #shell :is(.native-inventory-edit-popover,.rollout-control-popover,.resource-metafield-popover,.file-references-popover){background:var(--billion-paper)!important;border-color:var(--billion-input)!important;box-shadow:none!important}
}
@media(forced-colors:active){
 html #shell .home-date-reference>section,
html #shell :is(.reference-admin-sort-menu,.reference-bill-sort-menu,.order-page-export-menu-reference,.product-channel-selector-preview)>div,
 html #shell :is(.native-inventory-edit-popover,.rollout-control-popover,.resource-metafield-popover,.file-references-popover){background:Canvas!important;border-color:CanvasText!important;box-shadow:none!important}
}
/* Public glass chrome, over the same cream/forest/citrus palette. */
body.billion-home{background-image:radial-gradient(ellipse at 90% 12%,#c9dda85c,transparent 34%),radial-gradient(ellipse at 8% 48%,#c9dda838,transparent 35%)}
.billion-home>header{background:#f5f5edb8;border-color:#ffffffdb;box-shadow:inset 0 1px 0 #fff,0 8px 32px #153b2b06;backdrop-filter:blur(18px) saturate(135%);-webkit-backdrop-filter:blur(18px) saturate(135%)}
.billion-home .signin{background:linear-gradient(160deg,#ffffffa6,#ffffff38);border-color:#ffffffed;box-shadow:inset 0 1px 0 #fff,0 3px 12px #153b2b0a;border-radius:99px}
.billion-home .hero-copy .eyebrow{background:linear-gradient(160deg,#ffffffb8,#c9dda845);border-color:#ffffffed;box-shadow:var(--bg-glass-shadow)}
.billion-home .cta{background-image:linear-gradient(165deg,#ffffff21,transparent 65%);box-shadow:inset 0 1px 0 #ffffff73,inset 0 -1px 0 #153b2b30,0 8px 20px #153b2b1a;border-radius:16px}
.billion-home .product-window{background:radial-gradient(ellipse at 100% 0,#c9dda829,transparent 65%),linear-gradient(145deg,#ffffff12,transparent 45%),#143d2c;border-color:#ffffffa6;box-shadow:inset 0 1px 0 #ffffffbf,inset 1px 0 0 #ffffff40,0 16px 40px #153b2b1a,0 40px 88px #153b2b14;border-radius:28px}
.billion-home .product-window figcaption{background:#102e22a6;box-shadow:inset 0 1px 0 #ffffff1f}
.billion-home .window-toolbar{background:linear-gradient(165deg,#ffffff0d,transparent)}
.billion-home .window-categories .selected{background:linear-gradient(165deg,#ffffff45,transparent),#d4edaa;box-shadow:inset 0 1px 0 #ffffffa6,0 3px 10px #0000000a}
.billion-home .platform{background:linear-gradient(135deg,#ffffff52,#ffffff0a),#e6eddc}
.billion-home .workflow-card,.billion-home .questions{background:var(--bg-glass);border-color:#ffffffed;box-shadow:var(--bg-glass-shadow);border-radius:24px}
.billion-home>footer{background:linear-gradient(135deg,#ffffff52,transparent),#e6eddc;border-color:#ffffffb3}
/* Auth card shares the material; its inputs remain legible solid-enough surfaces. */
html #login.login{background-image:radial-gradient(ellipse at 95% 16%,#c9dda84a,transparent 45%),radial-gradient(ellipse at 65% 95%,#c9dda838,transparent 44%)}
html #login.login:before{background:linear-gradient(145deg,#ffffff1a,transparent 48%),radial-gradient(ellipse at 70% 76%,#a0ca6133,transparent 46%),repeating-radial-gradient(ellipse at 10% 90%,transparent 0,transparent 78px,#d4edaa12 79px,transparent 80px),#143d2c;box-shadow:inset 0 1px 0 #ffffff80,inset 1px 0 0 #ffffff40,0 16px 48px #153b2b0f;border:1px solid #ffffff80}
html #login .login-card,html[data-theme=dark] #login .login-card{background:var(--bg-glass);border-color:var(--bg-glass-edge);box-shadow:var(--bg-glass-float);border-radius:26px}
html #login .control,html #login .framework-email.compact{background:var(--bg-glass-control);box-shadow:inset 0 1px 2px #153b2b05,inset 0 -1px 0 #ffffffb3}
html #login .secondary,html #login .framework-header .login-tools .secondary{background:var(--bg-glass-control);box-shadow:inset 0 1px 0 #fff,0 2px 6px #153b2b05}
html #login .login-card .primary,html #login .login-card .primary:not(:disabled){background-image:linear-gradient(165deg,#ffffff21,transparent 65%);box-shadow:inset 0 1px 0 #ffffff80,0 4px 12px #153b2b12}
html.auth-document{background-image:radial-gradient(ellipse at 90% 0,#c9dda84a,transparent 52%),radial-gradient(ellipse at 0 85%,#c9dda833,transparent 48%)}
html.auth-document main,html.auth-document[data-theme] main{background:var(--bg-glass);border-color:var(--bg-glass-edge);box-shadow:var(--bg-glass-float);border-radius:26px}
html.auth-document .auth-assistance{background:linear-gradient(135deg,#ffffff80,#c9dda81f);border-color:var(--billion-line);box-shadow:inset 0 1px 0 #fff}
html.auth-document[data-theme=dark] .auth-assistance{background:var(--billion-soft);box-shadow:inset 0 1px 0 #ffffff1f}
html.auth-document button,html.auth-document input{background:var(--bg-glass-control);box-shadow:inset 0 1px 0 #ffffffb3}
@media(max-width:900px){
 html #shell .workspace{box-shadow:none}
 html #shell.mobile-nav-open .sidebar{border-radius:0 22px 22px 0;box-shadow:inset 0 1px 0 #fff,0 0 0 100vmax #153b2b47;backdrop-filter:blur(10px) saturate(120%);-webkit-backdrop-filter:blur(10px) saturate(120%)}
 html[dir=rtl] #shell.mobile-nav-open .sidebar{border-radius:22px 0 0 22px}
 html #editor{backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
 .billion-home>header{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}
}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){
 html #shell .sidebar,html #shell .topbar,html #shell.mobile-nav-open .sidebar,html #login .login-card,html.auth-document main{background:var(--billion-paper)}
}
@media(prefers-reduced-transparency:reduce),(prefers-contrast:more){
 html #shell,html[data-theme=dark] #shell,body.billion-home,html #login.login,html.auth-document{background-image:none}
 html #shell .sidebar,html[dir] #shell .sidebar,html #shell.mobile-nav-open .sidebar,html #shell .topbar,html #shell :is(.card,.index-record-card,.reference-settings-card,.general-settings-card,.analytics-metric-card,.reference-resource-card,.metric-strip,.home-reference-metrics,.order-reference-metrics,.product-reference-metrics,.home-reference-assistant,.home-dashboard-summary,.workspace-launch-grid,.detail-section,.home-operation-rail,.product-create-card),html #login .login-card,html[data-theme=dark] #login .login-card,html.auth-document main,html.auth-document[data-theme] main,.billion-home .workflow-card,.billion-home .questions{background:var(--billion-paper);border-color:var(--billion-input);box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none}
 html #editor,.billion-home>header{backdrop-filter:none;-webkit-backdrop-filter:none}
 html #editor .editor-panel,html[data-theme=dark] #editor .editor-panel{background:var(--billion-paper);border-color:var(--billion-input)}
 .billion-home>header{background:#f5f5ed}.billion-home .product-window{background:#143d2c;box-shadow:none;border-color:#466b49}
}
@media(prefers-reduced-motion:reduce){html :is(#shell,#editor) button:not(:disabled){transition:none}}
@media(forced-colors:active){
 html #shell .sidebar,html #shell .topbar,html #editor .editor-panel,html #login .login-card,html.auth-document main,.billion-home .product-window,.billion-home .workflow-card,.billion-home .questions{background:Canvas!important;border-color:CanvasText!important;box-shadow:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
 html #shell,html[data-theme=dark] #shell,body.billion-home,html #login.login,html.auth-document{background-image:none}
 html #shell .nav button.active{outline:2px solid Highlight;box-shadow:none}
}