/* ATHRTY X860 — Experience Genome v4 / unified enterprise component language.
   One semantic design system for first-party Genesis chrome. No customer preview,
   remote iframe, third-party checkout, or shipped customer site is restyled. */
:root{
 --athrty-heading-font:"Manrope","DM Sans",system-ui,sans-serif;
 --athrty-ui-font:"Manrope","DM Sans",system-ui,sans-serif;
 --x860-radius-s:10px;--x860-radius-m:14px;--x860-radius-l:19px;
 --x860-step:clamp(16px,2.1vw,27px);
 --x860-page:clamp(16px,2.65vw,40px);
 --x860-line:var(--athrty-ui-border);
 --x860-panel:var(--athrty-ui-surface);
 --x860-quiet:var(--athrty-ui-soft);
 --x860-copy:var(--athrty-ui-muted);
 --x860-strong:var(--athrty-ui-ink);
 --x860-lift:color-mix(in srgb,var(--athrty-ui-soft) 65%,var(--athrty-ui-surface));
}
body:has(.shell){font-family:var(--athrty-ui-font);text-rendering:optimizeLegibility;font-synthesis:none}
body:has(.shell) :is(.global-header,.sidebar,.contextbar,.x850-toolbar,.x1113-nav-panel,.x1121-mobile-nav){font-family:var(--athrty-ui-font)}
body:has(.shell) #main :is(h1,h2,h3,h4,h5,h6),
body:has(.shell) #main :is(h1,h2,h3,h4,h5,h6) em{
 font-family:var(--athrty-heading-font)!important;font-style:normal!important;
 text-wrap:balance;overflow-wrap:break-word}
body:has(.shell) #main :is(p,li,dd,.fine){overflow-wrap:break-word}
body:has(.shell) #main :is(h1,h2,h3){color:var(--x860-strong)}
body:has(.shell) #main h1{letter-spacing:-.056em;line-height:1.1;font-weight:670}
body:has(.shell) #main h2{letter-spacing:-.043em;line-height:1.17;font-weight:650}
body:has(.shell) #main h3{letter-spacing:-.027em;line-height:1.27;font-weight:650}
body:has(.shell) #main :is(button,input,textarea,select){font-family:var(--athrty-ui-font)}
body:has(.shell) #main :is(a,button,input,select,textarea,summary):focus-visible{
 outline:2px solid var(--athrty-focus)!important;outline-offset:3px!important}
body:has(.shell) #main :is(button,input,select,textarea):disabled{
 opacity:.53;cursor:not-allowed}
body:has(.shell) #main :is(button,a[role="button"],input[type="submit"],summary){
 -webkit-tap-highlight-color:transparent}
body:has(.shell) #main :is(button.primary,button.secondary,button.quiet,.ath-control,.x1151-sales button,.x711-actions button,.x716-primary,.x1115-work-primary){
 min-height:44px;border-radius:var(--x860-radius-s)!important;box-shadow:none!important;
 transition:background-color .16s ease,border-color .16s ease,color .16s ease}
body.xgenesis-glass.authenticated:has(.shell) #main :is(button.primary,.x1115-work-primary,.x119-work-way button){
 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;
}
body:has(.shell) #main :is(button.secondary,.x1151-sales button[data-cancel]){
 border:1px solid var(--x860-line);background:var(--x860-quiet);
 color:var(--x860-strong)}
body:has(.shell) #main :is(input:not([type=checkbox]):not([type=radio]),textarea,select){
 min-height:44px;max-width:100%;min-width:0;border-radius:var(--x860-radius-s);
 border:1px solid var(--x860-line);background:var(--x860-panel);color:var(--x860-strong);
 box-shadow:none;padding:11px 13px;font-size:13px;line-height:1.5}
body:has(.shell) #main textarea{min-height:110px;resize:vertical}
body:has(.shell) #main :is(input,textarea)::placeholder{
 color:var(--x860-copy);opacity:.85}
body:has(.shell) #main :is(label,fieldset){min-width:0}
body:has(.shell) #main :is(.form-surface,.system-module,.metric,.product,.job,.empty,.x1125-setting-group,
 .x850-prospect-module,.x850-connected-catalog,.x1151-sales){
 border:1px solid var(--x860-line);border-radius:var(--x860-radius-m);
 background:var(--x860-panel);box-shadow:none!important}
body:has(.shell) #main :is(.form-surface,.system-module,.metric,.product,.job,.empty) p{
 color:var(--x860-copy)}
body:has(.shell) #main :is(.section-header,.x1132-section-heading,.studio-header){
 gap:14px;min-width:0}
body:has(.shell) #main :is(.eyebrow,.x1115-overline,.x711-kicker,.x1151-kicker,
 .x1125-settings-overline,.x716-eyebrow){
 font-size:10px;letter-spacing:.115em;font-weight:760;line-height:1.5}
body:has(.shell) #main :is(.section-space,.x1125-settings-grid,.x1115-project-collection){
 min-width:0}
body:has(.shell) #main :is(.x1151-sales,.x1132-catalog-slot,.x1111-office,
 .x1115-project-collection,.studio-grid,.x716){
 scroll-margin-top:140px}
body:has(.shell) #main :is(table){width:100%;border-collapse:collapse;font-size:12px}
body:has(.shell) #main :is(th,td){border-bottom:1px solid var(--x860-line);
 padding:12px 14px;text-align:left;vertical-align:middle}
body:has(.shell) #main th{font-size:10px;font-weight:750;letter-spacing:.06em;
 text-transform:uppercase;color:var(--x860-copy)}
body:has(.shell) #main :is(.recovery,.x1126-persistence-feedback){
 border-radius:var(--x860-radius-m);border:1px solid var(--x860-line);
 background:var(--x860-quiet);color:var(--x860-strong)}
body:has(.shell) #main :is(details>summary){outline-offset:3px}
/* Shared chrome: calm hierarchy, one active destination, no competing badges. */
body.authenticated .contextbar{border-bottom:1px solid var(--x860-line);min-height:40px}
body.authenticated #workspace-drawer{border-right:1px solid var(--x860-line);
 background:var(--x860-panel)!important}
body.authenticated #workspace-drawer nav[aria-label="Your workspace"]>a{
 gap:12px;padding:11px 12px!important;border-radius:12px!important;
 min-height:52px!important;transition:background .16s ease,color .16s ease}
body.authenticated #workspace-drawer nav[aria-label="Your workspace"]>a[aria-current="page"]{
 background:var(--x860-quiet)!important;border:1px solid var(--x860-line)!important}
body.authenticated #workspace-drawer .nav-symbol{
 background:transparent!important;border:0!important;color:var(--x860-strong)!important}
body.authenticated #workspace-drawer .nav-symbol svg{width:19px;height:19px}
body.authenticated #workspace-drawer .nav-label{font:650 13px/1.35 var(--athrty-ui-font)}
body.authenticated #workspace-drawer .organization-control select{
 min-height:48px;max-width:100%;text-overflow:ellipsis;border-radius:12px!important}
body.authenticated .x850-toolbar{gap:clamp(10px,1.6vw,23px);border-color:var(--x860-line);
 background:var(--x860-panel);padding-block:12px}
body.authenticated .x850-identity{grid-template-columns:25px minmax(0,1fr);align-items:center;
 column-gap:10px;row-gap:1px}
body.authenticated .x850-identity .x860-identity-icon{grid-column:1;grid-row:1/3;
 display:grid;place-items:center;width:25px;height:25px;color:var(--x860-strong)}
body.authenticated .x850-identity-kicker{grid-column:2;grid-row:1;color:var(--x860-copy);font-size:9px}
body.authenticated .x850-identity-title{grid-column:2;grid-row:2;font-size:18px;font-weight:730}
body.authenticated .x850-tab{font-weight:680;font-size:12px;min-height:44px}
body.authenticated .x850-tab[aria-current="page"]{background:var(--x860-quiet);
 border:1px solid var(--x860-line)}
body.authenticated .x850-tool-menu{border-radius:var(--x860-radius-l);
 box-shadow:0 20px 58px rgba(0,0,0,.14)}
body.authenticated .x850-tool-link,
body.authenticated .x850-tool-menu nav a{border-radius:10px!important;min-height:44px!important}
body.authenticated #main .intro{min-width:0;gap:18px;margin-bottom:clamp(20px,3vw,36px)}
body.authenticated #main .intro p{font-size:13px;max-width:65ch;line-height:1.65}
/* Work — indexed collection and access disclosure; no new data authority. */
body.authenticated #main .x1115-project-collection{border-top:1px solid var(--x860-line);
 padding-top:20px}
body.authenticated #main .x1115-projects-top{display:flex;justify-content:space-between;gap:15px;
 flex-wrap:wrap;align-items:center}
body.authenticated #main .x1115-projects-top h2{font-size:clamp(22px,2.35vw,30px)}
body.authenticated #main .x1155-project-find{display:flex;align-items:end;gap:12px;flex-wrap:wrap;
 padding-block:14px;margin-bottom:9px}
body.authenticated #main .x1155-project-find>label{flex:1 1 260px;max-width:650px}
body.authenticated #main .x860-sort-label{display:grid;flex:0 1 190px;gap:7px;
 font-size:11px;font-weight:700;color:var(--x860-copy)}
body.authenticated #main .x860-sort-select{min-width:170px;width:100%}
body.authenticated #main .project-row{
 border:1px solid transparent;border-bottom-color:var(--x860-line);
 background:transparent;min-height:79px;padding:14px;
 border-radius:11px;transition:background-color .16s ease,border-color .16s ease}
body.authenticated #main .project-row:hover,
body.authenticated #main .project-row:focus-visible{
 background:var(--x860-quiet);border-color:var(--x860-line)}
body.authenticated #main .project-row strong{font-size:14px;font-weight:720}
body.authenticated #main .project-row small{font-size:11px;letter-spacing:normal;
 color:var(--x860-copy);text-transform:none}
body.authenticated #main .project-mark{flex:none;background:var(--x860-quiet);
 color:var(--x860-strong);border:1px solid var(--x860-line);border-radius:11px}
body.authenticated #main .x860-access-details{border:1px solid var(--x860-line);
 border-radius:var(--x860-radius-l);margin:24px 0;background:var(--x860-panel);
 overflow:hidden}
body.authenticated #main .x860-access-summary{list-style:none;cursor:pointer;
 display:grid;gap:5px;padding:20px var(--x860-step);min-height:83px;
 color:var(--x860-strong)}
body.authenticated #main .x860-access-summary::-webkit-details-marker{display:none}
body.authenticated #main .x860-access-summary strong{font-size:17px;
 letter-spacing:-.035em}
body.authenticated #main .x860-access-summary span{font-size:12px;
 color:var(--x860-copy);line-height:1.45}
body.authenticated #main .x860-access-details[open]>.x860-access-summary{
 border-bottom:1px solid var(--x860-line);background:var(--x860-quiet)}
body.authenticated #main .x860-access-details>.section-space{margin:0;padding:var(--x860-step)}
body.authenticated #main .x860-access-details .form-surface{max-width:740px}
body.authenticated #main .x860-access-details .offer-line{border-bottom:1px solid var(--x860-line)}
/* Sell — clean merchandising, accessible status and deliberate quote controls. */
body.authenticated #main .x1132-metric-grid{gap:12px}
body.authenticated #main .x1132-metric{background:var(--x860-panel);
 border:1px solid var(--x860-line);min-height:136px;border-radius:16px;
 padding:clamp(17px,2vw,25px)}
body.authenticated #main .x1132-metric-value{font-family:var(--athrty-heading-font);
 font-weight:730;font-size:clamp(29px,3vw,44px);margin:16px 0 8px}
body.authenticated #main .x1151-sales{padding:clamp(18px,2.3vw,30px);margin:24px 0}
body.authenticated #main .x1151-head h2{font-size:clamp(24px,2.4vw,34px)}
body.authenticated #main .x1151-product{gap:15px;min-height:83px;
 border-bottom:1px solid var(--x860-line);padding:17px 2px}
body.authenticated #main .x1151-product>div:first-child strong{font-size:14px}
body.authenticated #main .x1151-price strong{font-size:16px;letter-spacing:-.025em}
body.authenticated #main .x1151-quote{background:var(--x860-quiet);
 border-color:var(--x860-line);border-radius:var(--x860-radius-m)}
body.authenticated #main .x850-prospect-summary strong,
body.authenticated #main .x850-catalog-summary strong{font-family:var(--athrty-heading-font)}
body.authenticated #main .x711-heading{min-width:0}
body.authenticated #main .x711-heading h1{font-size:clamp(30px,3.2vw,44px)}
/* Studio — the real three-stage workflow and source-owned inspector remain intact. */
body.authenticated #main .studio-header{border-bottom:1px solid var(--x860-line);
 padding-bottom:18px;margin-bottom:20px;flex-wrap:wrap}
body.authenticated #main .studio-header h1{font-size:clamp(25px,2.8vw,37px);
 margin:6px 0;max-width:100%}
body.authenticated #main .studio-header .intro-actions{align-items:center}
body.authenticated #main .x1124-studio-primary{gap:10px}
body.authenticated #main .x1124-studio-primary>button{
 border:1px solid var(--x860-line);background:var(--x860-panel);
 min-height:83px;border-radius:14px;padding:17px 19px}
body.authenticated #main .x1124-studio-primary>button strong{font-size:15px;
 font-weight:720;letter-spacing:-.025em}
body.authenticated #main .x1124-studio-primary>button.active{
 background:var(--athrty-ui-control);border-color:var(--athrty-ui-control)}
body.authenticated #main .x1124-studio-advanced{border-color:var(--x860-line)}
body.authenticated #main .x1124-studio-advanced>summary{min-height:44px;
 font-size:12px;font-weight:690}
body.authenticated #main .x1124-studio-tool-grid button{border:1px solid var(--x860-line);
 background:var(--x860-quiet);border-radius:11px}
body.authenticated #main .studio-grid{gap:12px}
body.authenticated #main .studio-grid :is(.layers,.inspector){border-radius:14px;
 background:var(--x860-panel);border:1px solid var(--x860-line)}
body.authenticated #main .studio-grid .canvas{border-radius:14px;
 border:1px solid var(--x860-line);background:var(--x860-quiet)}
body.authenticated #main .studio-grid .layers button{min-height:41px;
 border-radius:10px;white-space:normal;line-height:1.35}
body.authenticated #main .studio-grid .inspector{min-width:0;scroll-margin-top:115px}
body.authenticated #main .studio-grid .inspector h3{margin-bottom:15px;font-size:14px}
body.authenticated #main .x860-inspector-jump{display:none;min-height:44px;
 padding:10px 15px;background:var(--x860-quiet);border:1px solid var(--x860-line);
 border-radius:11px;font:680 12px var(--athrty-ui-font);margin-top:10px;color:var(--x860-strong)}
body.authenticated #main .studio-footer{border-top:1px solid var(--x860-line);
 padding-top:16px}
body.authenticated #main :is(.x1116-jarvis,.x1115-profile-preview){box-shadow:none!important}
/* Network — retain the redesigned product structure but use the same semantic color API. */
body.authenticated #x716-root.x716{
 --xn-bg:var(--athrty-ui-canvas);--xn-card:var(--athrty-ui-surface);
 --xn-raised:var(--athrty-ui-soft);--xn-border:var(--athrty-ui-border);
 --xn-ink:var(--athrty-ui-ink);--xn-muted:var(--athrty-ui-muted);
 --xn-accent:var(--athrty-ui-accent);
 border:1px solid var(--xn-border);border-radius:var(--x860-radius-l);
 background:var(--xn-bg);box-shadow:none!important;font-family:var(--athrty-ui-font)}
body.authenticated #x716-root .xnet-shell{max-width:1400px}
body.authenticated #x716-root :is(.x716-work-card,.x716-person,.xnet-publish,.x716-empty){
 background:var(--xn-card);border-color:var(--xn-border);border-radius:var(--x860-radius-m);
 box-shadow:none!important}
body.authenticated #x716-root .xnet-rail .x716-tabs button{font-family:var(--athrty-ui-font);
 font-size:13px;font-weight:680}
body.authenticated #x716-root .xnet-context-card{
 background:var(--xn-card);border:1px solid var(--xn-border);box-shadow:none}
body.authenticated #x716-root .x716-post{border-bottom-color:var(--xn-border)!important}
body.authenticated #x716-root .x7193-post-media{overflow:hidden;border-radius:var(--x860-radius-m)}
body.authenticated #x716-root :is(input,select,textarea){border-radius:var(--x860-radius-s);
 font-family:var(--athrty-ui-font)}
body.authenticated #x716-root :is(.xnet-link,.x716-heading-actions button,
 .x716-search button,.x716-post button){border-radius:var(--x860-radius-s);
 min-height:44px}
body.authenticated #x716-root :is(button,a,input,select,textarea,summary):focus-visible{
 outline:2px solid var(--athrty-focus)!important;outline-offset:3px!important}
/* X712 shared relationship modules should not pin a second palette to the selected theme. */
body.authenticated #main .x712-workspace{background:var(--x860-panel);color:var(--x860-strong);
 border-color:var(--x860-line);box-shadow:none}
body.authenticated #main .x712-stage{background:var(--x860-panel)}
body.authenticated #main :is(.x712-context-card,.x712-person){background:var(--x860-quiet);
 color:var(--x860-strong);border-color:var(--x860-line)}
body.authenticated #main .x712-workspace :is(input,select,textarea){background:var(--x860-panel)!important;
 color:var(--x860-strong)!important;border:1px solid var(--x860-line)}
/* Explicit light mode corrects the older hard-coded dark Network presentation. */
:root[data-athrty-appearance="light"] body.authenticated #x716-root.x716{
 background:var(--athrty-ui-canvas);color:var(--athrty-ui-ink)}
:root[data-athrty-appearance="light"] body.authenticated #x716-root :is(.xnet-brand strong,
 .x716-heading h1,.x716-work-card h3,.x716-person strong,.x716-byline strong,
 .xnet-context h2,.xnet-context-note strong,.xnet-setup-main strong,
 .x716-post-body,.x7197-guide-head h2){color:var(--athrty-ui-ink)!important}
:root[data-athrty-appearance="light"] body.authenticated #x716-root :is(.x716-heading p,
 .xnet-rail-foot p,.xnet-context p,.x716-byline small,.x716-work-card>p,
 .x716-person p,.x716-empty p,.xnet-setup-main small,.xnet-setup-meta){
 color:var(--athrty-ui-muted)!important}
:root[data-athrty-appearance="light"] body.authenticated #x716-root :is(.xnet-publish-start,.xnet-rail .x716-tabs button){
 color:var(--athrty-ui-ink);background:transparent}
:root[data-athrty-appearance="light"] body.authenticated #x716-root .xnet-rail .x716-tabs button[aria-selected=true]{
 color:var(--athrty-ui-ink)!important;background:var(--athrty-ui-soft)!important;
 border-color:var(--athrty-ui-border)!important}
:root[data-athrty-appearance="light"] body.authenticated #x716-root :is(.xnet-publish-mark,
 .x716-search,.x7197-launch-guide,.xnet-setup-panel){
 background:var(--athrty-ui-surface);border-color:var(--athrty-ui-border)}
:root[data-athrty-appearance="light"] body.authenticated #x716-root :is(.xnet-publish-actions button,
 .xnet-link,.xnet-rail-foot button,.x716-search button){
 border-color:var(--athrty-ui-border);background:var(--athrty-ui-soft);
 color:var(--athrty-ui-ink)}
:root[data-athrty-appearance="light"] body.authenticated #x716-root :is(input,select,textarea){
 background:var(--athrty-ui-surface)!important;color:var(--athrty-ui-ink)!important}
/* Network directory search (only existing authorized directory rows). */
body.authenticated #main .x860-directory-search{display:grid;gap:7px;
 max-width:420px;font-size:11px;font-weight:690;color:var(--x860-copy);margin:14px 0 8px}
body.authenticated #main .x860-directory-count{font-size:11px;color:var(--x860-copy);
 margin:0 0 20px}
body.authenticated #main article[hidden]{display:none!important}
/* Responsive: one global mobile navigation. Network tabs become in-page tools. */
@media(max-width:1180px){
 body.authenticated #main .x1132-metric-grid{gap:9px}
 body.authenticated #main .studio-grid{min-width:0}
}
@media(max-width:800px){
 body.authenticated.x1121-mobile-active #x716-root .xnet-rail .x716-tabs{
  position:relative!important;left:auto!important;right:auto!important;
  top:auto!important;bottom:auto!important;z-index:auto!important;
  display:flex!important;align-items:stretch;justify-content:flex-start;
  gap:4px;width:100%!important;max-width:100%;overflow-x:auto;
  padding:6px!important;margin:0 0 18px!important;min-height:0;
  background:var(--xn-card)!important;border:1px solid var(--xn-border)!important;
  border-radius:12px;box-shadow:none!important;backdrop-filter:none!important}
 body.authenticated.x1121-mobile-active #x716-root .xnet-rail .x716-tabs button{
  flex:none;white-space:nowrap;min-width:max-content;
  min-height:44px;font-size:12px;padding:9px 13px!important}
 body.authenticated.x1121-mobile-active #x716-root .xnet-center{
  padding-bottom:16px!important}
 body.authenticated #main .x860-inspector-jump{display:inline-flex;align-items:center;
  justify-content:center}
}
@media(max-width:760px){
 body.authenticated .x850-toolbar{padding:9px 14px}
 body.authenticated .x850-identity-title{font-size:16px}
 body.authenticated #main .x1115-projects-top h2{font-size:24px}
 body.authenticated #main .x1155-project-find{gap:10px;align-items:stretch}
 body.authenticated #main .x860-sort-label{flex:1 1 165px}
 body.authenticated #main .project-row{gap:12px;padding:13px 10px;
  min-height:69px}
 body.authenticated #main .x1132-metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 body.authenticated #main .x1132-metric{min-height:118px;padding:16px}
 body.authenticated #main .x1132-metric-value{font-size:31px}
 body.authenticated #main .studio-header{align-items:flex-start}
 body.authenticated #main .studio-grid .inspector{scroll-margin-top:80px}
 body.authenticated #x716-root.x716{padding:13px;max-width:100%}
}
@media(max-width:450px){
 body.authenticated #main .x1155-project-find>label{flex-basis:100%}
 body.authenticated #main .x860-sort-label{flex-basis:100%;width:100%}
 body.authenticated #main .x860-sort-select{min-width:0}
 body.authenticated #main .x1151-product{flex-wrap:wrap}
 body.authenticated #main .x1151-product>div:first-child{flex-basis:100%}
 body.authenticated #main .x1132-metric-value{font-size:27px;overflow-wrap:anywhere}
 body.authenticated #main .x860-access-details>.section-space{padding:16px}
}
@media(prefers-reduced-motion:reduce){
 body:has(.shell) #main *,body:has(.shell) .x850-toolbar *,
 body:has(.shell) .sidebar *{animation:none!important;
 transition:none!important;scroll-behavior:auto!important}
}