/* A shell-owned dock: page CSS, topbar transforms and settings composition cannot resize it. */
#billionMobileDock{display:contents}
html #shell .reference-nav-group[data-group-key=financeNav]>summary>.billion-nav-icon{color:#244b35}
.billion-finance-links{display:grid;gap:14px;margin:24px 0}
.billion-finance-links a{display:flex;justify-content:space-between;align-items:center;gap:16px;min-height:64px;padding:16px 20px;border:1px solid var(--billion-line);border-radius:20px;background:var(--billion-paper);color:var(--billion-ink);text-decoration:none}
.billion-finance-links span{font-size:22px}
.billion-settings-exit{box-sizing:border-box;display:block;width:100%;padding:10px 6px;margin-bottom:14px;border:0;background:transparent;color:var(--billion-ink);text-align:start;font:inherit;font-size:13px;cursor:pointer}
@media(min-width:901px){
 html #shell{transition:grid-template-columns 240ms cubic-bezier(.2,.8,.2,1)}
 html #shell.billion-settings-focus{grid-template-columns:72px minmax(0,1fr)}
 html #shell.billion-settings-focus .sidebar,html[dir] #shell.billion-settings-focus .sidebar{padding:20px 8px}
 html #shell.billion-settings-focus .sidebar .logo{padding:2px;height:40px;margin-bottom:16px;overflow:hidden;display:flex;justify-content:flex-start}
 html #shell.billion-settings-focus .sidebar .logo img{max-width:none;width:92px;height:24px;object-fit:contain}
 html #shell.billion-settings-focus .nav-search,html #shell.billion-settings-focus .nav-empty{display:none}
 html #shell.billion-settings-focus .nav .reference-nav-group>summary,html[lang=ar] #shell.billion-settings-focus .nav .reference-nav-group>summary{font-size:0!important;gap:0;min-height:44px;padding:8px;justify-content:center}
 html #shell.billion-settings-focus .nav .reference-nav-group>summary::after,html #shell.billion-settings-focus .nav .reference-nav-group::before{display:none}
 html #shell.billion-settings-focus .nav .reference-nav-group:not(.reference-home-group)>.nav-items{display:none}
 html #shell.billion-settings-focus .reference-home-group .nav-items{padding:0}
 html #shell.billion-settings-focus .reference-home-group button{font-size:0!important;justify-content:center;padding:8px;gap:0}
 html #shell.billion-settings-focus .nav [data-group-key=storeSetup]{margin-top:12px;padding-top:12px}
 html #shell.billion-settings-focus .billion-store-trigger{width:48px;padding:6px;justify-content:center;border-radius:50%;min-height:48px}
 html #shell.billion-settings-focus .billion-store-trigger :is(.billion-store-name,.billion-store-chevron){display:none}
 html #shell.billion-settings-focus #content.settings-reference-content{display:grid;grid-template-columns:216px minmax(0,1fr);gap:28px;padding:24px;align-items:start}
 html #shell.billion-settings-focus .settings-reference-nav{position:sticky;top:24px;display:block;padding:0 12px 16px 0;max-height:calc(100dvh - 64px);overflow:auto;animation:billionSettingsRailIn 240ms cubic-bezier(.2,.8,.2,1)}
 html #shell.billion-settings-focus .settings-reference-nav :is(h2,nav){display:flex}
 html #shell.billion-settings-focus .settings-reference-nav nav{flex-direction:column}
 html #shell.billion-settings-focus .settings-reference-nav h2{font-size:17px;margin:0 0 16px}
 html #shell.billion-settings-focus .settings-reference-mobile,html #shell.billion-settings-focus .settings-reference-mobile-back{display:none!important}
 html #shell.billion-settings-focus .settings-reference-nav a{border-radius:12px;padding:9px 12px}
 html #shell.billion-settings-focus .settings-reference-nav a[aria-current=page]{background:#dbe8c9;color:#244b35}
 html #shell.billion-settings-focus .workspace{margin-block:8px;min-height:calc(100dvh - 16px)}
}
@keyframes billionSettingsRailIn{from{opacity:0;translate:-10px 0}to{opacity:1;translate:0 0}}
@media(max-width:900px){
 html #shell #billionMobileDock{box-sizing:border-box;position:fixed;display:flex;direction:ltr;align-items:center;justify-content:space-between;left:16px;right:16px;bottom:calc(16px + env(safe-area-inset-bottom,0px));height:54px;width:auto;z-index:90;pointer-events:none;transform:none!important;scale:1!important;contain:layout style}
 html #shell #billionMobileDock>button{box-sizing:border-box!important;position:static!important;inset:auto!important;display:grid!important;place-items:center!important;flex:0 0 54px!important;width:54px!important;height:54px!important;min-width:54px!important;min-height:54px!important;max-width:54px!important;max-height:54px!important;margin:0!important;padding:7px!important;border-radius:50%!important;font-size:18px!important;line-height:1!important;transform:none!important;scale:1!important;pointer-events:auto;transition:box-shadow 140ms,background-color 140ms!important}
 html #shell #billionMobileDock>.mobile-menu svg{display:block!important;flex:none!important;width:22px!important;height:22px!important;transform:none!important}
 html #shell #billionMobileDock>.billion-assistant-trigger>span{display:none}
 html #shell #billionMobileDock>.billion-assistant-trigger .billion-assistant-mark{width:40px!important;height:40px!important;flex:none}
 html #shell.mobile-nav-open #billionMobileDock>.billion-assistant-trigger{visibility:hidden;pointer-events:none}
 body:has(#billionAssistantDialog[open]) #billionMobileDock,body:has(#editor:not(.hidden)) #billionMobileDock{visibility:hidden;pointer-events:none}
 .billion-settings-exit{display:none}
}
/* Entry card measured against the reference: one email action, one passkey row,
   and actual configured provider icons. No decorative stage or fake providers. */
html.billion-account-flow #login.login{padding:96px 24px 48px;background:var(--billion-canvas);justify-content:center}
html.billion-account-flow #login .login-card,html.billion-account-flow #login .login-card:first-of-type{max-width:476px;padding:40px;border:1px solid #e4e9df;border-radius:22px;background:#fff;box-shadow:0 8px 32px #153b2b08}
html.billion-account-flow #login .login-card h1{font-size:26px;line-height:32px;margin:0 0 4px}
html.billion-account-flow #login #loginIntro{font-size:14px;line-height:22px;margin:0 0 24px}
html.billion-account-flow #login .framework-email.compact{gap:12px}
html.billion-account-flow #login .framework-email.compact #email{min-height:40px;height:40px;padding:8px 12px;border-radius:18px;box-shadow:none;font-size:16px}
html.billion-account-flow #login .framework-email.compact #loginSubmit{height:44px;min-height:44px;border-radius:8px;box-shadow:none;font-size:14px}
html.billion-account-flow #login .billion-entry-divider{margin:20px 0 16px}
html.billion-account-flow #login #passkeySignIn,html.billion-account-flow #login #appleSignInButton{height:42px;min-height:42px;border-radius:8px;box-shadow:none;background:#f0f3ec;color:#203b2c;border:1px solid #e4eadc}
html.billion-account-flow #login #passkeyManage{margin:0;height:0;overflow:hidden}
html.billion-account-flow #login #passkeyManage:focus{height:auto;margin:8px 0}
html.billion-account-flow #login .billion-provider-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:10px}
html.billion-account-flow #login .billion-provider-row:has(>#googleSignIn[hidden]):has(>#appleSignIn[hidden]){display:none}
html.billion-account-flow #login .billion-provider-row>section{margin:0!important;padding:0!important;border:0!important;min-width:0}
html.billion-account-flow #login .billion-provider-row #googleSignInButton{min-height:42px;box-sizing:border-box;background:#f0f3ec;border:1px solid #e4eadc;border-radius:8px;align-items:center;justify-content:center}
html.billion-account-flow #login .billion-provider-row #appleSignInButton{display:flex;align-items:center;justify-content:center;gap:0;width:100%}
html.billion-account-flow #login .billion-provider-row #appleSignInButton>span{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
html.billion-account-flow #login .billion-provider-row p{font-size:12px;line-height:1.5;margin:8px 0 0}
html.billion-account-flow #login .billion-provider-row p:empty{display:none}
html.billion-account-flow #login .billion-signup-line{margin:28px 0 0;font-size:13px}
html.billion-account-flow #login .billion-login-alternatives{font-size:12px;margin-top:16px;color:var(--billion-muted)}
html.billion-account-flow #login .billion-login-alternatives>summary{cursor:pointer;padding:4px 0}
html.billion-account-flow #login .billion-login-alternatives .billion-email-link{margin:8px 0 0;text-align:start}
html.billion-account-flow #login .billion-login-footer{margin-top:20px}
html.billion-account-flow #login .billion-entry-identity{padding:10px 12px;border-radius:8px;margin-bottom:20px}
html.billion-account-flow #login #password{border-radius:8px;height:42px;min-height:42px;font-size:16px}
@media(max-width:600px){html.billion-account-flow #login.login{padding:100px 20px 32px;justify-content:flex-start}html.billion-account-flow #login .login-card,html.billion-account-flow #login .login-card:first-of-type{padding:28px 24px;border-radius:20px}html.billion-account-flow #login .framework-header{inset-inline:20px;inset-block-start:20px}}
@media(prefers-reduced-motion:reduce){html #shell{transition:none!important}html #shell .settings-reference-nav{animation:none!important}}
@media(forced-colors:active){html.billion-account-flow #login .login-card{background:Canvas;border-color:CanvasText;box-shadow:none}}

@media(min-width:901px){html #shell.billion-settings-focus .sidebar .logo img{content:url('/admin/assets/billion-monogram.svg')!important;width:32px;height:32px}html[dir=rtl] #shell .settings-reference-nav{animation-name:billionSettingsRailInRTL}}
@keyframes billionSettingsRailInRTL{from{opacity:0;translate:10px 0}to{opacity:1;translate:0 0}}
@media(prefers-reduced-motion:reduce){html[dir=rtl] #shell .settings-reference-nav{animation:none!important}}

/* Provider styles load asynchronously; keep the actual nodes aligned. */
html.billion-account-flow #login #billionProviderRow{align-items:start}
html.billion-account-flow #login #billionProviderRow :is(#googleSignIn,#appleSignIn){margin:0!important;padding:0!important;border:0!important;min-height:0!important}
html.billion-account-flow #login #billionProviderRow :is(#googleSignInButton,#appleSignInButton){height:42px!important;min-height:42px!important;margin:0!important}
html.billion-account-flow #login #passkeyManage:not(:focus){height:0!important;min-height:0!important;max-height:0!important;margin:0!important;padding:0!important;overflow:hidden;clip-path:inset(50%)}

/* Login uses the same forest/citrus glass material as the workspace. */
html.billion-account-flow #login.login{background-color:var(--billion-canvas);background-image:radial-gradient(ellipse at 8% 12%,#c9dda875,transparent 48%),radial-gradient(ellipse at 94% 88%,#c9dda85c,transparent 48%),linear-gradient(135deg,#ffffff60,transparent 65%)}
html.billion-account-flow #login .login-card,html.billion-account-flow #login .login-card:first-of-type{background:var(--bg-glass);border:1px solid var(--bg-glass-edge);border-radius:32px;box-shadow:var(--bg-glass-float);backdrop-filter:blur(18px) saturate(135%);-webkit-backdrop-filter:blur(18px) saturate(135%)}
html.billion-account-flow #login :is(#email,#password){border-radius:18px;background:var(--bg-glass-control);border-color:#79917e70;box-shadow:inset 0 1px 2px #153b2b05,inset 0 -1px 0 #ffffffb3}
html.billion-account-flow #login #loginSubmit,html.billion-account-flow #login .framework-email.compact #loginSubmit{border-radius:999px;background-color:#244b35;background-image:linear-gradient(165deg,#ffffff30,transparent 70%);border:1px solid #43654b;box-shadow:inset 0 1px 0 #ffffff8c,0 4px 12px #153b2b12}
html.billion-account-flow #login :is(#passkeySignIn,#forgotPassword,.billion-entry-identity){border-radius:999px;background:var(--bg-glass-control);border-color:var(--bg-glass-edge);box-shadow:inset 0 1px 0 #fff,0 3px 10px #153b2b08}
html.billion-account-flow #login #billionProviderRow{display:flex;justify-content:center;align-items:start;gap:16px;margin-top:16px}
html.billion-account-flow #login #billionProviderRow :is(#googleSignIn,#appleSignIn){flex:0 0 54px;width:54px;min-width:0}
html.billion-account-flow #login #billionProviderRow :is(#googleSignInButton,#appleSignInButton){box-sizing:border-box;width:54px!important;height:54px!important;min-height:54px!important;padding:6px!important;border-radius:50%!important;background:var(--bg-glass-control);border:1px solid var(--bg-glass-edge);box-shadow:inset 0 1px 0 #fff,0 4px 12px #153b2b0c}
html.billion-account-flow #login #billionProviderRow p{overflow-wrap:anywhere;text-align:center}
html.billion-account-flow #login .framework-header :is(.secondary,#loginLocaleToggle){border-radius:999px!important;background:var(--bg-glass-control);border:1px solid var(--bg-glass-edge);box-shadow:inset 0 1px 0 #fff,0 3px 10px #153b2b08}
@media(max-width:600px){html.billion-account-flow #login .login-card,html.billion-account-flow #login .login-card:first-of-type{border-radius:28px;backdrop-filter:blur(10px) saturate(125%);-webkit-backdrop-filter:blur(10px) saturate(125%)}}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){html.billion-account-flow #login .login-card{background:var(--billion-paper)}}
@media(prefers-reduced-transparency:reduce){html.billion-account-flow #login .login-card{background:var(--billion-paper);backdrop-filter:none;-webkit-backdrop-filter:none}}
@media(forced-colors:active){html.billion-account-flow #login .login-card,html.billion-account-flow #login #billionProviderRow :is(#googleSignInButton,#appleSignInButton),html.billion-account-flow #login :is(#loginSubmit,#passkeySignIn,#forgotPassword){background:Canvas!important;color:CanvasText!important;border-color:CanvasText!important;box-shadow:none!important;backdrop-filter:none;-webkit-backdrop-filter:none}}

/* One settings shell for the index and its detail pages. */
html #shell .settings-unified-index>.settings-search-label{display:block;max-width:540px;margin:18px 0 28px;font-size:13px}
html #shell .settings-index-group{margin:0 0 26px}
html #shell .settings-index-group h2{font-size:15px;margin:0 0 10px}
html #shell .settings-index-group .settings-option-list{border:1px solid var(--bg-glass-edge);border-radius:22px;background:var(--bg-glass);box-shadow:var(--bg-glass-shadow);overflow:hidden}
html #shell .settings-index-group .setting-row{border-radius:0;background:transparent;box-shadow:none}
html #shell .settings-index-group .setting-row:last-child{border-bottom:0}
html #shell.billion-settings-focus .settings-reference-nav h3{font-size:12px;color:var(--billion-muted);margin:16px 12px 6px}
@media(min-width:901px){
 html #shell{transition:grid-template-columns 360ms cubic-bezier(.22,1,.36,1)}
 html #shell.billion-settings-focus #content>.view{min-width:0;max-width:100%;width:100%;margin:0}
 html #shell.billion-settings-focus .settings-reference-nav{animation:none}
}
@media(max-width:900px){
 html #shell.billion-settings-focus #content.settings-reference-content{display:block}
 html #shell.billion-settings-focus .settings-reference-nav{position:static;max-height:none;padding:0;margin:0 0 18px}
 html #shell.billion-settings-focus .settings-reference-nav h2,html #shell.billion-settings-focus .settings-reference-nav nav{display:none}
 html #shell.billion-settings-focus .settings-reference-mobile{display:block;width:100%;border-radius:18px}
}
/* Official provider glyphs share one circular rhythm, with full status width. */
html.billion-account-flow #login #billionProviderRow{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
html.billion-account-flow #login #billionProviderRow :is(#googleSignIn,#appleSignIn){width:auto;min-width:0}
html.billion-account-flow #login #billionProviderRow :is(#googleSignInButton,#appleSignInButton){margin:0 auto!important;background:#ffffffc7;box-shadow:inset 0 1px 0 #fff,0 4px 12px #153b2b0c}
html.billion-account-flow #login #appleSignInButton img{width:48px;height:48px;max-width:none;flex:0 0 48px;border-radius:50%;object-fit:contain;filter:invert(1);mix-blend-mode:multiply}
html.billion-account-flow #login #billionProviderRow p{width:100%;overflow-wrap:break-word;font-size:12px!important;line-height:1.6!important;text-align:start}
@media(forced-colors:active){html.billion-account-flow #login #appleSignInButton img{filter:none;mix-blend-mode:normal}}

/* Compact workspace rhythm: 16px card gaps, 24px page gutters. */
html #shell .content{padding:24px 24px 56px}
html #shell .content h1{font-size:24px;line-height:1.35}
html #shell :is(.reference-resource-heading,.workspace-home-heading,.reference-settings-heading){margin-bottom:20px;gap:12px}
html #shell :is(.card,.reference-settings-card,.general-settings-card){padding:16px}
html #shell :is(.detail-grid,.analytics-top-metrics,.analytics-card-grid){gap:16px}
html #shell :is(.index-toolbar,.reference-resource-toolbar,.surface-toolbar){padding:12px 16px;gap:8px}
html #shell table :is(th,td){padding-top:10px;padding-bottom:10px}
html #shell .reference-nav-group>summary,html[lang=ar] #shell .reference-nav-group>summary{min-height:34px;padding:7px 10px}
html #shell .reference-nav-group .nav-items>button[data-view]{min-height:32px;padding:6px 10px}
html #shell .settings-index-group{margin-bottom:20px}
html #shell .settings-index-group .setting-row{min-height:64px;padding:12px 16px}
html #shell .settings-index-group .setting-link-title{font-size:14px}
html #shell .settings-index-group .setting-link-desc{font-size:12px;line-height:1.5}
/* Both financial and store preferences use the same bounded editor canvas. */
@media(min-width:901px){
 html #shell.billion-settings-focus{grid-template-columns:60px minmax(0,1fr)}
 html #shell.billion-settings-focus .workspace{position:relative;margin:4px;min-height:calc(100dvh - 8px)}
 html #shell.billion-settings-focus .sidebar,html[dir] #shell.billion-settings-focus .sidebar{padding:16px 4px}
 html #shell.billion-settings-focus .workspace>.topbar{position:absolute;inset-block-start:12px;inset-inline-end:12px;z-index:4;width:40px;height:40px;min-height:40px;padding:0;border:0;background:transparent;box-shadow:none;backdrop-filter:none}
 html #shell.billion-settings-focus .topbar .topbar-main,html #shell.billion-settings-focus .topbar .user{display:none}
 html #shell.billion-settings-focus #content:is(.settings-reference-content,.finance-reference-content){display:grid;grid-template-columns:240px minmax(0,1fr);gap:0;padding:0;align-items:start}
 html #shell.billion-settings-focus #content>.settings-reference-nav{grid-column:1;grid-row:1;position:sticky;top:0;padding:20px 12px;max-height:calc(100dvh - 8px);margin:0;border-inline-end:1px solid #ffffff8c}
 html #shell.billion-settings-focus #content>.view{grid-column:2;grid-row:1;box-sizing:border-box;justify-self:center;width:100%;max-width:848px;padding:56px 24px 64px;margin:0}
 html #shell.billion-settings-focus .settings-reference-nav a{padding:7px 10px;min-height:30px;font-size:13px}
 html #shell.billion-settings-focus .settings-reference-nav h2{margin-bottom:14px;font-size:15px}
 html #shell.billion-settings-focus .settings-reference-nav .billion-settings-exit{margin-bottom:16px;padding:6px;font-size:13px}
}
@media(max-width:900px){
 html #shell .content{padding:20px 16px 96px}
 html #shell .content h1{font-size:22px}
 html #shell.billion-settings-focus #content.finance-reference-content{display:block}
 html #shell .finance-reference-nav .billion-settings-exit{display:block;width:auto;margin:0 0 12px}
 html #shell :is(.card,.reference-settings-card,.general-settings-card){padding:16px}
}
/* Native selects retain their options/events and receive the same glass surface. */
html :is(#shell #content,#editor) select:not([multiple]){box-sizing:border-box;max-width:100%;min-height:36px;padding:7px 12px;padding-inline-end:34px;border:1px solid var(--billion-line);border-radius:12px;background-color:#f9fbf7;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='m2 2 4 4 4-4' fill='none' stroke='%23244b35' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"),var(--bg-glass-control);background-repeat:no-repeat;background-position:right 12px center,center;background-size:12px 8px,100% 100%;color:var(--billion-ink);font:inherit;font-size:13px;appearance:none;box-shadow:inset 0 1px 0 #fff,0 1px 3px #153b2b08}
html[dir=rtl] :is(#shell #content,#editor) select:not([multiple]){background-position:left 12px center,center}
html :is(#shell #content,#editor) select:focus-visible{outline:2px solid #42674e;outline-offset:2px}
html :is(#shell #content,#editor) select:disabled{opacity:.6;cursor:not-allowed}
html :is(#shell #content,#editor) select option{background:#f9fbf7;color:#203b2c}
html #shell #content :is(details[class*="menu"],details[class*="filter"],details[class*="sort"],details[class*="display"])>summary{border-radius:12px;border-color:var(--billion-line);background:var(--bg-glass-control);color:var(--billion-ink);min-height:34px;box-shadow:inset 0 1px 0 #fff}
html #shell #content :is(details[class*="menu"],details[class*="filter"],details[class*="sort"],details[class*="display"])>div{border-radius:16px;border-color:var(--bg-glass-edge);background:var(--bg-glass);box-shadow:var(--bg-glass-shadow);backdrop-filter:blur(12px) saturate(125%)}
/* Passkey and social providers form one row using the original interactive nodes. */
html.billion-account-flow #login #billionAuthMethods{display:grid;grid-template-columns:minmax(0,1fr) 136px;gap:12px;align-items:start;margin:0}
html.billion-account-flow #login #billionAuthMethods>#passkeyEntry{margin:0!important;padding:0!important;border:0!important;min-width:0}
html.billion-account-flow #login #billionAuthMethods #passkeySignIn{height:54px;min-height:54px;padding:8px 12px;font-size:13px}
html.billion-account-flow #login #billionAuthMethods #billionProviderRow{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:0}
html.billion-account-flow #login #billionAuthMethods:not(:has(>#passkeyEntry:not([hidden]))){grid-template-columns:minmax(0,1fr)}
html.billion-account-flow #login #billionAuthMethods #billionProviderRow p{font-size:11px!important}
@media(max-width:380px){html.billion-account-flow #login #billionAuthMethods{grid-template-columns:minmax(0,1fr) 120px;gap:8px}html.billion-account-flow #login #billionAuthMethods #passkeySignIn{font-size:12px;padding:6px 8px}}
@media(forced-colors:active){html :is(#shell #content,#editor) select:not([multiple]){appearance:auto;background:Canvas;color:CanvasText;border-color:CanvasText;box-shadow:none}html #shell #content :is(details[class*="menu"],details[class*="filter"])>div{background:Canvas;color:CanvasText;backdrop-filter:none}}
html #shell #content .view :is(.card,.reference-settings-card,.general-settings-card){padding:16px}
html.billion-account-flow #login #billionAuthMethods #billionProviderRow:has(>#googleSignIn[hidden]),html.billion-account-flow #login #billionAuthMethods #billionProviderRow:has(>#appleSignIn[hidden]){grid-template-columns:minmax(0,1fr)}
html.billion-account-flow #login .billion-provider-messages{grid-column:1 / -1;min-width:0}
html.billion-account-flow #login .billion-provider-messages:not(:has(p:not(:empty),button:not([hidden]))){display:none}
html.billion-account-flow #login .billion-provider-messages p{width:100%;margin:0;font-size:12px!important;line-height:1.6!important;overflow-wrap:break-word;text-align:start}
html.billion-account-flow #login .billion-provider-messages p:empty{display:none}
html.billion-account-flow #login .billion-provider-messages button{margin:8px 0 0}
/* Context entry points stay closed; the selected panel owns its sections. */
html #shell #nav :is([data-group-key=storeSetup],[data-group-key=financeNav])>.nav-items{display:none!important}
html #shell #nav :is([data-group-key=storeSetup],[data-group-key=financeNav])>summary::after{display:none}
html #shell [data-billion-internal-ui=true]{display:none!important}
html #shell .settings-reference-nav nav a{display:flex!important;align-items:center;gap:9px;min-height:36px}
html #shell .settings-reference-nav .billion-nav-icon{display:block;width:22px;height:22px;min-width:22px;flex:0 0 22px}
html #shell .settings-reference-nav .billion-context-label{min-width:0;overflow-wrap:anywhere}
html #shell .billion-context-picker{display:none}
html #shell .reference-autopilot-visual>img{display:block;width:100%;max-width:320px;height:240px;object-fit:contain;margin:auto}
@media(min-width:901px){
 html #shell.billion-settings-focus #content>.settings-reference-nav{background:#edf3e4ed;border:1px solid #ffffffed;border-radius:18px;margin:8px 0;max-height:calc(100dvh - 24px);box-shadow:inset 0 1px 0 #fff}
 html #shell.billion-settings-focus .workspace{background:#ffffffad}
 html #shell.billion-settings-focus #content{column-gap:8px}
}
@media(max-width:900px){
 html #shell .settings-reference-nav.billion-context-enhanced select.settings-reference-mobile{display:none!important}
 html #shell .billion-context-picker{display:block;position:relative;width:100%;z-index:12}
 html #shell .billion-context-picker>summary{display:flex;align-items:center;gap:10px;min-height:44px;padding:10px 14px;border:1px solid var(--bg-glass-edge);border-radius:16px;background:var(--bg-glass-control);box-shadow:var(--bg-glass-shadow);list-style:none;cursor:pointer}
 html #shell .billion-context-picker>summary::-webkit-details-marker{display:none}
 html #shell .billion-context-picker>summary::after{content:'⌄';margin-inline-start:auto}
 html #shell .billion-context-picker-panel{position:absolute;inset-inline:0;top:calc(100% + 6px);max-height:60dvh;overflow:auto;padding:8px;border:1px solid var(--bg-glass-edge);border-radius:18px;background:#f5f8f0f5;box-shadow:var(--bg-glass-float);backdrop-filter:blur(12px) saturate(120%)}
 html #shell .billion-context-picker-panel>a{display:flex;align-items:center;gap:10px;min-height:44px;padding:8px 10px;border-radius:12px;color:var(--billion-ink);text-decoration:none;font-size:13px}
 html #shell .billion-context-picker-panel>a[aria-current=page]{background:#dbe8c9;font-weight:600}
}
@media(forced-colors:active){html #shell .billion-context-picker-panel,html #shell .billion-context-picker>summary{background:Canvas;color:CanvasText;border-color:CanvasText;box-shadow:none}}
html :is(#shell,#editor) [data-billion-internal-ui=true]{display:none!important}
html #shell .settings-option-list .setting-row{display:flex;align-items:center;gap:10px}
html #shell .settings-option-list .setting-row>.billion-nav-icon{width:24px;height:24px;min-width:24px;flex:0 0 24px}
html #shell .settings-option-list .setting-row>span:not(.setting-link-arrow){flex:1;min-width:0}
/* Denser merchant canvas: less vertical travel, original controls and type retained. */
html #shell .content{padding-top:16px}
html #shell #content>.view>header{margin-bottom:16px}
html #shell #content .view :is(.card,.reference-settings-card,.general-settings-card,.detail-section){padding:12px 16px;margin-bottom:12px}
html #shell #content .view :is(.detail-grid,.analytics-top-metrics,.analytics-card-grid,.reference-settings-grid){gap:12px}
html #shell #content .view :is(h2,h3){margin-block-start:0;margin-block-end:8px}
html #shell #content .view p{margin-block:6px;line-height:1.5}
html #shell #content .view :is(.general-aux-row,.detail-row){min-height:44px;padding-block:8px}
html #shell #content .general-settings-reference :is(.general-settings-section,.reference-settings-section){margin-block:16px}
html #shell #content .settings-index-group{margin-bottom:12px}
html #shell #content .settings-index-group .setting-row{min-height:52px;padding:8px 12px}
html #shell .settings-reference-nav nav a{min-height:30px;padding-block:4px;gap:7px}
html #shell.billion-settings-focus .settings-reference-nav h3{margin-block:10px 4px}
@media(min-width:901px){html #shell.billion-settings-focus #content>.view{padding-top:36px;padding-bottom:36px}html #shell.billion-settings-focus #content>.settings-reference-nav{padding-block:12px}html #shell.billion-settings-focus .settings-reference-nav .billion-settings-exit{margin-bottom:8px}html #shell #content .general-settings-card{gap:10px}html #shell #content .general-region-heading{margin-top:12px}}
@media(max-width:900px){html #shell.billion-settings-focus .settings-reference-nav{margin-bottom:12px}html #shell .settings-reference-nav nav a{min-height:44px}html #shell .billion-context-picker-panel>a{min-height:44px}}
/* The Dev Dashboard remains a second step; credential controls keep their scope. */
html #shell .developer-settings-reference:not([data-developer-open])>:not(header):not(.billion-developer-gateway){display:none!important}
html #shell .developer-settings-reference[data-developer-open]>.billion-developer-gateway{display:none}
html #shell .billion-developer-gateway{margin:24px 0}
html #shell .billion-developer-gateway h2{font-size:16px}
html #shell .billion-developer-gateway-card{display:grid;grid-template-columns:minmax(0,1fr) 180px;gap:24px;align-items:center;padding:20px;border:1px solid var(--bg-glass-edge);border-radius:24px;background:var(--bg-glass);box-shadow:var(--bg-glass-shadow)}
html #shell .billion-developer-gateway-card img{max-width:100%;height:auto}
html #shell .billion-developer-gateway-card p{margin:0 0 16px!important}
html #shell .billion-developer-back{margin-bottom:12px}
@media(max-width:600px){html #shell .billion-developer-gateway-card{grid-template-columns:minmax(0,1fr);gap:12px;padding:16px}html #shell .billion-developer-gateway-card img{width:140px;grid-row:1;justify-self:center}}
/* Original theme studies now share the same frosted material as the workspace. */
html #shell .reference-theme-artwork.billion-theme-glass{border-radius:22px;border:1px solid #fff;background:radial-gradient(circle at 78% 20%,#e4f2b2aa,transparent 55%),linear-gradient(135deg,#ffffffdd,#dbe9d8bb);box-shadow:inset 0 1px 0 #fff,0 10px 24px #153b2b0b;overflow:hidden}
html #shell .billion-theme-glass .reference-theme-art-nav{background:#ffffffa6;border-bottom:1px solid #fff;color:#28513a}
html #shell .billion-theme-glass .reference-theme-art-scene{background:linear-gradient(125deg,#f6faedb3,#c1d7b3a6);border:1px solid #ffffffbd;border-radius:18px;margin:12px;padding:16px}
html #shell .billion-theme-glass .reference-theme-art-scene>div{background:linear-gradient(135deg,#ffffffc9,#e7f4bfa6);border:1px solid #fff;border-radius:24px;box-shadow:0 10px 20px #234e3917}
html #shell .billion-theme-glass .reference-theme-art-scene>span{background:linear-gradient(140deg,#3b664b,#abc79b);border:1px solid #e5f3d5;border-radius:50%;box-shadow:inset 0 2px 2px #ffffff66,0 8px 18px #163b2b20}
html #shell .billion-theme-glass .reference-theme-art-products>i{background:linear-gradient(145deg,#ffffffd9,#cfdfc4b3);border:1px solid #fff;border-radius:14px;box-shadow:0 6px 10px #153b2b0b}
html #shell .billion-theme-glass.theme-variant-1 .reference-theme-art-scene{flex-direction:row-reverse;background:linear-gradient(125deg,#e3efc8,#b6ceb8)}
html #shell .billion-theme-glass.theme-variant-1 .reference-theme-art-scene>span{border-radius:45% 55% 65% 35%;transform:rotate(20deg)}
html #shell .billion-theme-glass.theme-variant-2 .reference-theme-art-scene{background:linear-gradient(125deg,#f8fbf3,#d3e2bf)}
html #shell .billion-theme-glass.theme-variant-2 .reference-theme-art-scene>span{border-radius:24%;transform:rotate(-12deg)}
html #shell .reference-theme-discover-grid>article{border:1px solid var(--bg-glass-edge);border-radius:22px;padding:10px;background:var(--bg-glass);box-shadow:var(--bg-glass-shadow)}
html #shell .merchant-app-templates>button{border:1px solid var(--bg-glass-edge);border-radius:24px;background:linear-gradient(145deg,#ffffffbf,#e8f1de91);box-shadow:inset 0 1px 0 #fff,0 6px 18px #153b2b0a}
html #shell .merchant-app-templates>button[aria-pressed=true]{border-color:#719569;box-shadow:inset 0 1px 0 #fff,0 0 0 2px #d6e9b2}
@media(forced-colors:active){html #shell .billion-developer-gateway-card,html #shell .merchant-app-templates>button{background:Canvas;border-color:CanvasText;box-shadow:none}}
@media(min-width:901px){
 html #shell.billion-settings-focus .settings-reference-nav nav>a{min-height:30px;padding:4px 8px;line-height:1.4}
 html #shell.billion-settings-focus .settings-reference-nav h2{margin:0 0 8px}
 html #shell.billion-settings-focus .settings-reference-nav h3{margin:8px 8px 4px}
 html #shell.billion-settings-focus #nav details>summary{min-height:36px;padding:6px 4px}
}
html[dir] #shell #content .view .general-settings-section{margin:16px 0}
html[dir] #shell #content .view .general-settings-card{padding:12px 16px;gap:10px}
html[dir] #shell #content .view .general-contact-card{padding:4px 16px}
html[dir] #shell #content .view .general-currency-display{margin:4px 0}
html[dir] #shell #content .view .general-contact-row{padding-block:10px;min-height:52px}
html[dir] #shell #content .view .general-settings-save-reference{margin-top:16px}
/* Main navigation is quiet; native disclosure behavior and accessible names remain. */
html #shell #nav details>summary::after,html #shell #nav details>summary::marker{content:none!important;display:none!important}
html #shell #nav details>summary::-webkit-details-marker{display:none}
html #shell #nav [data-group-key=financeNav]>.nav-items{display:grid!important}
html #shell #nav [data-group-key=financeNav]:not([open])>.nav-items{display:none!important}
html #shell .settings-reference-nav nav a[hidden],html #shell .settings-reference-nav nav h3[hidden]{display:none!important}
html #shell .billion-settings-search{width:100%;min-width:0;margin:0 0 12px;font-size:12px}
html #shell .billion-settings-skeleton{display:grid;gap:12px;padding-top:8px;max-width:100%}
html #shell .billion-settings-skeleton i{display:block;height:84px;border-radius:20px;border:1px solid var(--bg-glass-edge);background:linear-gradient(115deg,#f9fcf5cc,#e9f0df99);box-shadow:inset 0 1px 0 #fff}
@media(min-width:901px){
 html #shell.billion-settings-focus.billion-nav-peek{grid-template-columns:220px minmax(0,1fr)}
 html[dir] #shell.billion-settings-focus.billion-nav-peek .sidebar{padding:16px 10px}
 html #shell.billion-settings-focus.billion-nav-peek .sidebar .logo{height:40px;padding:4px 8px}
 html #shell.billion-settings-focus.billion-nav-peek .sidebar .logo img{content:url('/admin/assets/billion-wordmark.svg')!important;width:92px;height:24px}
 html #shell.billion-settings-focus.billion-nav-peek .nav-search{display:block}
 html #shell.billion-settings-focus.billion-nav-peek #nav .reference-nav-group>summary{font-size:13px!important;gap:9px;min-height:36px;padding:6px 10px;justify-content:flex-start}
 html #shell.billion-settings-focus.billion-nav-peek #nav .reference-home-group button{font-size:13px!important;gap:9px;justify-content:flex-start;padding:6px 10px}
 html #shell.billion-settings-focus.billion-nav-peek #nav .reference-nav-group[open]>.nav-items,
 html #shell.billion-settings-focus.billion-nav-peek #nav .reference-nav-group:hover>.nav-items,
 html #shell.billion-settings-focus.billion-nav-peek #nav .reference-nav-group:focus-within>.nav-items{display:grid!important}
 html #shell.billion-settings-focus.billion-nav-peek #nav [data-group-key=storeSetup]>.nav-items{display:none!important}
 html #shell.billion-settings-focus.billion-nav-peek .billion-store-trigger{width:100%;padding:8px;justify-content:flex-start;border-radius:20px}
 html #shell.billion-settings-focus.billion-nav-peek .billion-store-name{display:block}
 html #shell.billion-settings-focus.billion-nav-peek #content.settings-reference-content{grid-template-columns:minmax(0,1fr)}
 html #shell.billion-settings-focus.billion-nav-peek #content>.settings-reference-nav{display:none}
 html #shell.billion-settings-focus.billion-nav-peek #content>.view{grid-column:1}
}
@media(prefers-reduced-motion:reduce){html #shell{transition:none!important}}
@media(min-width:901px){html #shell.billion-settings-focus:not(.billion-nav-peek) #nav [data-group-key=financeNav]>.nav-items{display:none!important}}

html #shell .billion-finance-links a>span[aria-hidden=true]{display:none}

html #shell #content>.billion-settings-loading{box-sizing:border-box;width:100%;min-width:0}
@media(min-width:901px){html #shell.billion-settings-focus #content>.billion-settings-loading{grid-column:2;grid-row:1;max-width:848px;justify-self:center;padding:36px 24px}html #shell.billion-settings-focus.billion-nav-peek #content>.billion-settings-loading{grid-column:1}}
/* Shipping owns its operational destinations; settings has one language entry. */
html #shell #nav [data-group-key=shippingNav] .reference-primary-duplicate{display:flex}
html #shell .billion-language-tabs{display:flex;gap:6px;margin:0 0 12px;padding-bottom:8px}
html #shell .billion-carrier-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(220px,100%),1fr));gap:12px}
html[dir] #shell #content .view .general-settings-section{margin:12px 0}
html[dir] #shell #content .view .general-settings-card{padding:10px 14px;gap:8px}
html[dir] #shell #content .view .general-contact-card{padding:2px 14px}
html #shell #content .view :is(.card,.reference-settings-card,.detail-section){margin-bottom:10px}
html #shell #content>.view>header{margin-bottom:12px}
html #shell #content .view :is(h2,h3){margin-bottom:6px}
html #shell #content table :is(th,td){padding-block:8px}
@media(min-width:901px){
 html #shell #content .view :is(.general-aux-row,.detail-row){min-height:40px;padding-block:6px}
 html #shell.billion-settings-focus .settings-reference-nav nav>a{min-height:28px;padding-block:3px}
 html #shell.billion-settings-focus #content>.view{padding-top:28px;padding-bottom:28px}
 html #shell #nav .reference-nav-group>summary{min-height:32px;padding-block:5px}
}
@media(max-width:900px){html #shell #content .view :is(.general-aux-row,.detail-row){min-height:44px}html #shell .billion-language-tabs>button{min-height:44px}}
/* Keep the merged language navigation visible above the original language layout. */
html #shell #content>.view>.billion-language-tabs{display:flex!important}
html #shell #content>.shipping-settings-reference>.workspace-tabs{display:none}
/* The merged tabs replace duplicate language-page shortcuts, retaining their nodes. */
html #shell #content>.language-settings-page>header [onclick="show('translations')"],
html #shell #content>[data-list-page=translations]>header [onclick="show('locales')"],
html #shell #content>.language-settings-page>.language-translation-card{display:none}
/* Page identity and subordinate navigation follow the reading direction. */
html #shell #content .billion-page-heading{display:flex;align-items:center;gap:9px;min-width:0}
html #shell #content .billion-page-heading>.billion-page-icon{display:block;width:26px;height:26px;min-width:26px;flex:0 0 26px;color:var(--billion-forest,#244b35)}
html #shell #nav .reference-nav-group:not(.reference-home-group)>.nav-items{padding-inline-start:18px;padding-inline-end:2px;gap:2px}
html #shell #nav .reference-nav-group:not(.reference-home-group)>.nav-items>button[data-view]{font-size:12px;line-height:1.45;min-height:30px;padding:5px 8px;gap:7px}
html #shell #nav .reference-nav-group:not(.reference-home-group)>.nav-items>button>.billion-nav-icon{width:20px;height:20px;min-width:20px;flex:0 0 20px}
@media(min-width:901px){html[dir] #shell.billion-settings-focus:not(.billion-nav-peek) .sidebar .logo{justify-content:center;align-items:center;width:100%;box-sizing:border-box;padding:0}html #shell.billion-settings-focus:not(.billion-nav-peek) .sidebar .logo img{display:block;flex:0 0 32px;margin:0;object-position:center}}
@media(max-width:900px){html #shell #nav .reference-nav-group:not(.reference-home-group)>.nav-items>button[data-view]{min-height:44px;font-size:12px}html #shell #content .billion-page-heading{gap:8px}}
html #shell .billion-finance-intro{display:flex;align-items:center;gap:20px;padding:20px 24px;border:1px solid var(--billion-line);border-radius:24px;background:linear-gradient(120deg,#ffffffc9,#edf4df9c);box-shadow:inset 0 1px 0 #fff}
html #shell .billion-finance-intro img{width:128px;height:128px;object-fit:contain;flex:0 0 128px}
html #shell .billion-finance-intro h2{margin:0 0 8px;font-size:20px}
html #shell .billion-finance-intro p{margin:0;color:var(--billion-muted);line-height:1.7}
html #shell .billion-finance-links{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:16px 0}
html #shell .billion-finance-links a{justify-content:flex-start;align-items:flex-start;gap:12px;min-width:0;min-height:120px;padding:18px;border-radius:22px;background:#ffffffad;box-shadow:inset 0 1px 0 #fff;transition:background .16s ease,box-shadow .16s ease}
html #shell .billion-finance-links a:hover{background:#f0f6e7;box-shadow:inset 0 1px 0 #fff,0 4px 16px #244b350c}
html #shell .billion-finance-links a:focus-visible{outline:2px solid #527b45;outline-offset:3px}
html #shell .billion-finance-links a>.billion-nav-icon{display:block;width:30px;height:30px;flex:0 0 30px;color:#244b35}
html #shell .billion-finance-links a p{margin:7px 0 0;font-size:12px;color:var(--billion-muted);line-height:1.65}
@media(max-width:1100px){html #shell .billion-finance-links{grid-template-columns:1fr}html #shell .billion-finance-links a{min-height:80px}}
@media(max-width:600px){html #shell .billion-finance-intro{gap:12px;padding:16px;align-items:flex-start}html #shell .billion-finance-intro img{width:72px;height:72px;flex-basis:72px}html #shell .billion-finance-intro h2{font-size:17px}}