/* ATHRTY X-4200 / Experience Genome — source-owned first-party interface convergence.
   Uses the canonical X1127 appearance tokens and existing X4100/X860 components.
   No customer iframe, exported site, provider checkout, or permissions are modified. */
:root {
 --x4200-canvas:var(--athrty-ui-canvas);
 --x4200-surface:var(--athrty-ui-surface);
 --x4200-raised:var(--athrty-ui-soft);
 --x4200-border:var(--athrty-ui-border);
 --x4200-ink:var(--athrty-ui-ink);
 --x4200-muted:var(--athrty-ui-muted);
 --x4200-accent:var(--athrty-ui-accent);
 --x4200-control:var(--athrty-ui-control);
 --x4200-control-ink:var(--athrty-ui-control-ink);
 --x4200-radius-control:999px;
 --x4200-radius-panel:18px;
 --x4200-radius-card:15px;
 --x4200-motion-feedback:var(--ath-dg-motion-quick,180ms);
 --x4200-motion-control:var(--ath-dg-motion-normal,260ms);
 --x4200-motion-panel:var(--ath-dg-motion-normal,260ms);
 --x4200-motion-route:310ms;
 --x4200-motion-hero:620ms;
 --x4200-ease-enter:var(--ath-dg-ease,cubic-bezier(.22,1,.36,1));
 --x4200-ease-default:cubic-bezier(.2,.7,.2,1);
 --x4200-focus:var(--athrty-focus);
}
body:has(.shell) { font-family:var(--athrty-ui-font); }
body:has(.shell) :is(.global-header,.contextbar,#workspace-drawer,.x850-toolbar,#x1113-nav-panel){
 font-family:var(--athrty-ui-font);color:var(--x4200-ink);
}
body.authenticated .global-header{
 background:var(--x4200-surface)!important;
 border-color:var(--x4200-border)!important;
 box-shadow:none!important;
}
body.authenticated .contextbar{
 background:var(--x4200-canvas)!important;
 border-color:var(--x4200-border)!important;
 color:var(--x4200-muted)!important;
}
body.authenticated #workspace-drawer{
 background:var(--x4200-surface)!important;
 border-right:1px solid var(--x4200-border)!important;
 box-shadow:none!important;
}
body.authenticated #workspace-drawer nav[aria-label="Your workspace"]>a{
 min-height:50px!important;border-radius:13px!important;
 transition:background-color var(--x4200-motion-control) var(--x4200-ease-default),
 color var(--x4200-motion-control) var(--x4200-ease-default),
 border-color var(--x4200-motion-control) var(--x4200-ease-default);
}
body.authenticated #workspace-drawer nav[aria-label="Your workspace"]>a:hover{
 background:var(--x4200-raised)!important;
}
body.authenticated #workspace-drawer nav[aria-label="Your workspace"]>a[aria-current="page"]{
 background:var(--x4200-raised)!important;
 color:var(--x4200-ink)!important;
 border-color:var(--x4200-border)!important;
}
body.authenticated .x850-toolbar{
 background:var(--x4200-surface)!important;color:var(--x4200-ink)!important;
 border-bottom:1px solid var(--x4200-border)!important;
 padding-block:11px!important;box-shadow:none!important;
}
body.authenticated .x850-identity-title{font-weight:750;letter-spacing:-.047em}
body.authenticated .x850-tab{
 border-radius:999px!important;
 min-height:43px;
 transition:background-color var(--x4200-motion-control) var(--x4200-ease-default),
 color var(--x4200-motion-control) var(--x4200-ease-default),
 border-color var(--x4200-motion-control) var(--x4200-ease-default);
}
body.authenticated .x850-tab[aria-current="page"]{
 background:var(--x4200-raised)!important;
 border-color:var(--x4200-border)!important;
 color:var(--x4200-ink)!important;
}
body.authenticated .x850-search,
body.authenticated .x850-tool-toggle{
 border-radius:999px!important;min-height:44px;
 transition:background-color var(--x4200-motion-control) var(--x4200-ease-default);
}
body.authenticated .x850-tool-menu{
 border-radius:var(--x4200-radius-panel)!important;
 border:1px solid var(--x4200-border)!important;
 background:var(--x4200-surface)!important;
 box-shadow:0 20px 45px rgba(0,0,0,.13)!important;
}
body.authenticated .x850-tool-link,
body.authenticated .x850-tool-menu nav a{
 border-radius:12px!important;min-height:44px!important;
 transition:background-color var(--x4200-motion-feedback) var(--x4200-ease-default);
}
/* Canonical application surfaces, not customer site previews or iframe internals. */
#main[data-x4200-view]{
 --x860-line:var(--x4200-border);--x860-panel:var(--x4200-surface);
 --x860-quiet:var(--x4200-raised);--x860-copy:var(--x4200-muted);
 --x860-strong:var(--x4200-ink);
 color:var(--x4200-ink);
}
#main[data-x4200-view] :is(h1,h2,h3){
 text-wrap:balance;overflow-wrap:break-word;
}
#main[data-x4200-view] :is(.intro,.section-header,.studio-header,.x1115-work-office){
 scroll-margin-top:98px;
}
#main[data-x4200-view] :is(button.primary,button.secondary,button.quiet,
 .x1115-work-primary,.x119-work-way button,.x1124-studio-primary button.active,
 .x900-generation button,.x1111-office .x1111-primary){
 border-radius:var(--x4200-radius-control)!important;
 min-height:44px;
 transition:background-color var(--x4200-motion-control) var(--x4200-ease-default),
 border-color var(--x4200-motion-control) var(--x4200-ease-default),
 color var(--x4200-motion-control) var(--x4200-ease-default),
 transform var(--x4200-motion-feedback) var(--x4200-ease-default);
}
/* X-DESIGN-15000: canonical first-party operating controls now use the
   shared material; customer previews and provider-owned payment UIs are not
   descendants of the authenticated Genesis workspace shell. */
body.xgenesis-glass.authenticated #main[data-x4200-view] :is(
 button.primary,.x1115-work-primary,.x1124-studio-primary button.active,
 .x900-generation button,.x1111-office .x1111-primary
){
 border:1px solid var(--ath-glass-edge,rgba(153,201,227,.46))!important;
 background:var(--ath-glass-fill,linear-gradient(145deg,rgba(94,150,181,.37),rgba(35,74,96,.68)))!important;
 color:var(--ath-glass-ink,#f1f6f8)!important;
 border-radius:var(--ath-glass-radius,999px)!important;
 box-shadow:var(--ath-glass-shadow)!important;
 -webkit-backdrop-filter:var(--ath-glass-blur,blur(13px))!important;
 backdrop-filter:var(--ath-glass-blur,blur(13px))!important;
}
#main[data-x4200-view] :is(button.primary,.x1115-work-primary):hover:not(:disabled){
 transform:translateY(-1px);
}
#main[data-x4200-view] :is(input:not([type=checkbox]):not([type=radio]),
 textarea,select){
 border-radius:13px!important;
 background:var(--x4200-surface);color:var(--x4200-ink);
 border-color:var(--x4200-border);
 min-height:44px;
 transition:border-color var(--x4200-motion-control) ease,
 background-color var(--x4200-motion-control) ease;
}
#main[data-x4200-view] :is(.form-surface,.system-module,.project-row,
 .x119-work-way,.x1115-project-collection,.x850-connected-catalog,.x850-prospect-module,
 .x1151-sales,.x1132-metric,.x711-shell .sw2-card){
 border-color:var(--x4200-border)!important;
 box-shadow:none!important;
 border-radius:var(--x4200-radius-panel)!important;
}
#main[data-x4200-view] :is(.form-surface,.system-module,.x119-work-way,
 .x850-connected-catalog,.x850-prospect-module,.x1151-sales,.x1132-metric){
 background:var(--x4200-surface)!important;
}
#main[data-x4200-view] .x119-work-way{
 transition:border-color var(--x4200-motion-control) ease,
 background-color var(--x4200-motion-control) ease,
 transform var(--x4200-motion-control) var(--x4200-ease-default);
}
#main[data-x4200-view] .x119-work-way:hover{
 transform:translateY(-2px);
 border-color:color-mix(in srgb,var(--x4200-accent) 55%,var(--x4200-border))!important;
}
#main[data-x4200-view="work"] .x1115-project-rows .project-row{
 transition:background-color var(--x4200-motion-feedback) ease,border-color var(--x4200-motion-feedback) ease;
 background:transparent!important;border-radius:12px!important;
}
#main[data-x4200-view="work"] .project-row:hover{
 background:var(--x4200-raised)!important;
}
#main[data-x4200-view="sell"] :is(.x1151-product,.x711-heading,.x850-catalog-summary){
 border-color:var(--x4200-border)!important;
}
#main[data-x4200-view="sell"] :is(.x1151-quote,.x711-shell .sw2-card){
 border-radius:var(--x4200-radius-card)!important;box-shadow:none!important;
}
#main[data-x4200-view="build"] :is(.studio-grid .layers,.studio-grid .inspector,
 .studio-grid .canvas){
 border-radius:var(--x4200-radius-panel)!important;
 border-color:var(--x4200-border)!important;box-shadow:none!important;
}
#main[data-x4200-view="build"] .studio-grid .canvas{
 background:var(--x4200-raised)!important;
}
#main[data-x4200-view="build"] .studio-grid .inspector{
 background:var(--x4200-surface)!important;
}
#main[data-x4200-view="build"] .x1124-studio-primary>button{
 transition:background-color var(--x4200-motion-control) ease,border-color var(--x4200-motion-control) ease;
}
#main[data-x4200-view="network"] #x716-root{
 --xn-bg:var(--x4200-canvas);--xn-card:var(--x4200-surface);
 --xn-raised:var(--x4200-raised);--xn-border:var(--x4200-border);
 --xn-ink:var(--x4200-ink);--xn-muted:var(--x4200-muted);
}
#main[data-x4200-view="network"] :is(.x716-work-card,.x716-person,.xnet-publish){
 border-radius:var(--x4200-radius-panel)!important;box-shadow:none!important;
 transition:border-color var(--x4200-motion-control) ease;
}
#main[data-x4200-view="network"] :is(.x716-work-card,.x716-person):hover{
 border-color:color-mix(in srgb,var(--x4200-accent) 40%,var(--x4200-border))!important;
}
#main[data-x4200-view="configure"] :is(.x1111-office,.x1111-conversation,.x900-generation){
 min-width:0;
}
#main[data-x4200-view="configure"] :is(.x1111-office .x1111-message,.x1111-office textarea){
 border-radius:var(--x4200-radius-card);
}
#main[data-x4200-view] :is(button,a,summary,input,textarea,select):focus-visible,
body.authenticated :is(.global-header,.x850-toolbar,#workspace-drawer) :is(a,button,summary):focus-visible{
 outline:2px solid var(--x4200-focus)!important;outline-offset:3px!important;
}
/* Public: preserve the X-4120 narrative. Only improve continuity and media presentation. */
.x5-home .x4120-visual-body .x4200-hero-art{
 display:block;position:absolute;inset:0;width:100%;height:100%;
 object-fit:cover;object-position:center;
 opacity:.13;filter:saturate(.6) contrast(1.08);
 pointer-events:none;z-index:0;mix-blend-mode:screen;
}
.x5-home .x4120-visual-body>*:not(.x4200-hero-art):not(.x4120-visual-track){
 position:relative;z-index:1;
}
.x5-home .x4120-visual-body>.x4120-visual-track{position:absolute;z-index:0}
.x5-home .x4120-system-visual,.x5-home .x4120-path-steps article{
 border-radius:var(--x4200-radius-panel);
}
.x5-home .x4100-product-card{
 border-radius:var(--x4200-radius-panel)!important;
 transition:transform var(--x4200-motion-panel) var(--x4200-ease-default),
 border-color var(--x4200-motion-panel) ease,
 background-color var(--x4200-motion-panel) ease!important;
}
.x5-home .x4100-product-card:hover{
 transform:translateY(-3px);
 border-color:rgba(202,239,215,.48)!important;
}
.x5-home .x4100-product-dialog :is(.x4100-detail-primary,.x4100-detail-back),
.x5-home .x4100-goal-filters button,
.x5-home .x4120-path-choices a{border-radius:999px!important}
/* Shared visual touch for separately routed, first-party account and product pages. */
body.x400-entry :is(.intent-list .intent,.entry-actions .continue),
body:has(.onboarding-shell) :is(.onboarding-control button,.onboarding-control .continue),
body.xm-public :is(.xm-primary-button,.xm-filter,.xm-systems-secondary){
 border-radius:999px!important;
 transition:background-color var(--x4200-motion-control) var(--x4200-ease-default),
 border-color var(--x4200-motion-control) var(--x4200-ease-default),
 transform var(--x4200-motion-feedback) var(--x4200-ease-default);
}
body.x400-entry :is(.intent-list .intent,.entry-actions .continue):hover,
body.xm-public :is(.xm-primary-button,.xm-filter):hover{
 transform:translateY(-1px);
}
body.x400-entry :is(.stage,.entry,.manifesto),
body:has(.onboarding-shell) :is(.onboarding-statement,.onboarding-control),
body.xm-public :is(.xm-market-section,.xm-family-section){
 font-family:var(--athrty-ui-font,Manrope,system-ui,sans-serif);
}
body.ob-customer :is(.cx-primary,.cx-link,.co-panel),
body.x119-buyer :is(#claim-review,.review-workspace){
 border-radius:var(--x4200-radius-panel);
}
body.ob-customer :is(.cx-primary),body.x119-buyer #claim-review{
 border-radius:999px!important;min-height:44px;
}
/* Motion choreography - only spatial story surfaces, not transactional data. */
@media(prefers-reduced-motion:no-preference){
 .x5-home .x4120-hero-content{
  animation:x4200-story-enter var(--x4200-motion-hero) var(--x4200-ease-enter) both;
 }
 .x5-home .x4120-system-visual{
  animation:x4200-story-enter 720ms var(--x4200-ease-enter) 90ms both;
 }
 @keyframes x4200-story-enter{
  from{opacity:.72;transform:translate3d(0,12px,0)}
  to{opacity:1;transform:translate3d(0,0,0)}
 }
}
@media(max-width:800px){
 body.authenticated .x850-toolbar{padding-block:9px!important}
 #main[data-x4200-view] :is(.form-surface,.system-module,.x119-work-way){border-radius:15px!important}
 .x5-home .x4120-visual-body .x4200-hero-art{opacity:.10}
}
@media(max-width:480px){
 #main[data-x4200-view] :is(button.primary,button.secondary,.x1115-work-primary){min-height:46px}
 body.authenticated .x850-tabs{scroll-snap-type:x proximity}
 body.authenticated .x850-tab{scroll-snap-align:start}
}
@media(prefers-reduced-motion:reduce){
 :root{--x4200-motion-feedback:0ms;--x4200-motion-control:0ms;--x4200-motion-panel:0ms;--x4200-motion-route:0ms;--x4200-motion-hero:0ms}
 .x5-home .x4120-hero-content,.x5-home .x4120-system-visual{animation:none!important}
 #main[data-x4200-view] *,#main[data-x4200-view] *::before,#main[data-x4200-view] *::after,
 body.authenticated :is(.x850-toolbar,#workspace-drawer) *{
  animation:none!important;transition:none!important;scroll-behavior:auto!important;
 }
}