/* ATHRTY X-UX-7300 — Cross-surface Experience Convergence.
 * Authoritative brand: X-COLOR-7100 / X1127, steel-blue #506C7D.
 * Scope: ATHRTY-owned shell, Work, Sell, Studio, Network, public Network entry.
 * Never reaches customer websites, Design DNA, remote previews, entitlement state,
 * checkout providers, or semantic success/error status styling.
 */
:root{
  --xux73-accent:var(--athrty-brand-primary,#506C7D);
  --xux73-bright:var(--athrty-brand-bright,#8FA8B5);
  --xux73-deep:var(--athrty-brand-deep,#148F89);
  --xux73-bg:var(--athrty-brand-bg,#080B0D);
  --xux73-surface:var(--athrty-brand-surface,#11171A);
  --xux73-ink:var(--athrty-brand-ink,#F4F7F7);
  --xux73-muted:var(--athrty-brand-muted,#94A3A8);
  --xux73-line:rgba(143,168,181,.19);
  --xux73-ease:cubic-bezier(.22,1,.36,1);
}

/* Shared enterprise chrome, respecting light appearance and access boundaries. */
body.authenticated .x850-toolbar{
  background:var(--athrty-ui-surface);
  border-color:var(--athrty-ui-border);
  box-shadow:0 1px 0 rgba(0,0,0,.025);
}
body.authenticated .x850-toolbar .x850-tabs{gap:6px;scrollbar-width:thin}
body.authenticated .x850-toolbar .x850-tab{
  border:1px solid transparent;
  border-radius:999px;
  min-height:44px;
  transition:border-color 180ms var(--xux73-ease),background-color 180ms var(--xux73-ease),color 180ms var(--xux73-ease);
}
body.authenticated .x850-toolbar .x850-tab[aria-current="page"]{
  background:color-mix(in srgb,var(--athrty-ui-accent) 11%,var(--athrty-ui-surface));
  border-color:color-mix(in srgb,var(--athrty-ui-accent) 42%,var(--athrty-ui-border));
  color:var(--athrty-ui-ink);
  box-shadow:inset 0 -2px var(--athrty-ui-accent);
}
body.authenticated .x850-toolbar .x850-tab:not([aria-current="page"]):hover{
  background:var(--athrty-ui-soft);
  border-color:var(--athrty-ui-border);
}
body.authenticated .x850-toolbar :is(.x850-search,.x850-tool-toggle){
  border-radius:999px;min-height:44px;
}
body.authenticated .x850-toolbar .x850-tool-menu{
  background:var(--athrty-ui-surface);
  color:var(--athrty-ui-ink);
  border:1px solid var(--athrty-ui-border);
  border-radius:18px;
  box-shadow:0 28px 70px rgba(0,0,0,.19);
}
body.authenticated #workspace-drawer :is(a,button)[aria-current="page"],
body.authenticated #workspace-drawer :is(a,button)[aria-current="location"]{
  border-color:color-mix(in srgb,var(--athrty-ui-accent) 39%,var(--athrty-ui-border));
  background:color-mix(in srgb,var(--athrty-ui-accent) 10%,var(--athrty-ui-surface));
  color:var(--athrty-ui-ink);
}
body.authenticated #workspace-drawer :is(a,button):focus-visible,
body.authenticated .x850-toolbar :is(button,a,summary):focus-visible{
  outline:2px solid var(--athrty-ui-accent)!important;
  outline-offset:3px!important;
}
body.authenticated #main[data-x4100-view="work"] :is(.x119-work-way,.x1115-project-collection .project-row,.system-module),
body.authenticated #main[data-x4100-view="sell"] :is(.x7000-next-action,.xm-asset-card,.x7000-journey),
body.authenticated #main[data-x4100-view="build"] :is(.studio-grid,.studio-header,.x1111-office){
  min-width:0;
  border-color:var(--athrty-ui-border);
}
body.authenticated #main[data-x4100-view="work"] .x119-work-way:hover,
body.authenticated #main[data-x4100-view="sell"] .xm-asset-card:hover{
  border-color:color-mix(in srgb,var(--athrty-ui-accent) 50%,var(--athrty-ui-border));
}
body.authenticated #main[data-x4100-view="sell"] .x7000-sell .x711-tabs button{
  min-height:44px;border-radius:999px;
}
body.authenticated #main[data-x4100-view="sell"] .x7000-sell .x711-tabs button[aria-selected="true"]{
  background:var(--athrty-ui-control);
  border-color:var(--athrty-ui-control);
  color:var(--athrty-ui-control-ink);
}
body.authenticated #main[data-x4100-view="sell"] .x7000-next-action h2{
  text-wrap:balance;
  color:var(--athrty-ui-ink);
}
body.authenticated #main[data-x4100-view="work"] #x1111-office.x5000-product-office .x870-customize>summary{
  border-radius:16px;
}
body.authenticated #main[data-x4100-view="build"] :is(.studio-header,.studio-grid) :is(button,a,summary):focus-visible{
  outline:2px solid var(--athrty-ui-accent)!important;
  outline-offset:3px!important;
}
@media(max-width:760px){
  body.authenticated .x850-toolbar{padding:10px 13px;gap:8px 10px}
  body.authenticated .x850-toolbar .x850-tab{padding:10px 12px}
  body.authenticated .x850-toolbar .x850-tool-menu{max-width:calc(100vw - 26px)}
  body.authenticated #main[data-x4100-view="sell"] .x7000-next-action{gap:14px}
}

/* First-party Network platform: one premium turquoise / obsidian visual layer.
   Keep publish, account, permissions, availability/success, and payment states intact. */
#x716-root.x716{
  --xn-bg:var(--xux73-bg);
  --xn-card:var(--xux73-surface);
  --xn-raised:#1A2529;
  --xn-border:#304549;
  --xn-ink:var(--xux73-ink);
  --xn-muted:#ACBDC0;
  --xn-accent:var(--xux73-accent);
  background:var(--xn-bg);
  color:var(--xn-ink);
}
#x716-root .xnet-platform-bar{
  background:rgba(8,11,13,.96);
  border-bottom:1px solid var(--xux73-line);
  backdrop-filter:blur(16px);
}
#x716-root .xnet-platform-mark{
  background:var(--xux73-accent);
  border-color:var(--xux73-accent);
  color:#071819;
}
#x716-root .xnet-platform-brand strong,
#x716-root .x716-heading h1{color:var(--xux73-ink)}
#x716-root :is(.xnet-platform-descriptor,.xnet-product-kicker,.xnet-overline,.xnet-label){
  color:#9ABDC0;
}
#x716-root .xnet-platform-actions .xnet-platform-seller,
#x716-root .x716-heading-actions .x716-primary,
#x716-root .xnet-context-actions button:first-child,
#x716-root .xnet-exchange-seller a{
  background:var(--xux73-accent);
  border-color:var(--xux73-accent);
  color:#071819;
  border-radius:999px;
  min-height:44px;
}
#x716-root .xnet-platform-actions :is(a,button),
#x716-root .x716-heading-actions :is(a,button){
  min-height:44px;
  border-radius:999px;
}
#x716-root .xnet-rail .x716-tabs button{
  border-radius:12px;
  min-height:48px;
  color:#BBCBCD;
}
#x716-root .xnet-rail .x716-tabs button:hover{
  background:#192B2E;
  color:var(--xux73-ink);
  border-color:#2C5759;
}
#x716-root .xnet-rail .x716-tabs button[aria-selected="true"],
#x716-root .x717-modebar button[aria-pressed="true"],
#x716-root .xnet-exchange-nav button[aria-pressed="true"]{
  color:var(--xux73-ink);
  background:rgba(80,108,125,.11);
  border-color:rgba(80,108,125,.49);
  box-shadow:inset 2px 0 var(--xux73-accent);
}
#x716-root .xnet-rail .x716-tabs button[aria-selected="true"] svg{
  color:var(--xux73-bright);
  opacity:1;
}
#x716-root :is(.xnet-publish,.xnet-person,.xnet-work,.xnet-exchange-product,.xnet-exchange-empty,.x7197-launch-guide){
  background:var(--xux73-surface);
  border-color:var(--xux73-line);
  color:var(--xux73-ink);
  border-radius:17px;
}
#x716-root :is(.xnet-publish,.xnet-person,.xnet-work,.xnet-exchange-product):hover{
  border-color:rgba(80,108,125,.32);
}
#x716-root :is(.x716-search,.xnet-composer-upload,.xnet-proposal-brief){
  background:#111D20;
  border-color:#315055;
}
#x716-root .x716-search:focus-within,
#x716-root :is(.xnet-composer-upload,.xnet-proposal-brief):focus-within{
  border-color:var(--xux73-accent);
  box-shadow:0 0 0 3px rgba(80,108,125,.10);
}
#x716-root .xnet-avatar,
#x716-root .xnet-publish-mark{
  background:#193034;
  border-color:#33656A;
  color:var(--xux73-bright);
}
#x716-root .xnet-post .x717-actions{
  border-top-color:var(--xux73-line);
}
#x716-root .xnet-post .x717-actions button{
  min-height:44px;
  border-radius:999px;
  color:#CBDCDD;
}
#x716-root .xnet-post .x717-actions button:hover,
#x716-root .xnet-post .x717-actions button[aria-pressed="true"]{
  background:rgba(80,108,125,.10);
  border-color:rgba(80,108,125,.4);
  color:var(--xux73-bright);
}
#x716-root .xnet-exchange-cover:not(:has(>img)){
  background:radial-gradient(ellipse at 82% 15%,rgba(80,108,125,.17),transparent 55%),linear-gradient(125deg,#122529,#0D171A);
}
#x716-root .xnet-exchange-cover:has(>img){background:#10191B}
#x716-root :is(.xnet-media-choice,.xnet-composer-upload,.xnet-proposal-brief){
  background:#142327;
  border-color:#375456;
}
#x716-root .xnet-media-choice:has(input:checked){
  background:rgba(80,108,125,.13);
  border-color:var(--xux73-accent);
}
#x716-root .xnet-media-choice input{
  accent-color:var(--xux73-accent);
}
#x716-root :is(button,a,summary,input,textarea,select):focus-visible{
  outline:2px solid var(--xux73-bright)!important;
  outline-offset:3px!important;
}
@media(max-width:820px){
  #x716-root .xnet-rail .x716-tabs{
    background:rgba(8,11,13,.975);
    border-top:1px solid rgba(80,108,125,.3);
    padding-bottom:calc(9px + env(safe-area-inset-bottom,0px));
  }
  #x716-root .xnet-rail .x716-tabs button{
    min-height:55px;
    padding:8px 3px;
    border-radius:11px;
  }
  #x716-root .xnet-rail .x716-tabs button[aria-selected="true"]{
    box-shadow:inset 0 2px var(--xux73-accent);
  }
  #x716-root .xnet-shell{
    padding-bottom:calc(110px + env(safe-area-inset-bottom,0px));
  }
}
@media(max-width:560px){
  #x716-root .xnet-platform-bar{gap:8px}
  #x716-root .xnet-platform-actions :is(a,button){min-height:44px}
  #x716-root .xnet-exchange-grid{grid-template-columns:minmax(0,1fr)}
  #x716-root .xnet-rail .x716-tabs button{font-size:10px}
}

/* Public ATHRTY Network landing: enterprise editorial, no green brand tones. */
body:has(.market-nav) .market-nav{
  background:#080D0F;
  border-bottom:1px solid var(--xux73-line);
}
body:has(.market-nav) .market-nav nav a,
body:has(.market-nav) .market-nav .nav-login{
  display:inline-flex;align-items:center;
  min-height:44px;
  color:#C5D5D7;
}
body:has(.market-nav) .market-nav nav a:hover,
body:has(.market-nav) .market-nav nav a[aria-current]{
  color:var(--xux73-bright);
}
body:has(.market-nav) .market-hero{
  background:radial-gradient(ellipse 60% 80% at 82% 19%,rgba(80,108,125,.105),transparent 68%),linear-gradient(155deg,#0B1517,#080B0D 70%)!important;
}
body:has(.market-nav) :is(.market-hero h1 em,.section-head h2 em,.process-intro h2 em,.access-card h2 em,.faq-section h2 em){
  color:var(--xux73-bright);
}
body:has(.market-nav) :is(.primary-cta,.nav-primary){
  min-height:48px;
  background:var(--xux73-accent)!important;
  color:#071819!important;
  border:1px solid var(--xux73-accent)!important;
  border-radius:999px!important;
}
body:has(.market-nav) :is(.primary-cta,.nav-primary):hover{
  background:var(--xux73-bright)!important;
}
body:has(.market-nav) :is(.secondary-cta,.outline-cta){
  min-height:48px;
  background:#142327;
  color:#E5F3F2;
  border:1px solid #4A7478;
  border-radius:999px;
}
body:has(.market-nav) :is(.secondary-cta,.outline-cta):hover{
  background:#1C373B;
  border-color:var(--xux73-accent);
}
body:has(.market-nav) .market-hero .network-journey.hero-art{
  border-color:rgba(80,108,125,.23);
  background:linear-gradient(140deg,#111C20,#0B1215);
}
body:has(.market-nav) .network-journey-number,
body:has(.market-nav) .network-journey h2 em{
  color:var(--xux73-bright);
}
body:has(.market-nav) .feature-grid .feature{
  background:linear-gradient(155deg,#141F22,#0E171A);
  border:1px solid #31464A;
  border-radius:18px;
  min-width:0;
  transition:border-color 190ms var(--xux73-ease),transform 190ms var(--xux73-ease);
}
body:has(.market-nav) .feature-grid .feature:hover{
  border-color:rgba(80,108,125,.46);
  transform:translateY(-2px);
}
body:has(.market-nav) .feature-grid .feature a{
  display:inline-flex;
  align-items:center;
  justify-content:flex-start;
  gap:8px;
  min-height:44px;
  padding:10px 2px;
  line-height:1.4;
  color:var(--xux73-bright);
  font-weight:720;
}
body:has(.market-nav) :is(.market-nav,.market-hero,.feature-grid,.process-section,.access-card) :is(a,button,summary):focus-visible{
  outline:2px solid var(--xux73-bright)!important;
  outline-offset:3px!important;
}
body:has(.market-nav) .hero-cta a span[aria-hidden],
body:has(.market-nav) .nav-primary span[aria-hidden]{display:none}
@media(max-width:700px){
  body:has(.market-nav) .section-wrap{padding-block:clamp(42px,9vw,68px)}
  body:has(.market-nav) .feature-grid .feature{min-height:0}
  body:has(.market-nav) .market-hero .hero-copy{padding-block:44px 26px}
  body:has(.market-nav) .market-nav{padding-block:12px}
  body:has(.market-nav) .feature-grid .feature a{padding:11px 2px}
}

/* Standalone Network is first-party software, not a green-branded microsite. */
body.athrty-network-standalone{
  background:var(--xux73-bg);
  color:var(--xux73-ink);
}
body.athrty-network-standalone .net-login{
  max-width:1190px;
  padding:clamp(52px,7.2vw,115px) clamp(20px,5vw,80px);
}
body.athrty-network-standalone .net-login .eyebrow{
  color:var(--xux73-bright);
}
body.athrty-network-standalone .net-login h1{
  color:var(--xux73-ink);
  letter-spacing:-.073em;
}
body.athrty-network-standalone .net-login p{
  color:#AFC4C7;
  max-width:65ch;
}
body.athrty-network-standalone .net-login .actions{
  display:flex;gap:10px;flex-wrap:wrap;
}
body.athrty-network-standalone .net-login .actions a{
  min-height:48px;
  padding:13px 21px;
  border-radius:999px;
  border-color:#487176;
  color:var(--xux73-ink);
}
body.athrty-network-standalone .net-login .actions .primary{
  background:var(--xux73-accent);
  border-color:var(--xux73-accent);
  color:#071819;
}
body.athrty-network-standalone .net-login .actions .primary:hover{
  background:var(--xux73-bright);
}
body.athrty-network-standalone .net-public-footer{
  background:#0B1113;
  border-color:var(--xux73-line);
  color:#A6B8BB;
}
body.athrty-network-standalone :is(button,a,summary,input,textarea):focus-visible{
  outline:2px solid var(--xux73-bright)!important;
  outline-offset:3px!important;
}
/* Mobile catalog compatibility with the governed X4400 plan/detail actions:
   keep two controls side by side; allow an optional third draft control full width. */
@media(max-width:620px){
  :root body #main[data-x4100-view="home"] .x5-home > #x5-products .x4100-card-actions{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    grid-auto-flow:row!important;
    column-gap:8px!important;
    align-items:stretch;
  }
  :root body #main[data-x4100-view="home"] .x5-home > #x5-products .x4100-card-actions > :is(a,button){
    min-width:0;
    min-height:44px;
  }
  :root body #main[data-x4100-view="home"] .x5-home > #x5-products .x4100-card-actions > :nth-child(3){
    grid-column:1/-1!important;
  }
}
@media(prefers-reduced-motion:reduce){
  body:has(.market-nav) .feature-grid .feature,
  #x716-root :is(button,a,.xnet-gallery-tile img),
  body.authenticated .x850-toolbar :is(button,a,summary){
    transition:none!important;
    transform:none!important;
    animation:none!important;
  }
}