/* Visual-only bridge for sign-in and Graphora Ascent. No visibility or access gates. */
html[data-graphora-access]{--loader-background:var(--gx-bg);--loader-text:var(--gx-ink);--loader-accent:var(--gx-gold)}
[data-graphora-access] body{--black:var(--gx-bg);--white:var(--gx-ink);--bg:var(--gx-bg);--panel:var(--gx-panel);--panel2:var(--gx-soft);--text:var(--gx-ink);--muted:var(--gx-muted);--line:var(--gx-line);--gold:var(--gx-gold);--green:var(--gx-good);--shadow:var(--gx-shadow);background:var(--gx-bg);color:var(--gx-ink);font-family:Inter,"Helvetica Neue",Arial,sans-serif}
[data-graphora-access] :is(h1,h2,h3){font-weight:600;letter-spacing:-.035em}
[data-graphora-access] :is(button,input,select,textarea){font-family:inherit}
[data-graphora-access] :is(.eyebrow,.access-eyebrow){color:var(--gx-gold)}
[data-graphora-access] :is(.lead,.fine-print){color:var(--gx-muted)}
[data-graphora-access] .graphora-brand-footer{background:var(--gx-bg);color:var(--gx-muted);border-color:var(--gx-line)}
[data-graphora-access] .graphora-trademark-notice{color:var(--gx-muted)}
/* Keep the original forms, provider choices and redirect handling intact. */
[data-graphora-access=signin] .signin-card{background:var(--gx-panel);border-color:var(--gx-line);box-shadow:var(--gx-shadow)}
[data-graphora-access=signin] .signin-card :is(h2,.access-eyebrow){color:var(--gx-ink)}
[data-graphora-access=signin] .signin-card .access-eyebrow{color:var(--gx-gold)}
[data-graphora-access=signin] .signin-card>.access-intro{color:var(--gx-muted)}
[data-graphora-access=signin] :is(.benefit,.premium-card){background:var(--gx-panel);border-color:var(--gx-line);border-radius:12px}
[data-graphora-access=signin] .signin-availability{background:var(--gx-soft);border-color:var(--gx-line)}
[data-graphora-access=signin] .signin-availability strong{color:var(--gx-ink)}
[data-graphora-access=signin] .signin-availability p{color:var(--gx-muted)}
[data-graphora-access=signin] .provider-roadmap{border-color:var(--gx-line)}
[data-graphora-access=signin] :is(.provider-roadmap h3,.provider-roadmap .roadmap-note,.provider-upcoming .provider-detail){color:var(--gx-muted)}
[data-graphora-access=signin] .provider-upcoming{background:var(--gx-soft);border-color:var(--gx-line);color:var(--gx-ink)}
[data-graphora-access=signin] .provider-status{background:var(--gx-panel);border-color:var(--gx-line);color:var(--gx-gold)}
[data-graphora-access=signin] .provider-icon[fill]{fill:var(--gx-ink)}
[data-graphora-access=signin] .signin-card .fine-print{color:var(--gx-muted)!important}
[data-graphora-access=signin] .signin-card .free-note{color:var(--gx-good);background:var(--gx-soft);border-color:var(--gx-good)}
/* Clerk owns the controls; scoped CSS adapts their presentation, including later steps. */
[data-graphora-access=signin] #clerk-sign-in{--clerk-color-background:var(--gx-panel);--clerk-color-foreground:var(--gx-ink);--clerk-color-muted-foreground:var(--gx-muted);--clerk-color-neutral:var(--gx-ink);--clerk-color-input:var(--gx-panel);--clerk-color-input-foreground:var(--gx-ink);--clerk-color-danger:var(--gx-bad)}
[data-graphora-access=signin] #clerk-sign-in :is(.cl-headerTitle,.cl-formFieldLabel,.cl-footerActionText,.cl-identityPreviewText,.cl-formFieldInputShowPasswordButton,.cl-selectButton,.cl-alternativeMethodsBlockButton){color:var(--gx-ink)!important}
[data-graphora-access=signin] #clerk-sign-in :is(.cl-headerSubtitle,.cl-dividerText,.cl-formFieldHintText,.cl-footer,.cl-resendCodeLink){color:var(--gx-muted)!important}
[data-graphora-access=signin] #clerk-sign-in .cl-dividerLine{background:var(--gx-line)}
[data-graphora-access=signin] #clerk-sign-in :is(.cl-formFieldInput,.cl-otpCodeFieldInput,.cl-phoneInputBox,.cl-selectButton,.cl-alternativeMethodsBlockButton){background:var(--gx-panel)!important;color:var(--gx-ink)!important;border-color:var(--gx-line)!important;box-shadow:none}
[data-graphora-access=signin] #clerk-sign-in .cl-formFieldInput::placeholder{color:var(--gx-muted)}
[data-graphora-access=signin] #clerk-sign-in :is(.cl-formFieldAction,.cl-footerActionLink,.cl-backLink,.cl-identityPreviewEditButton){color:var(--gx-gold)!important}
[data-graphora-access=signin] #clerk-sign-in :is(.cl-alertText,.cl-formFieldErrorText){color:var(--gx-bad)!important}
[data-graphora-access=signin] #clerk-sign-in .cl-alert{background:var(--gx-soft);border-color:var(--gx-line)}
[data-graphora-access=signin] #clerk-sign-in .cl-formButtonPrimary{background:var(--gx-accent);color:#171717;border-color:var(--gx-accent)}
[data-graphora-access=signin] #clerk-sign-in .cl-socialButtonsBlockButton{background:#0b4267;border-color:#0b4267;color:#fff;box-shadow:none}
[data-graphora-access=signin] #clerk-sign-in .cl-socialButtonsBlockButton:hover{background:#083552}
[data-graphora-access=signin] :is([data-graphora-countries],.cl-selectOptionsContainer){background:var(--gx-panel)!important;color:var(--gx-ink)!important;border-color:var(--gx-line)!important}
[data-graphora-access=signin] :is(.cl-selectOption,.cl-selectSearchInput){color:var(--gx-ink)!important;background:var(--gx-panel)!important}
[data-graphora-access=signin] .cl-selectButton [data-color]{color:inherit!important}
[data-graphora-access=signin] .cl-selectOption p{color:var(--gx-muted)!important}
[data-graphora-access=signin] .cl-selectSearchInput::placeholder{color:var(--gx-muted);opacity:1}
[data-graphora-access=signin] .graphora-country-help{color:var(--gx-muted)!important}
[data-graphora-access=signin] .graphora-country-warning{color:var(--gx-bad)!important}
/* Ascent keeps the member shell and its existing selectors, tabs and dialogs. */
[data-graphora-access=roles] body.member-leaf.my-graphora{--mg-muted:var(--gx-muted);--mg-line:var(--gx-line);--mg-gold:var(--gx-gold);--bg:var(--gx-bg);--panel:var(--gx-panel);--text:var(--gx-ink);--muted:var(--gx-muted);--line:var(--gx-line);--gold:var(--gx-gold);background:var(--gx-bg);color:var(--gx-ink)}
[data-graphora-access=roles] .pilot-strip{background:var(--gx-soft);color:var(--gx-muted);padding:8px 28px}
[data-graphora-access=roles] body>header{min-height:78px;padding:16px 28px;gap:16px;background:var(--gx-bg);border-color:var(--gx-line);color:var(--gx-ink)}
[data-graphora-access=roles] body>header>.brand{margin-right:auto}
[data-graphora-access=roles] body>header .brand>.logo-fit{width:var(--logo-w)!important;min-width:var(--logo-w)}
[data-graphora-access=roles] body>header .brand>span:last-child{border-color:var(--gx-line);color:var(--gx-muted)}
[data-graphora-access=roles] body>header>.pill{border-radius:9px;background:var(--gx-accent);color:#171717;border-color:var(--gx-accent);min-height:44px;padding:10px 16px;font-size:12px;font-weight:650}
[data-graphora-access=roles] .member-leaf-shell>.sidebar{background:var(--gx-bg);border-color:var(--gx-line)}
[data-graphora-access=roles] .member-chip :is(strong,small){color:var(--gx-ink)}
[data-graphora-access=roles] .member-chip small{color:var(--gx-muted)}
[data-graphora-access=roles] .member-chip .avatar{background:var(--gx-accent);border-color:var(--gx-line);color:#171717}
[data-graphora-access=roles] .my-graphora .side-links a{background:transparent;color:var(--gx-ink);border-color:transparent;border-radius:9px}
[data-graphora-access=roles] .my-graphora .side-links a:hover{background:var(--gx-soft);color:var(--gx-ink)}
[data-graphora-access=roles] .my-graphora .side-links a.active{background:var(--gx-panel);border-color:var(--gx-gold);color:var(--gx-gold)}
[data-graphora-access=roles] .my-graphora .side-links a small{color:var(--gx-muted)}
[data-graphora-access=roles] .mg-nav-label{color:var(--gx-muted)!important}
[data-graphora-access=roles] .mg-side-bottom{border-color:var(--gx-line)}
[data-graphora-access=roles] .my-graphora .mg-side-bottom .mg-button{color:var(--gx-ink)}
[data-graphora-access=roles] :is(.breadcrumb,.lead,.ascent-descriptor,.meta,.summary,.company-name,.source-line,.match-disclosure,#result-count,.next-step p,footer){color:var(--gx-muted)}
[data-graphora-access=roles] :is(.ascent-name,.ascent-parent,h1 em,.type-label){color:var(--gx-gold)}
[data-graphora-access=roles] :is(.ascent-members,.ascent-members span){color:var(--gx-good)}
[data-graphora-access=roles] .hero{padding-block:30px 36px}
[data-graphora-access=roles] .hero h1{font-weight:600;font-size:clamp(34px,3.6vw,52px)}
[data-graphora-access=roles] .ascent-path .journey-label{fill:var(--gx-gold)}
[data-graphora-access=roles] .ascent-path .journey-caption{fill:var(--gx-muted)}
[data-graphora-access=roles] .hero-chips span{background:var(--gx-panel);border-color:var(--gx-line);color:var(--gx-ink)}
[data-graphora-access=roles] :is(.profile-banner,.role-card,.detail-grid>div,.role-feedback,.app-record){background:var(--gx-panel);border-color:var(--gx-line);color:var(--gx-ink);box-shadow:var(--gx-shadow)}
[data-graphora-access=roles] .profile-banner{border-radius:12px}
[data-graphora-access=roles] .profile-icon{color:var(--gx-good);border-color:var(--gx-good)}
[data-graphora-access=roles] .pill{color:var(--gx-gold);border-color:var(--gx-line);padding:8px 12px;min-height:40px;border-radius:8px}
[data-graphora-access=roles] .tabs{gap:24px}
[data-graphora-access=roles] .tabs button{min-height:48px;color:var(--gx-muted);font-size:13px}
[data-graphora-access=roles] .tabs button[aria-selected=true]{color:var(--gx-gold);border-color:var(--gx-gold)}
[data-graphora-access=roles] .tabs span{border-color:var(--gx-line)}
[data-graphora-access=roles] :is(input,select,textarea){background:var(--gx-panel);border-color:var(--gx-line);color:var(--gx-ink);border-radius:8px}
[data-graphora-access=roles] .filters{gap:12px}
[data-graphora-access=roles] .filters :is(input,select){min-height:44px;font-size:13px}
[data-graphora-access=roles] .filters label{font-size:12px;color:var(--gx-muted)}
[data-graphora-access=roles] .role-card{padding:24px;border-radius:16px}
[data-graphora-access=roles] .role-card h3{font-size:23px;font-weight:600}
[data-graphora-access=roles] :is(.summary,.meta){font-size:13px;line-height:1.65}
[data-graphora-access=roles] .logo{background:#000;border-color:var(--gx-line)}
[data-graphora-access=roles] .save-button{background:var(--gx-panel);color:var(--gx-gold);border-color:var(--gx-line);width:44px;height:44px}
[data-graphora-access=roles] .save-button[aria-pressed=true]{background:var(--gx-accent);color:#171717;border-color:var(--gx-accent)}
[data-graphora-access=roles] :is(.fit,.detail-grid>div,.empty,.evidence,.catalogue-availability,.hold,.apply-box,.receipt){background:var(--gx-soft);border-color:var(--gx-line);color:var(--gx-ink)}
[data-graphora-access=roles] :is(.fit p,.detail-section p,.detail-section li,.evidence small,.source-text,.apply-box p,.app-record small){color:var(--gx-muted)}
[data-graphora-access=roles] :is(.fit strong,.match-level){color:var(--gx-ink)}
[data-graphora-access=roles] :is(.match-level.exceptional,.detail-grid small,.status){color:var(--gx-gold)}
[data-graphora-access=roles] :is(.match-level.strong,.match-level.good,.status.good){color:var(--gx-good)}
[data-graphora-access=roles] :is(.match-level.potential,.match-level.limited,.match-level.unassessed){color:var(--gx-muted)}
[data-graphora-access=roles] .theme-meter i{background:var(--gx-line)}
[data-graphora-access=roles] .theme-meter i.on{background:var(--gx-gold)}
[data-graphora-access=roles] :is(.details-button,.primary){min-height:44px;border-radius:9px;padding:11px 16px;background:var(--gx-accent);border-color:var(--gx-accent);color:#171717;font-size:13px}
[data-graphora-access=roles] .catalogue-paging button{background:var(--gx-panel);border-color:var(--gx-line);color:var(--gx-ink)}
[data-graphora-access=roles] :is(dialog,.dialog-top){background:var(--gx-panel);color:var(--gx-ink);border-color:var(--gx-line)}
[data-graphora-access=roles] dialog{box-shadow:var(--gx-shadow)}
[data-graphora-access=roles] .dialog-top button{background:var(--gx-soft);border-color:var(--gx-line);color:var(--gx-ink);width:44px;height:44px}
[data-graphora-access=roles] :is(.error,.role-feedback [role=alert]){color:var(--gx-bad)}
[data-graphora-access=roles] .my-graphora .mobile-tabs{background:var(--gx-panel);border-color:var(--gx-line)}
[data-graphora-access=roles] .my-graphora .mobile-tabs a{color:var(--gx-muted)}
[data-graphora-access=roles] .my-graphora .mobile-tabs a.active{color:var(--gx-gold)}
@media(max-width:760px){
 [data-graphora-access=roles] body>header{padding:12px 16px;gap:10px;flex-wrap:nowrap}
 [data-graphora-access=roles] body>header .brand{font-size:0;gap:0}
 [data-graphora-access=roles] body>header .brand>span:last-child{display:none}
 [data-graphora-access=roles] body>header>.pill{font-size:11px;padding:10px 12px}
 [data-graphora-access=roles] .role-card{padding:20px}
 [data-graphora-access=roles] .tabs{gap:18px}
 [data-graphora-access=roles] .filters :is(input,select){font-size:16px}
}