/* ATHRTY X-GLASS-14000 — first-party enterprise color + control language.
   One owned stylesheet applied to Genesis shell, entry, Private Market, owner
   release/acceptance, and private proposal. Does NOT style tenant canvases,
   cross-origin product previews, Stripe's iframe, or approval state semantics.
   Teal stays a restrained focus/brand motif; visible text becomes neutral.
   Blue controls use tinted glass, never opaque neon.
*/
/* Shared semantic genome contract. Capital mirrors these exact --ath-dg-
   values in its own independent stylesheet/deployment. Do not load tenant CSS. */
:root{
 --ath-dg-version:15000;
 --ath-dg-obsidian:#0b1015;
 --ath-dg-surface:#142229;
 --ath-dg-raised:#1d2c35;
 --ath-dg-ink:#f1f6f8;
 --ath-dg-secondary:#c1cbd1;
 --ath-dg-muted:#a5b6c0;
 --ath-dg-editorial:#bbccd5;
 --ath-dg-title-accent:#e1eaf0;
 --ath-dg-identity:#506c7d;
 --ath-dg-glass-edge:rgba(139,163,181,.26);
 --ath-dg-focus:#bfd0db;
 --ath-dg-glass-fill:linear-gradient(145deg,rgba(74,105,125,.24),rgba(25,47,64,.58));
 --ath-dg-glass-hover:linear-gradient(145deg,rgba(103,132,151,.35),rgba(38,66,84,.69));
 --ath-dg-glass-shadow:inset 0 1px 0 rgba(232,249,255,.24),inset 0 -1px 0 rgba(16,37,52,.28),0 9px 22px rgba(0,11,21,.18);
 --ath-dg-glass-blur:blur(13px) saturate(135%);
 --ath-dg-radius-pill:999px;
 --ath-dg-control-min:44px;
 --ath-dg-ease:cubic-bezier(.22,1,.36,1);
 --ath-dg-motion-quick:180ms;
 --ath-dg-motion-normal:260ms;
 /* X-DESIGN-20000: versioned, portable first-party semantic layer. */
 --ath-dg-enterprise-version:20000;
 --ath-dg-material-ground:#080b0d;
 --ath-dg-material-header:rgba(11,17,21,.95);
 --ath-dg-material-raised:#142229;
 --ath-dg-material-line:rgba(167,193,204,.20);
 --ath-dg-material-line-strong:rgba(176,203,217,.38);
 --ath-dg-material-paper:#e8edeb;
 --ath-dg-material-paper-ink:#202e33;
 --ath-dg-space-section:clamp(48px,5vw,76px);
 --ath-dg-display-size:clamp(43px,5vw,76px);
 --ath-dg-header-desktop:76px;
 --ath-dg-header-mobile:64px;
 --ath-dg-radius-panel:16px;
 --ath-dg-elevation-overlay:0 22px 65px rgba(0,7,14,.37);
 --ath-dg-text-measure:68ch;
}
:where(body.xgenesis-glass,body.x400-entry,body.xm-public,body.x11000-release,body.x119-proposal){
 /* Backwards-compatible aliases: existing first-party components migrate
    incrementally without overriding project or customer brand surfaces. */
 --ath-glass-ink:var(--ath-dg-ink);
 --ath-glass-body:var(--ath-dg-secondary);
 --ath-glass-muted:var(--ath-dg-muted);
 --ath-glass-editorial:var(--ath-dg-editorial);
 --ath-glass-blue:rgba(96,149,179,.45);
 --ath-glass-edge:var(--ath-dg-glass-edge);
 --ath-glass-focus:var(--ath-dg-focus);
 --ath-glass-fill:var(--ath-dg-glass-fill);
 --ath-glass-hover:var(--ath-dg-glass-hover);
 --ath-glass-shadow:var(--ath-dg-glass-shadow);
 --ath-glass-blur:var(--ath-dg-glass-blur);
 --ath-glass-radius:var(--ath-dg-radius-pill);
}

/* 01. Typography: reserve light blue for understated metadata; headings and
   long-form text remain neutral. Do not recolor actual warning/charge statuses. */
:root body.xgenesis-glass .x5-home :is(.x4120-kicker,.x4001-principle-index>span:not(.x4001-dot),
 .x1112-overline,.x4100-kicker,.x4100-detail-label,.x4100-explorer-head .x4100-kicker,
 .x4120-join-line a),
:root body.xgenesis-glass :is(.x1113-overline,.x1113-index,.x1113-direction),
body.x11000-release :is(.eyebrow,.x12000-next-copy>.eyebrow),
body.x400-entry :is(.kicker,.folio,.edition),
body.xm-public :is(.xm-eyebrow,.xm-family-label),
body.x119-proposal :is(.eyebrow,.top-tag){
 color:var(--ath-glass-editorial)!important;
}
:root body.xgenesis-glass .x5-home .x4120-hero #x1114-title em,
:root body.xgenesis-glass .x5-home .x4001-principle h2 span,
:root body.xgenesis-glass .x5-home .x4100-explorer-head h2 em,
body.x11000-release .hero h1 em,
body.xm-public.x202 .x202-hero h1 span,
body.xm-public.x201-vault .x201-vault-hero h1 span,
body.x119-proposal .intro h1 em{
 color:#e1ecf0!important;
}

/* The audit found older first-party sections still painting every small number,
   arrow and explanatory label saturated cyan. These are editorial, not status. */
:root body.xgenesis-glass .x5-home :is(
 .x4120-brief-disclosure summary strong,
 .x4120-visual-monogram,
 .x4120-node-number,
 .x4120-node-icon,
 .x4400-overline,
 .x4400-stage-number,
 .x1112-heading-rule,
 .x1112-option-copy small,
 .x4120-join-line a>span,
 .x4400-journey-copy li>span:first-child
){
 color:var(--ath-glass-editorial)!important;
}
:root body.xgenesis-glass .x5-home .x4120-visual-monogram{
 text-shadow:none!important;
}
body.xgenesis-glass .hero h1 em,
body.xgenesis-glass .workflows .workflow .number,
body.xgenesis-glass .commerce .stages>div>span{
 color:var(--ath-glass-editorial)!important;
}
:root body.xgenesis-glass .x5-home :is(
 .x4120-hero-footer a>span,
 .x1112-audience-steps>li>span:first-child,
 .x4120-path-disclosure>summary>span
),
body.xgenesis-glass .commerce .next .eyebrow{
 color:var(--ath-glass-editorial)!important;
}
/* 02. Consistent surface. Keep visual identity in the material, not in neon type. */
:root body.xgenesis-glass .x5-home :is(.x4120-hero-actions .x4120-primary,
 .x4120-brief-disclosure .x9004-public-brief button,
 #x4150-pathway .x4150-actions .x4150-primary,
 .x4100-goal-filters button[aria-pressed="true"]),
:root body.xgenesis-glass .x5-home > #x5-products.x4100-explorer
 .x8200-card-content .x4100-card-actions>.x4400-plan-action,
:root body.xgenesis-glass .x5-home .x4100-card-actions button:first-child,
:root body.xgenesis-glass .x4100-detail-primary,
body.xgenesis-glass.authenticated .ath-control[data-ath-variant="primary"],
body.xgenesis-glass :is(button.primary,a.primary,.button.primary),
body.x400-entry :is(a.continue,button.continue),
body.xm-public :is(.xm-primary-button,.xm-workspace-link),
body.xm-public.x202 .x202-action,
body.xm-public.x201-vault :is(.x206a-vault-download,.xm-primary-button),
body.x11000-release :is(.x12000-next-button:not(:disabled),.action-panel .primary),
body.x119-proposal :is(button.primary,a.primary),
body.xgenesis-glass .x5-home :is(.x5-action,.x119-cta-primary){
 background:var(--ath-glass-fill)!important;
 border:1px solid var(--ath-glass-edge)!important;
 color:var(--ath-glass-ink)!important;
 border-radius:var(--ath-glass-radius)!important;
 box-shadow:var(--ath-glass-shadow)!important;
 -webkit-backdrop-filter:var(--ath-glass-blur)!important;
 backdrop-filter:var(--ath-glass-blur)!important;
 text-shadow:none!important;
 min-height:44px;
}

/* 03. Existing scoped secondary buttons retain separate weight and subdued
   inactive opacity. No blanket styling of inputs, cancel/decline or payment iframe. */
:root body.xgenesis-glass .x5-home :is(.x4120-secondary,.x8200-toggle),
:root body.xgenesis-glass .x5-home > #x5-products.x4100-explorer
 .x8200-card-content .x4100-card-actions>.x8200-toggle,
body.xgenesis-glass :is(.button.secondary,button.secondary,a.secondary),
body.x400-entry :is(.signin,.entry-returning-link),
body.xm-public.x202 .x202-recovery-secondary,
body.xm-public.x201-vault .x206a-vault-guide,
body.x11000-release .action-panel .secondary{
 background:linear-gradient(155deg,rgba(44,70,85,.36),rgba(20,41,57,.57))!important;
 border-color:rgba(157,187,200,.30)!important;
 color:#d7e2e8!important;
 border-radius:999px!important;
 box-shadow:inset 0 1px rgba(255,255,255,.08)!important;
 -webkit-backdrop-filter:blur(10px)!important;
 backdrop-filter:blur(10px)!important;
}
:root body.xgenesis-glass .x5-home :is(.x4120-hero-actions .x4120-primary:hover,
 .x4120-brief-disclosure .x9004-public-brief button:hover,
 #x4150-pathway .x4150-actions .x4150-primary:hover,
 .x4100-goal-filters button[aria-pressed="true"]:hover),
:root body.xgenesis-glass .x5-home > #x5-products.x4100-explorer
 .x8200-card-content .x4100-card-actions>.x4400-plan-action:hover,
:root body.xgenesis-glass :is(.x4100-detail-primary:hover,button.primary:hover,a.primary:hover,.button.primary:hover),
body.x400-entry :is(a.continue:hover,button.continue:hover),
body.xm-public :is(.xm-primary-button:hover,.xm-workspace-link:hover),
body.xm-public.x202 .x202-action:hover,
body.xm-public.x201-vault .x206a-vault-download:hover,
body.x11000-release :is(.x12000-next-button:hover:not(:disabled),.action-panel .primary:hover:not(:disabled)),
body.x119-proposal :is(button.primary:hover:not(:disabled),a.primary:hover){
 background:var(--ath-glass-hover)!important;
 border-color:rgba(200,231,244,.72)!important;
 color:#fff!important;
 box-shadow:inset 0 1px rgba(250,255,255,.3),0 13px 28px rgba(0,11,21,.27)!important;
}
:where(body.xgenesis-glass,body.x400-entry,body.xm-public,body.x11000-release,body.x119-proposal)
 :is(a,button,summary):focus-visible{
 outline:3px solid var(--ath-glass-focus)!important;
 outline-offset:3px!important;
}
:where(body.xgenesis-glass,body.x400-entry,body.xm-public,body.x11000-release,body.x119-proposal)
 :is(button:disabled,a[aria-disabled="true"]){
 cursor:not-allowed;
}
/* Explicitly preserve disabled visual states, even if older primary rules
   override a generic opacity. Never make a blocked checkout look enabled. */
body.xgenesis-glass :is(button.primary:disabled,.ath-control:disabled),
body.xm-public.x202 .x202-action:disabled,
body.x11000-release :is(.action-panel .primary:disabled,.x12000-next-button:disabled),
body.x119-proposal button.primary:disabled{
 opacity:.43!important;
 filter:saturate(.5)!important;
 box-shadow:none!important;
}

/* X-COMMERCIAL-46000 / first-party illustrative product foundation.
   Source-owned; one confirmation action, no extra selector or checkout engine. */
body.xgenesis-glass .x5-config .x46000-choice-explanation{
 display:flex;align-items:center;justify-content:space-between;gap:18px;min-width:0;
 margin:2px 0 14px;padding:16px 18px;border-radius:18px;
 border:1px solid var(--ath-dg-glass-edge,rgba(153,201,227,.46));
 background:linear-gradient(135deg,rgba(32,63,78,.46),rgba(12,28,39,.7));
 color:var(--ath-dg-secondary,#c1cbd1);
}
body.xgenesis-glass .x5-config .x46000-choice-explanation>div{min-width:0;flex:1}
body.xgenesis-glass .x5-config .x46000-choice-explanation strong{
 display:block;color:var(--ath-dg-ink,#f1f6f8);font:700 13px/1.35 var(--athrty-ui-font,Manrope,system-ui);
}
body.xgenesis-glass .x5-config .x46000-choice-explanation p{
 margin:6px 0 0;font:500 11px/1.55 var(--athrty-ui-font,Manrope,system-ui);
 color:var(--ath-dg-secondary,#c1cbd1);
}
body.xgenesis-glass .x5-config .x46000-choice-explanation button{
 flex:none;min-height:44px;max-width:100%;padding:10px 17px;
 background:var(--ath-dg-glass-fill)!important;
 color:var(--ath-dg-ink,#f1f6f8)!important;
 border:1px solid var(--ath-dg-glass-edge)!important;
 border-radius:var(--ath-dg-radius-pill,999px)!important;
 box-shadow:var(--ath-dg-glass-shadow)!important;
 -webkit-backdrop-filter:var(--ath-dg-glass-blur)!important;
 backdrop-filter:var(--ath-dg-glass-blur)!important;
 font:700 12px/1.3 var(--athrty-ui-font,Manrope,system-ui);
}
body.xgenesis-glass .x5-config .x46000-choice-explanation button:hover{
 background:var(--ath-dg-glass-hover)!important;color:#fff!important;
}
@media(max-width:650px){
 body.xgenesis-glass .x5-config .x46000-choice-explanation{flex-direction:column;align-items:stretch;padding:14px;}
 body.xgenesis-glass .x5-config .x46000-choice-explanation button{width:100%}
}
@media(prefers-reduced-motion:reduce){
 body.xgenesis-glass .x5-config .x46000-choice-explanation button{transition:none!important}
}

/* 04. Selected controls are tinted glass; text-led filters are calm. */
:root body.xgenesis-glass .x5-home .x4100-goal-filters button:not([aria-pressed="true"]){
 color:#c3d0d8!important;
 border-color:rgba(136,168,183,.34)!important;
}
body.x11000-release .overview .stage[aria-pressed="true"]{
 background:linear-gradient(145deg,rgba(93,146,170,.22),rgba(30,71,88,.45))!important;
 border-color:rgba(149,200,220,.55)!important;
 box-shadow:inset 0 1px rgba(250,255,255,.11)!important;
}
body.x400-entry .intent.selected{
 background:linear-gradient(145deg,rgba(89,130,154,.22),rgba(28,52,68,.7))!important;
 border-color:rgba(149,200,220,.56)!important;
}
/* 05. Standalone first-party surfaces: authentication, onboarding, customer
   ownership and independently authorized review share the same surface. */
:root body.xm-public.x202 .xm-topbar a.xm-workspace-link,
:root body.xm-public.x201-vault .xm-topbar a.xm-workspace-link,
:root body.xm-public .xm-topbar a.xm-workspace-link,
body.xgenesis-glass.xgenesis-auth #submit,
body.xgenesis-glass.xgenesis-auth #passkey-add,
body.xgenesis-glass.xgenesis-onboarding a.continue,
body.xgenesis-glass.xgenesis-onboarding .onboarding-input-row button[type="submit"],
body.xgenesis-glass.ob-customer :is(.cx-link,.ob-primary,.cx-button,.co-panel button[type="submit"]),
body.xgenesis-glass.xgenesis-reviewer :is(#inspect,#approve,.review-access a),
body.xgenesis-glass.x210-independent-review .action-panel :is(button.primary,a.primary),
body.xgenesis-glass.x210-independent-review .review-access a{
 background:var(--ath-glass-fill)!important;
 color:var(--ath-glass-ink)!important;
 border:1px solid var(--ath-glass-edge)!important;
 border-radius:999px!important;
 box-shadow:var(--ath-glass-shadow)!important;
 -webkit-backdrop-filter:var(--ath-glass-blur)!important;
 backdrop-filter:var(--ath-glass-blur)!important;
 text-decoration:none!important;
 min-height:44px;
}
body.xgenesis-glass.xgenesis-auth :is(button.secondary,#back,#passkey-skip),
body.xgenesis-glass.xgenesis-onboarding .signin{
 background:linear-gradient(155deg,rgba(44,70,85,.36),rgba(20,41,57,.57))!important;
 border:1px solid rgba(157,187,200,.3)!important;
 color:#d7e2e8!important;
 border-radius:999px!important;
 -webkit-backdrop-filter:blur(10px)!important;
 backdrop-filter:blur(10px)!important;
}
body.xgenesis-glass.xgenesis-auth .start-path a,
body.xgenesis-glass.xgenesis-onboarding :is(.onboarding-statement .label,.onboarding-control .label),
body.xgenesis-glass.ob-customer :is(.cx-eyebrow,.cx-muted),
body.xgenesis-glass.xgenesis-reviewer :is(.review-access p,main>a),
body.xgenesis-glass.x210-independent-review .eyebrow{
 color:var(--ath-glass-editorial)!important;
}
body.xgenesis-glass.xgenesis-reviewer :is(#inspect,#approve):disabled{
 opacity:.42!important;filter:saturate(.6)!important;box-shadow:none!important;
}
/* Light appearance is explicit opt-in. It must never place white text onto
   translucent blue over a light canvas. Dark default remains unchanged. */
:root[data-athrty-appearance="light"] body.xgenesis-glass.xgenesis-shell:not(:has(.x5-home)){
 --ath-glass-ink:#132c3b;
 --ath-glass-body:#395060;
 --ath-glass-muted:#445c69;
 --ath-glass-editorial:#395665;
 --ath-glass-edge:rgba(45,94,121,.48);
 --ath-glass-fill:linear-gradient(145deg,rgba(107,153,174,.36),rgba(67,127,160,.43));
 --ath-glass-hover:linear-gradient(145deg,rgba(108,151,179,.55),rgba(69,128,160,.62));
 --ath-glass-shadow:inset 0 1px rgba(255,255,255,.6),0 7px 17px rgba(18,44,61,.1);
 --ath-glass-focus:#155b81;
}
:root[data-athrty-appearance="light"] body.xgenesis-glass.xgenesis-shell:not(:has(.x5-home)) :is(.button.primary:hover,button.primary:hover,a.primary:hover){
 color:var(--ath-glass-ink)!important;
}
/* 05. Degrade glass gracefully for accessibility and device preferences. */
@supports not ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){
 :where(body.xgenesis-glass,body.x400-entry,body.xm-public,body.x11000-release,body.x119-proposal)
 :is(button.primary,.button.primary,.x4120-primary,.x4400-plan-action,.xm-primary-button,.x202-action,a.continue,.x12000-next-button){
  background:#29495d!important;
 }
}
@media(prefers-reduced-transparency:reduce){
 :where(body.xgenesis-glass,body.x400-entry,body.xm-public,body.x11000-release,body.x119-proposal)
 :is(button.primary,.button.primary,.x4120-primary,.x4400-plan-action,.xm-primary-button,.x202-action,a.continue,.x12000-next-button){
  -webkit-backdrop-filter:none!important;backdrop-filter:none!important;
  background:#29495d!important;
 }
}
@media(prefers-reduced-motion:reduce){
 :where(body.xgenesis-glass,body.x400-entry,body.xm-public,body.x11000-release,body.x119-proposal)
 :is(button,a,summary){transition:none!important;animation:none!important;transform:none!important;}
}

/* X-DESIGN-20000 / Genesis first-party application of the portable enterprise
   genome. Capital mirrors the variables above in capital-convergence-v10.css.
   Customer-owned website themes and embedded previews are excluded. */
:root:not([data-athrty-appearance="light"]) body.xgenesis-glass.xgenesis-shell{
 --athrty-enterprise-header:var(--ath-dg-material-header);
}
body.xgenesis-glass.xgenesis-shell .global-header{
 border-bottom-color:var(--ath-dg-material-line);
}
body.xgenesis-glass :is(.global-header,.x1113-layout) :is(a,button):focus-visible{
 outline:2px solid var(--ath-dg-focus);
 outline-offset:3px;
}
body.xgenesis-glass .x5-home :is(.x4100-product-card,.x4001-principle,.x4120-system-visual){
 border-radius:var(--ath-dg-radius-panel);
}
body.xgenesis-glass .x5-home :is(.x4100-explorer-head,.x4120-hero-content) :where(p){
 max-width:var(--ath-dg-text-measure);
}
@media(prefers-reduced-motion:reduce){
 body.xgenesis-glass .x5-home :is(.x4100-product-card,.x4001-principle){
  animation:none!important;transition:none!important;transform:none!important;
 }
}