/* Quinbis PERF3 Account/Auth appearance bundle
   PERF3 generated bundle. Source order is intentional; keep source files until dependency-proven cleanup. */

/* ---- source: account-theme-v11082-r7.css ---- */
/* Quinbis Account companion for App V1.0.0.14B Refinement 7 — shared Dark mode */
:root{
  --qa-canvas:#F7F9F7;
  --qa-surface:#FFFFFF;
  --qa-raised:#FFFFFF;
  --qa-soft:#F0F7E7;
  --qa-text:#0D0D0D;
  --qa-muted:#64716D;
  --qa-border:#DCE7DF;
  --qa-border-strong:#C8D8CD;
  --qa-brand:#013D37;
  --qa-action:#77D650;
  --qa-focus:rgba(119,214,80,.28);
  --qa-danger-bg:#FFF2F1;
  --qa-danger-text:#81231F;
  --qa-shadow:0 18px 48px rgba(1,61,55,.08);
}
html[data-theme="dark"]{
  color-scheme:dark;
  --qa-canvas:#0E1412;
  --qa-surface:#151C19;
  --qa-raised:#19231F;
  --qa-soft:#1D2A25;
  --qa-text:#F5F8F6;
  --qa-muted:#A8B5AF;
  --qa-border:#2C3934;
  --qa-border-strong:#394841;
  --qa-brand:#77D650;
  --qa-action:#77D650;
  --qa-focus:rgba(119,214,80,.34);
  --qa-danger-bg:#341C1B;
  --qa-danger-text:#FFAAA2;
  --qa-shadow:0 18px 48px rgba(0,0,0,.24);
  --foundation-green:var(--qa-brand);
  --foundation-lime:var(--qa-action);
  --foundation-soft:var(--qa-soft);
  --foundation-onyx:var(--qa-text);
  --foundation-canvas:var(--qa-canvas);
  --foundation-line:var(--qa-border);
  --foundation-line-strong:var(--qa-border-strong);
  --foundation-muted:var(--qa-muted);
  --foundation-muted-strong:#C1CBC7;
  --foundation-shadow:var(--qa-shadow);
  --qb-growth:var(--qa-brand);
  --qb-kinetic:var(--qa-action);
  --qb-light:var(--qa-soft);
  --qb-onyx:var(--qa-text);
  --qb-white:var(--qa-surface);
  --qb-kinetic-wash:rgba(119,214,80,.10);
  --qb-kinetic-line:rgba(119,214,80,.28);
  --qb-growth-wash:rgba(119,214,80,.055);
  background:var(--qa-canvas);
  color:var(--qa-text);
}
html[data-theme="dark"] .account-page,
html[data-theme="dark"] .account-page .foundation-main,
html[data-theme="dark"] .account-page .account-main{
  background:var(--qa-canvas)!important;
  color:var(--qa-text)!important;
}
html[data-theme="dark"] .account-page .product-sidebar,
html[data-theme="dark"] .account-page .product-utility{
  background:rgba(21,28,25,.98)!important;
  border-color:var(--qa-border)!important;
  color:var(--qa-text)!important;
  box-shadow:none!important;
}
html[data-theme="dark"] .account-page .product-nav-label{color:#8FA099!important}
html[data-theme="dark"] .account-page .product-nav-link{color:#C7D1CD!important}
html[data-theme="dark"] .account-page .product-nav-link:hover,
html[data-theme="dark"] .account-page .product-nav-link[aria-current="page"]{background:var(--qa-soft)!important;color:var(--qa-action)!important;box-shadow:none!important}
html[data-theme="dark"] .account-page .product-nav-icon{background:var(--qa-soft)!important;border-color:var(--qa-border)!important;color:var(--qa-action)!important}
html[data-theme="dark"] .account-page .product-nav-link[aria-current="page"] .product-nav-icon{background:var(--qa-action)!important;border-color:var(--qa-action)!important;color:#013D37!important}
html[data-theme="dark"] .account-page .product-sidebar-foot{border-color:var(--qa-border)!important}
html[data-theme="dark"] .account-page .product-sidebar-account{color:var(--qa-text)!important}
html[data-theme="dark"] .account-page .product-sidebar-account:hover{background:var(--qa-soft)!important;border-color:var(--qa-border)!important}
html[data-theme="dark"] .account-page .product-avatar{background:#12372F!important;color:#fff!important;box-shadow:inset 0 0 0 1px rgba(119,214,80,.32)!important}
html[data-theme="dark"] .account-page .product-menu-button,
html[data-theme="dark"] .account-page .product-icon-button{background:var(--qa-raised)!important;border-color:var(--qa-border)!important;color:var(--qa-action)!important}
html[data-theme="dark"] .account-page .product-user-link{color:var(--qa-text)!important}
html[data-theme="dark"] .account-page .product-user-link:hover{background:var(--qa-soft)!important}

html[data-theme="dark"] .account-page :where(
  .foundation-card,.foundation-list,.foundation-form-card,.account-panel,.admin-panel,
  .account-home-destination-v11071,.account-service-focus-v11071,.account-request-layout,
  .account-document-card-v110717,.document-card,.workspace-tabs,.client-form-section,
  .client-form-review,.request-stage-card,.project-registration-summary-v11082,
  .annual-return-saved-card-v11082,.account-request-card
){
  background:var(--qa-surface)!important;
  border-color:var(--qa-border)!important;
  color:var(--qa-text)!important;
  box-shadow:none!important;
}
html[data-theme="dark"] .account-page :where(
  .foundation-input,input[type="text"],input[type="email"],input[type="tel"],input[type="password"],
  input[type="number"],input[type="date"],select,textarea
){
  background:var(--qa-raised)!important;
  border-color:var(--qa-border-strong)!important;
  color:var(--qa-text)!important;
}
html[data-theme="dark"] .account-page :where(input,select,textarea)::placeholder{color:#7E8D87}
html[data-theme="dark"] .account-page :where(input,select,textarea):disabled{background:#222D29!important;color:#7E8A85!important}
html[data-theme="dark"] .account-page :where(input,select,textarea):focus{border-color:var(--qa-action)!important;box-shadow:0 0 0 4px var(--qa-focus)!important}

html[data-theme="dark"] .account-page .foundation-button:not(.foundation-button-secondary){background:var(--qa-action)!important;color:#013D37!important;border-color:var(--qa-action)!important}
html[data-theme="dark"] .account-page .foundation-button-secondary{background:var(--qa-raised)!important;color:var(--qa-action)!important;border-color:var(--qa-border-strong)!important}
html[data-theme="dark"] .account-page .foundation-button-secondary:hover{background:var(--qa-soft)!important}
html[data-theme="dark"] .account-page .foundation-card-soft,
html[data-theme="dark"] .account-page .account-panel-soft,
html[data-theme="dark"] .account-page .foundation-checkbox,
html[data-theme="dark"] .account-page .foundation-pill{background:var(--qa-soft)!important;border-color:var(--qa-border)!important;color:var(--qa-text)!important}
html[data-theme="dark"] .account-page .foundation-kicker,
html[data-theme="dark"] .account-page .foundation-card-action,
html[data-theme="dark"] .account-page .account-document-actions-v110717 a{color:var(--qa-action)!important}
html[data-theme="dark"] .account-page :where(.foundation-page-head p,.foundation-card p,.foundation-form-card>p,.foundation-hint,.foundation-list-row>span,.foundation-list-row>div span,.account-head p,.account-home-greeting p){color:var(--qa-muted)!important}
html[data-theme="dark"] .account-page .foundation-list-row{border-color:var(--qa-border)!important}
html[data-theme="dark"] .account-page .workspace-tabs a{color:#C1CBC7!important}
html[data-theme="dark"] .account-page .workspace-tabs a:hover{background:var(--qa-soft)!important;color:var(--qa-action)!important}
html[data-theme="dark"] .account-page .workspace-tabs a[aria-current="page"]{background:#12372F!important;color:#fff!important}
html[data-theme="dark"] .account-page .foundation-alert-success{background:#183126!important;color:#A7E990!important;border-color:#294C3A!important}
html[data-theme="dark"] .account-page .foundation-alert-error{background:var(--qa-danger-bg)!important;color:var(--qa-danger-text)!important;border-color:#56302C!important}

/* Existing white/green gradients are converted to layered dark surfaces. */
html[data-theme="dark"] .account-page .account-home-destination-v11071,
html[data-theme="dark"] .account-page .project-registration-summary-v11082,
html[data-theme="dark"] .account-page .account-home-feature-v11071>*{
  background:linear-gradient(145deg,var(--qa-surface) 0%,var(--qa-surface) 78%,rgba(119,214,80,.06) 100%)!important;
}

/* Keep brand lockups readable on the dark Account shell without changing asset files. */
html[data-theme="dark"] .account-page .product-brand img{filter:invert(1) brightness(1.1)}

/* Hostinger-inspired compact account menu and one-switch dark mode. */
.product-account-menu{position:relative}
.product-account-menu>summary{list-style:none;cursor:pointer;user-select:none}
.product-account-menu>summary::-webkit-details-marker{display:none}
.product-account-menu>summary::marker{display:none;content:""}
.product-account-menu[open]>.product-user-link{background:var(--qa-soft)}
.product-account-menu-panel{
  position:absolute;right:0;top:calc(100% + 10px);width:294px;z-index:90;
  border:1px solid var(--qa-border);border-radius:18px;background:var(--qa-raised);
  color:var(--qa-text);box-shadow:var(--qa-shadow);overflow:hidden;
}
.product-account-menu-user{padding:17px 18px 14px;border-bottom:1px solid var(--qa-border);min-width:0}
.product-account-menu-user strong,.product-account-menu-user small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.product-account-menu-user strong{font-size:14px}.product-account-menu-user small{margin-top:4px;color:var(--qa-muted);font-size:12px}
.product-account-menu-links{padding:7px}
.product-account-menu-links a,.product-account-signout button{
  width:100%;min-height:44px;padding:0 11px;border:0;border-radius:11px;background:transparent;
  display:flex;align-items:center;gap:11px;color:var(--qa-text);text-decoration:none;font:inherit;font-size:13px;font-weight:700;cursor:pointer;text-align:left;
}
.product-account-menu-links a:hover{background:var(--qa-soft)}
.product-account-signout button:hover{background:var(--qa-danger-bg)!important}
.product-account-menu-links svg,.product-account-signout svg,.product-theme-label svg{flex:0 0 auto}
.product-theme-form{padding:7px;border-top:1px solid var(--qa-border);border-bottom:1px solid var(--qa-border)}
.product-theme-row{width:100%;min-height:46px;padding:0 11px;border:0;border-radius:11px;background:transparent;color:var(--qa-text);display:flex;align-items:center;justify-content:space-between;gap:14px;cursor:pointer;font:inherit}
.product-theme-row:hover{background:var(--qa-soft)}
.product-theme-label{display:flex;align-items:center;gap:11px;font-size:13px;font-weight:700}
.product-theme-switch-track{position:relative;width:42px;height:24px;border-radius:999px;background:#CBD3CF;box-shadow:inset 0 0 0 1px rgba(13,13,13,.08);transition:background .18s ease}
.product-theme-switch-track>span{position:absolute;left:3px;top:3px;width:18px;height:18px;border-radius:50%;background:#fff;box-shadow:0 1px 4px rgba(0,0,0,.22);transition:transform .18s ease}
.product-theme-row[aria-checked="true"] .product-theme-switch-track{background:var(--qa-action)}
.product-theme-row[aria-checked="true"] .product-theme-switch-track>span{transform:translateX(18px)}
.product-theme-row:focus-visible{outline:3px solid var(--qa-focus);outline-offset:2px}
.product-account-signout{padding:7px;margin:0}
.product-account-signout button{
  -webkit-appearance:none;appearance:none;
  width:100%;min-height:44px;padding:0 11px;
  border:0!important;border-radius:11px!important;box-shadow:none!important;
  background:transparent!important;color:var(--qa-danger-text)!important;
  display:flex;align-items:center;gap:11px;
  font:inherit;font-size:13px;font-weight:700;line-height:1;text-align:left;
  cursor:pointer;text-decoration:none;
}
.product-account-signout button:focus-visible{outline:3px solid var(--qa-focus);outline-offset:2px}

@media(max-width:680px){
  .product-account-menu-panel{position:fixed;top:61px;right:10px;width:min(294px,calc(100vw - 20px))}
}
@media(prefers-reduced-motion:reduce){.product-theme-switch-track,.product-theme-switch-track>span{transition:none}}

/* App V1.0.0.14B Refinement 8.1 companion — Brand Fidelity, Theme Integrity & Interface Consistency */
:root{
  --qa-canvas:#FFFFFF;
  --qa-surface:#FFFFFF;
  --qa-raised:#FFFFFF;
  --qa-soft:#F0F7E7;
  --qa-text:#0D0D0D;
  --qa-muted:#64716D;
  --qa-border:#DCE7DF;
  --qa-border-strong:#C8D8CD;
  --qa-brand:#013D37;
  --qa-action:#77D650;
  --qa-on-action:#013D37;
  --qa-card-shadow:0 2px 4px rgba(13,13,13,.02),0 10px 28px rgba(1,61,55,.035);
}
html[data-theme="dark"]{
  --qa-canvas:#101613;
  --qa-surface:#18211D;
  --qa-raised:#1E2923;
  --qa-soft:#22352A;
  --qa-text:#F5F8F6;
  --qa-muted:#A8B5AF;
  --qa-border:#2C3934;
  --qa-border-strong:#3A4B43;
  --qa-brand:#77D650;
  --qa-action:#77D650;
  --qa-on-action:#013D37;
  --qa-card-shadow:0 2px 4px rgba(0,0,0,.12),0 12px 32px rgba(0,0,0,.10);
}
.account-page{
  --v11071-ink:var(--qa-text);
  --v11071-growth:var(--qa-brand);
  --v11071-line:var(--qa-border);
  font-family:Aileron,Arial,sans-serif;
  font-synthesis:none;
  font-size:15px;
  line-height:1.5;
  background:var(--qa-canvas)!important;
  color:var(--qa-text);
}
.account-page :is(.foundation-main,.account-main){background:var(--qa-canvas)!important;color:var(--qa-text)}
.account-page .foundation-content{max-width:1120px}

/* Typography matches the restrained internal Admin dashboard rather than R8's heavy display weight.
   Account page introductions share the same centered axis as the App, including low-frequency
   request, form, document, consent and project routes. */
.account-page :is(.foundation-page-head,.account-head){
  display:flex!important;
  flex-direction:column;
  align-items:center!important;
  justify-content:flex-start;
  gap:14px;
  text-align:center;
}
.account-page :is(.foundation-page-head,.account-head)>div:first-child{
  width:100%;
  max-width:min(760px,100%);
  margin-left:auto;
  margin-right:auto;
  text-align:center;
}
.account-page :is(.foundation-page-head,.account-head)>div:first-child>p,
.account-page .foundation-page-head>p{max-width:680px;margin-left:auto!important;margin-right:auto!important;text-align:center}
.account-page :is(.foundation-page-head,.account-head)>.foundation-button,
.account-page :is(.foundation-page-head,.account-head)>.foundation-pill{align-self:center!important}
.account-page :is(.foundation-page-head,.account-head)>.admin-head-actions{
  width:auto;
  max-width:100%;
  justify-content:center;
  align-items:center;
  flex-wrap:wrap;
}
.account-page :is(.foundation-page-head,.account-head,.account-home-greeting) h1{
  font-size:clamp(34px,3.3vw,44px);
  line-height:1.08;
  letter-spacing:-.04em;
  font-weight:600!important;
  color:var(--qa-text)!important;
  text-wrap:balance;
}
.account-page :is(.foundation-page-head,.account-head,.account-home-greeting) p{font-size:15px;line-height:1.6;color:var(--qa-muted)}
.account-page :is(.foundation-card,.foundation-form-card,.account-panel) h2{font-weight:600}
.account-page :is(.foundation-card,.foundation-form-card,.account-panel) h3{font-weight:600}
.account-page :is(.foundation-list-row strong,.foundation-section-title h2){font-weight:600}

/* Account Home is the Account equivalent of Today: centered, balanced and calm on every viewport. */
.account-page.account-home-v11071 .account-home-greeting{
  width:min(820px,100%);
  margin:10px auto 24px!important;
  text-align:center!important;
}
.account-page.account-home-v11071 .account-home-greeting .foundation-kicker{margin-left:auto;margin-right:auto}
.account-page.account-home-v11071 .account-home-greeting p{max-width:560px;margin:10px auto 0!important;text-align:center}

/* Keep R8's premium destination-card proportions and spacing. */
.account-page :is(.foundation-card,.foundation-form-card,.account-panel,.foundation-list){border-radius:20px;border-color:var(--qa-border)}
.account-page .account-home-feature-v11071{background:var(--qa-brand);padding:10px;gap:12px;border:1px solid var(--qa-brand);border-radius:22px;box-shadow:0 20px 44px rgba(1,61,55,.09)}
.account-page .account-home-destination-v11071{padding:22px;min-height:258px;border:1px solid var(--qa-border);border-radius:17px;background:var(--qa-surface);box-shadow:var(--qa-card-shadow)}
.account-page .account-home-destination-v11071 h2{font-size:25px;line-height:1.18;margin:18px 0 6px;color:var(--qa-text);font-weight:600}
.account-page .account-home-destination-v11071>p{max-width:390px;margin:0;font-size:13px;line-height:1.5;color:var(--qa-muted)}
.account-page .account-home-destination-meta-v11071{font-size:11px;letter-spacing:.08em;border-color:var(--qa-border);color:var(--qa-muted);flex-wrap:wrap}
.account-page .account-home-destination-meta-v11071 span:last-child{font-size:12px;color:var(--qa-brand)}
.account-page .account-service-focus-v11071{margin-top:14px;background:var(--qa-soft)!important;border-color:var(--qa-border);padding:12px 14px;border-radius:12px}
.account-page .account-service-focus-v11071 span{font-size:10px;color:var(--qa-muted)!important}
.account-page .account-service-focus-v11071 strong{font-size:15px;color:var(--qa-text)!important;font-weight:600}
.account-page .account-service-focus-v11071 small{margin-top:3px;font-size:12px;color:var(--qa-muted)!important}
.account-page .account-sts-preview-v11071{background:var(--qa-soft);border-color:var(--qa-border);box-shadow:none;width:min(156px,40%);min-width:128px;padding:11px 12px;border-radius:12px}
.account-page .account-sts-preview-v11071 span{font-size:10px;color:var(--qa-muted)}
.account-page .account-sts-preview-v11071 strong{color:var(--qa-brand)}
.account-page .account-sts-preview-v11071 small{font-size:11px;line-height:1.4;color:var(--qa-muted)}
.account-page .account-home-service-actions-v11071{padding-top:16px;gap:12px}
.account-page .account-app-action-row-v11071{padding-top:16px;gap:12px}
.account-page .account-sts-preview-v11071 i{margin-top:7px}
.account-page.account-home-v11071 .foundation-section{margin-top:22px}

/* Locked brand law: Kinetic is not a large button surface; primary actions use Growth + white. */
.account-page .foundation-button{min-height:46px;border-radius:12px;font-size:14px;font-weight:650;line-height:1.4}
.account-page .foundation-button:not(.foundation-button-secondary){color:#FFFFFF!important;background:#013D37!important;border-color:#013D37!important}
.account-page .foundation-button:not(.foundation-button-secondary) svg{color:#FFFFFF!important;stroke:currentColor!important}
.account-page .product-nav-link[aria-current="page"] .product-nav-icon{background:#77D650!important;border-color:#77D650!important;color:#013D37!important}
.account-page .foundation-list-row{padding:18px 20px;gap:14px}
.account-page .foundation-list-row :is(span,small){font-size:13px;line-height:1.5}
.account-page :is(.product-nav-icon,.product-icon-button){border-radius:10px}
.account-page .product-nav-icon svg{width:19px;height:19px;stroke-width:1.8}
.account-page :is(a,button,summary,input,select,textarea):focus-visible{outline:2px solid var(--qa-brand);outline-offset:3px}
.account-page .product-account-menu-panel{max-height:calc(100dvh - 84px);overflow:auto;overscroll-behavior:contain;border-radius:16px}
.account-page :is(.product-account-menu-links a,.product-account-signout button,.product-theme-label){font-weight:650}

/* Dark-mode coverage for Account Home, lists, forms, documents and service project pages. */
html[data-theme="dark"] .account-page :is(.product-sidebar-foot,.product-sidebar-footer,.product-sidebar-account,.product-sidebar-switch){background:var(--qa-surface)!important;color:var(--qa-text)!important;border-color:var(--qa-border)!important}
html[data-theme="dark"] .account-page :is(.foundation-section-title span,.foundation-label,.foundation-form-label,.account-document-meta-v110717,.foundation-table td,.foundation-table th){color:var(--qa-muted)!important;border-color:var(--qa-border)!important}
html[data-theme="dark"] .account-page :is(.foundation-table,.foundation-table-wrap,.foundation-empty,.foundation-empty-state,.foundation-alert-attention){background:var(--qa-soft)!important;color:var(--qa-text)!important;border-color:var(--qa-border)!important}
html[data-theme="dark"] .account-page .foundation-pill,
html[data-theme="dark"] .account-page .foundation-status:not(.foundation-status-positive):not(.foundation-status-attention):not(.foundation-status-warning):not(.foundation-status-muted),
html[data-theme="dark"] .account-page :is(.request-status,.project-status){background:var(--qa-soft)!important;color:var(--qa-text)!important;border-color:var(--qa-border)!important}
html[data-theme="dark"] .account-page .foundation-status-positive{background:#183126!important;color:#AEEB92!important;border-color:#2B513B!important}
html[data-theme="dark"] .account-page .foundation-status-attention{background:#203520!important;color:#C7ED91!important;border-color:#3A5832!important}
html[data-theme="dark"] .account-page .foundation-status-warning{background:#3A301B!important;color:#F3C96D!important;border-color:#5A4825!important}
html[data-theme="dark"] .account-page .foundation-status-muted{background:#242B28!important;color:#A8B5AF!important;border-color:#39433F!important}
html[data-theme="dark"] .account-page :is(.account-service-focus-v11071 strong,.foundation-list-row strong,.foundation-section-title h2){color:var(--qa-text)!important}
html[data-theme="dark"] .account-page :is(.account-home-destination-v11071>p,.account-service-focus-v11071 small,.account-service-focus-v11071 span,.account-sts-preview-v11071 small,.account-sts-preview-v11071 span){color:var(--qa-muted)!important}
html[data-theme="dark"] .account-page .account-sts-preview-v11071{background:var(--qa-soft)!important;border-color:var(--qa-border)!important}
html[data-theme="dark"] .account-page .account-home-feature-v11071{background:var(--qa-brand)!important;border-color:var(--qa-brand)!important}
html[data-theme="dark"] .account-page .account-home-destination-v11071{background:var(--qa-surface)!important;box-shadow:var(--qa-card-shadow)!important}
html[data-theme="dark"] .account-page .foundation-kicker{background:#1D2A25!important;color:#77D650!important;border-color:rgba(119,214,80,.18)!important}
html[data-theme="dark"] .account-page .foundation-kicker::before{background:#77D650!important}

/* Route-complete Account contrast for tables, tabs, status rows, project controls and empty states. */
.account-page :is(.foundation-table,.foundation-table-wrap,.foundation-list,.foundation-empty,.foundation-empty-state,
  .workspace-tabs,.account-empty,.account-request-summary-card,.account-service-option,.finance-receipt-reference){
  color:var(--qa-text);
}
.account-page :is(.foundation-list-row strong,.foundation-table strong,.account-service-option h2,.account-service-option h3){font-weight:600}
html[data-theme="dark"] .account-page :is(
  .foundation-card,.foundation-form-card,.account-panel,.foundation-list,.foundation-table-wrap,
  .account-empty,.account-request-summary-card,.account-service-option,.finance-receipt-reference
){background:var(--qa-surface)!important;border-color:var(--qa-border)!important;color:var(--qa-text)!important}
html[data-theme="dark"] .account-page :is(.foundation-list-row,.foundation-table td,.foundation-table th,.workspace-tabs){border-color:var(--qa-border)!important}
html[data-theme="dark"] .account-page :is(.workspace-tabs a,.foundation-card-action,.account-document-actions-v110717 a){color:var(--qa-action)!important}
html[data-theme="dark"] .account-page :is(.account-empty p,.foundation-empty p,.foundation-empty-state p,.account-service-option p){color:var(--qa-muted)!important}
/* Service-catalog actions must stay legible on dark cards. */
html[data-theme="dark"] .account-page .account-service-option{color:var(--qa-text)!important}
html[data-theme="dark"] .account-page .account-service-option h3{color:var(--qa-text)!important}
html[data-theme="dark"] .account-page .account-service-option-type,
html[data-theme="dark"] .account-page .account-service-option-foot span{color:var(--qa-action)!important}
html[data-theme="dark"] .account-page .account-service-option-foot strong{color:var(--qa-muted)!important}
html[data-theme="dark"] .account-page .account-service-option-foot{border-color:var(--qa-border)!important}
html[data-theme="dark"] .account-page .account-service-option:hover .account-service-option-foot span{color:#AEEB92!important}

@media(max-width:900px){.account-page .account-app-action-row-v11071{flex-wrap:wrap}.account-page .account-sts-preview-v11071{width:100%;min-width:0}}
@media(max-width:680px){
  .account-page :is(.foundation-page-head,.account-head){gap:12px}
  .account-page :is(.foundation-page-head,.account-head)>.foundation-button{width:100%;justify-content:center;margin-top:4px}
  .account-page :is(.foundation-page-head,.account-head)>.admin-head-actions{width:100%;justify-content:center}
  .account-page :is(.foundation-page-head,.account-head)>.admin-head-actions .foundation-button{flex:1 1 180px;justify-content:center}
  .account-page.account-home-v11071 .account-home-greeting{margin:6px auto 18px!important;text-align:center!important}
  .account-page.account-home-v11071 .account-home-greeting h1{font-size:34px!important;line-height:1.1}
  .account-page.account-home-v11071 .account-home-greeting p{margin:12px auto 0!important;text-align:center!important}
  .account-page .account-home-feature-v11071{padding:8px;border:1px solid var(--qa-brand);background:var(--qa-brand)!important;border-radius:19px;gap:8px}
  .account-page .account-home-destination-v11071{padding:17px;min-height:0}
  .account-page .account-home-destination-v11071 h2{font-size:22px;margin-top:16px}
  .account-page :is(.foundation-page-head,.account-head) h1{font-size:32px!important;line-height:1.1}
  .account-page :is(input,select,textarea){font-size:16px}
  .account-page .product-sidebar{padding-bottom:calc(24px + env(safe-area-inset-bottom));max-height:100dvh}
  .account-page .account-home-service-actions-v11071{gap:12px;padding-top:16px}
}

/* Low-frequency Account routes receive the same Dark-mode surface/contrast treatment. */
html[data-theme="dark"] .account-page :is(
  .client-form-card-v104,.client-form-progress-summary-v104,.client-form-steps-v104 nav,
  .client-person-card-v104,.client-people-docs-v104 article,.client-file-current-v104,
  .request-intake-journey-v110714,.request-intake-sequence-v110,
  .account-service-option,.account-request-card-v103,.account-choice-grid label,.account-inline-check,
  .account-onboarding-option,.account-request-summary-card,.finance-receipt-reference
){background:var(--qa-surface)!important;border-color:var(--qa-border)!important;color:var(--qa-text)!important}
html[data-theme="dark"] .account-page :is(
  .client-form-card-v104 p,.client-form-progress-summary-v104>span,.client-form-section-title-v104 p,
  .client-form-steps-v104 nav a small,.client-file-current-v104 span,.client-form-review-section-v104 article>span,
  .client-form-submit-v104 p
){color:var(--qa-muted)!important}
html[data-theme="dark"] .account-page .client-form-steps-v104 nav a{color:var(--qa-text)!important}
html[data-theme="dark"] .account-page .client-form-steps-v104 nav a:hover,
html[data-theme="dark"] .account-page .client-form-steps-v104 nav a[aria-current="step"]{background:var(--qa-soft)!important;color:var(--qa-text)!important}
html[data-theme="dark"] .account-page .client-form-section-title-v104>span{background:var(--qa-soft)!important;color:var(--qa-action)!important}
html[data-theme="dark"] .account-page :is(.client-person-card-v104,.client-people-docs-v104 article,.client-file-current-v104){background:var(--qa-raised)!important}
html[data-theme="dark"] .account-page .account-service-project-v107 .workspace-tabs.account-tabs{background:var(--qa-surface)!important;border-color:var(--qa-border)!important}
html[data-theme="dark"] .account-page .account-service-project-v107 .workspace-tabs a[aria-current="page"]{background:#12372F!important;color:#FFFFFF!important}

/* R8.1 route-completion pass — no Account page is exempt from Light/Dark integrity. */
.account-page :is(h1,h2,h3),
html[data-theme="dark"] .auth-page :is(h1,h2,h3){font-weight:600}
.account-page :is(.foundation-label,.foundation-list-row strong,.workspace-list-item strong,.service-project-card strong){font-weight:650}

/* Account onboarding is authenticated but uses the auth shell instead of .account-page. */
html[data-theme="dark"] .auth-page{background:var(--qa-canvas)!important;color:var(--qa-text)!important}
html[data-theme="dark"] .auth-page .foundation-topbar{background:var(--qa-surface)!important;border-color:var(--qa-border)!important}
html[data-theme="dark"] .auth-page .foundation-brand{color:var(--qa-text)!important}
html[data-theme="dark"] .auth-page .foundation-brand img{filter:invert(1) brightness(1.08)}
html[data-theme="dark"] .auth-page .foundation-back-link{color:var(--qa-muted)!important}
html[data-theme="dark"] .auth-page .foundation-auth-main{background:linear-gradient(180deg,#13201B 0,var(--qa-canvas) 58%)!important}
html[data-theme="dark"] .auth-page .foundation-auth-shell{background:var(--qa-surface)!important;border-color:var(--qa-border)!important;box-shadow:0 22px 52px rgba(0,0,0,.22)!important}
html[data-theme="dark"] .auth-page .foundation-auth-story{background:#0B332E!important;color:#FFFFFF!important}
html[data-theme="dark"] .auth-page .foundation-auth-story :is(h1,strong){color:#FFFFFF!important}
html[data-theme="dark"] .auth-page .foundation-auth-story p{color:rgba(255,255,255,.76)!important}
html[data-theme="dark"] .auth-page .foundation-auth-panel{background:var(--qa-surface)!important;color:var(--qa-text)!important}
html[data-theme="dark"] .auth-page :is(.foundation-auth-copy,.foundation-hint,.foundation-security-note){color:var(--qa-muted)!important;border-color:var(--qa-border)!important}
html[data-theme="dark"] .auth-page :is(.foundation-input,.foundation-select,.foundation-textarea){background:var(--qa-raised)!important;color:var(--qa-text)!important;border-color:var(--qa-border-strong)!important}
html[data-theme="dark"] .auth-page .account-onboarding-option>span{background:var(--qa-raised)!important;color:var(--qa-text)!important;border-color:var(--qa-border)!important}
html[data-theme="dark"] .auth-page .account-onboarding-option input:checked+span{background:var(--qa-soft)!important;border-color:rgba(119,214,80,.38)!important}
html[data-theme="dark"] .auth-page .account-onboarding-option small{color:var(--qa-muted)!important}
html[data-theme="dark"] .auth-page .foundation-button:not(.foundation-button-secondary){background:#013D37!important;color:#FFFFFF!important;border-color:#013D37!important;font-weight:650}
html[data-theme="dark"] .auth-page .foundation-button-secondary{background:var(--qa-raised)!important;color:var(--qa-text)!important;border-color:var(--qa-border-strong)!important;font-weight:650}
html[data-theme="dark"] .auth-page .foundation-button-secondary:hover{background:var(--qa-soft)!important;color:var(--qa-text)!important}

/* Service catalogue, project cards and request summaries. */
html[data-theme="dark"] .account-page :is(
  .account-service-request-submit,.account-request-status-card,.account-service-option-compliance-v11082,
  .service-project-card,.admin-data-list
){background:var(--qa-surface)!important;color:var(--qa-text)!important;border-color:var(--qa-border)!important}
html[data-theme="dark"] .account-page .service-project-card.is-quiet{background:var(--qa-soft)!important}
html[data-theme="dark"] .account-page :is(.service-project-card-foot strong,.account-service-request-secondary-v11082 a){color:var(--qa-action)!important}
html[data-theme="dark"] .account-page .account-service-catalog-v107 .account-service-option-featured{background:linear-gradient(145deg,var(--qa-surface) 0%,var(--qa-surface) 78%,rgba(119,214,80,.06) 100%)!important}
html[data-theme="dark"] .account-page :is(.foundation-select,.foundation-textarea){background:var(--qa-raised)!important;color:var(--qa-text)!important;border-color:var(--qa-border-strong)!important}

/* Annual Return is a low-frequency route, but receives the full theme contract. */
html[data-theme="dark"] .account-page :is(.annual-return-business-profile-v11082,.annual-return-document-panel-v11082,.annual-return-no-saved-v11082){background:var(--qa-surface)!important;color:var(--qa-text)!important;border-color:var(--qa-border)!important}
html[data-theme="dark"] .account-page .annual-return-no-saved-v11082{background:linear-gradient(145deg,var(--qa-surface) 0%,var(--qa-soft) 100%)!important}
html[data-theme="dark"] .account-page .annual-return-profile-facts-v11082>div,
html[data-theme="dark"] .account-page .annual-return-saved-head-v11082,
html[data-theme="dark"] .account-page .annual-return-authorization-v11082{background:var(--qa-soft)!important;border-color:var(--qa-border)!important;color:var(--qa-text)!important}
html[data-theme="dark"] .account-page :is(.annual-return-profile-facts-v11082 strong,.annual-return-saved-head-v11082 strong,.annual-return-no-saved-v11082 strong){color:var(--qa-text)!important}
html[data-theme="dark"] .account-page .annual-return-saved-copy-v11082 strong{color:var(--qa-text)!important}
html[data-theme="dark"] .account-page .annual-return-saved-actions-v11082 a{color:var(--qa-action)!important}

/* Registration guide and detailed CAC intake. */
html[data-theme="dark"] .account-page :is(
  .registration-guide-form-prompt,.registration-guide-jumps a,.registration-guide-list details,
  .registration-guide-example,.registration-guide-compare article,.registration-guide-support,
  .company-name-ending-v11082,.company-name-ending-options-v11082>label,
  .request-intake-readonly-v110,.request-intake-review-people-v110>section,
  .request-intake-review-docs-v110>section,.request-intake-share-summary-v110,
  .client-form-reserved-v104,.account-project-action-v104
){background:var(--qa-surface)!important;color:var(--qa-text)!important;border-color:var(--qa-border)!important}
html[data-theme="dark"] .account-page :is(.registration-guide-form-prompt.is-compact,.registration-guide-example,.registration-guide-compare article,.request-intake-review-people-v110>section,.request-intake-review-docs-v110>section){background:var(--qa-raised)!important}
html[data-theme="dark"] .account-page :is(.registration-guide-support,.company-name-ending-v11082,.client-form-reserved-v104,.account-project-action-v104){background:var(--qa-soft)!important}
html[data-theme="dark"] .account-page .registration-guide-list summary>span,
html[data-theme="dark"] .account-page .request-intake-journey-marker-v110714{background:var(--qa-soft)!important;color:var(--qa-action)!important;border-color:var(--qa-border)!important}
html[data-theme="dark"] .account-page .registration-guide-list summary::after{background:var(--qa-soft)!important;color:var(--qa-text)!important}
html[data-theme="dark"] .account-page :is(
  .registration-guide-form-prompt span,.company-name-ending-options-v11082 small,
  .client-form-reserved-v104 span,.client-form-reserved-v104 small
){color:var(--qa-muted)!important}
html[data-theme="dark"] .account-page :is(
  .registration-guide-support strong,.company-name-ending-title-v11082,.company-name-preview-v11082,
  .account-service-request-secondary-v11082 a
){color:var(--qa-action)!important}
html[data-theme="dark"] .account-page .company-name-ending-options-v11082>label:has(input:checked){background:var(--qa-soft)!important;border-color:rgba(119,214,80,.38)!important}
html[data-theme="dark"] .account-page .company-name-ending-options-v11082 strong{color:var(--qa-text)!important}
html[data-theme="dark"] .account-page .request-intake-share-summary-v110.is-complete{background:#183126!important;border-color:#294C3A!important}
html[data-theme="dark"] .account-page .request-intake-share-summary-v110.is-over{background:var(--qa-danger-bg)!important;border-color:#56302C!important}
html[data-theme="dark"] .account-page .request-intake-share-summary-v110 strong{color:var(--qa-text)!important}

/* Project messages, files and document vault. */
html[data-theme="dark"] .account-page :is(.workspace-list-item,.workspace-feed article,.workspace-thread article){background:var(--qa-surface)!important;color:var(--qa-text)!important;border-color:var(--qa-border)!important}
html[data-theme="dark"] .account-page .workspace-thread article.is-client{background:var(--qa-soft)!important}
html[data-theme="dark"] .account-page .workspace-feed blockquote{background:var(--qa-raised)!important;color:var(--qa-text)!important;border-color:var(--qa-border)!important}
html[data-theme="dark"] .account-page :is(.document-file-main-v110717 span,.document-file-main-v110717 small,.account-document-copy-v110717 p){color:var(--qa-muted)!important}
html[data-theme="dark"] .account-page .account-document-icon-v110717{background:var(--qa-soft)!important;color:var(--qa-action)!important;border-color:var(--qa-border)!important}
html[data-theme="dark"] .account-page .account-vault-link-v110717{background:var(--qa-soft)!important;color:var(--qa-text)!important;border-color:var(--qa-border)!important}
html[data-theme="dark"] .account-page :is(.account-vault-link-v110717 a,.account-request-file-row-v110717 a,.document-file-actions-v110717 a,.document-row-actions-v110717 a){color:var(--qa-action)!important}

/* Account/Auth primary controls use Growth + white; Kinetic is reserved for compact signals. */
.account-page :is(.foundation-button,.foundation-button-lime):not(.foundation-button-secondary),
html[data-theme="dark"] .auth-page :is(.foundation-button,.foundation-button-lime):not(.foundation-button-secondary){background:#013D37!important;color:#FFFFFF!important;border-color:#013D37!important}
.account-page :is(.foundation-button,.foundation-button-lime):not(.foundation-button-secondary) :is(svg,path),
html[data-theme="dark"] .auth-page :is(.foundation-button,.foundation-button-lime):not(.foundation-button-secondary) :is(svg,path){color:currentColor!important;stroke:currentColor}
html[data-theme="dark"] .account-page .client-person-role-help-v11082{background:var(--qa-soft)!important;color:var(--qa-text)!important;border-color:var(--qa-border)!important}

/* R8.2 auth-state semantics: anonymous identity pages use the shared appearance hint. */
html[data-theme="dark"] .auth-page .foundation-alert-success{background:#183126!important;color:#AEEB92!important;border-color:#2B513B!important}
html[data-theme="dark"] .auth-page .foundation-alert-error{background:var(--qa-danger-bg)!important;color:var(--qa-danger-text)!important;border-color:#56302C!important}
html[data-theme="dark"] .auth-page .foundation-alert-attention{background:var(--qa-soft)!important;color:var(--qa-text)!important;border-color:rgba(119,214,80,.28)!important}
html[data-theme="dark"] .auth-page .foundation-auth-divider{color:var(--qa-muted)!important}
html[data-theme="dark"] .auth-page .foundation-auth-divider::before,
html[data-theme="dark"] .auth-page .foundation-auth-divider::after{background:var(--qa-border)!important}
html[data-theme="dark"] .auth-page .foundation-auth-simple{background:var(--qa-surface)!important;color:var(--qa-text)!important;border-color:var(--qa-border)!important;box-shadow:0 22px 52px rgba(0,0,0,.22)!important}
html[data-theme="dark"] .auth-page .foundation-auth-simple h1,
html[data-theme="dark"] .auth-page .foundation-auth-panel h2,
html[data-theme="dark"] .auth-page .foundation-label{color:var(--qa-text)!important}
html[data-theme="dark"] .auth-page .foundation-kicker,
html[data-theme="dark"] .auth-page :is(.foundation-form-links a,.foundation-auth-switch a,.foundation-security-note a,.foundation-password-toggle){color:var(--qa-action)!important}
html[data-theme="dark"] .auth-page .foundation-auth-switch{color:var(--qa-muted)!important}
html[data-theme="dark"] .auth-page .foundation-password-toggle:hover{background:var(--qa-soft)!important}

/* R8.2 status aliases used by low-frequency Account/Admin routes. */
.account-page .foundation-status-success{background:var(--foundation-soft);color:var(--foundation-green)}
.account-page .foundation-status-neutral{background:#eef2ef;color:var(--foundation-muted-strong)}
html[data-theme="dark"] .account-page .foundation-status-success{background:#183126!important;color:#AEEB92!important;border-color:#2B513B!important}
html[data-theme="dark"] .account-page .foundation-status-neutral{background:#242B28!important;color:#A8B5AF!important;border-color:#39433F!important}

/* ---- source: quinbis-visual-foundation-vr1.css ---- */
/*
 * Quinbis Visual Refinement VR1 — opt-in visual foundation.
 * 2026-09-18
 *
 * This layer intentionally does not override legacy .q-btn, .btn,
 * .foundation-button, navigation, card, or page selectors. Page families
 * adopt these primitives deliberately in later VR phases.
 */

:root {
  --qv-growth: #013D37;
  --qv-kinetic: #77D650;
  --qv-light: #F0F7E7;
  --qv-onyx: #0D0D0D;
  --qv-white: #FFFFFF;
  --qv-muted: #64716D;
  --qv-border: rgba(1, 61, 55, .14);
  --qv-border-strong: rgba(1, 61, 55, .24);
  --qv-focus: rgba(119, 214, 80, .42);
  --qv-primary-bg: var(--qv-growth);
  --qv-primary-fg: var(--qv-white);
  --qv-soft-action-bg: var(--qv-light);
  --qv-soft-action-fg: var(--qv-growth);
  --qv-quiet-bg: var(--qv-light);
  --qv-quiet-fg: var(--qv-growth);
  --qv-radius-action: 14px;
  --qv-shadow-action: 0 10px 24px rgba(1, 61, 55, .12);
}

html[data-theme="dark"] {
  --qv-muted: #A8B5AF;
  --qv-border: rgba(255, 255, 255, .14);
  --qv-border-strong: rgba(255, 255, 255, .24);
  --qv-shadow-action: 0 12px 28px rgba(0, 0, 0, .22);
}

/* Everyday primary action: Growth carries the action; white carries copy. */
.qv-action {
  min-height: 46px;
  padding: 11px 16px;
  border: 1px solid transparent;
  border-radius: var(--qv-radius-action);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  font: inherit;
  font-weight: 700;
  line-height: 1.1;
  text-decoration: none;
  cursor: pointer;
  transition: transform .16s ease, box-shadow .16s ease, background-color .16s ease, border-color .16s ease;
}

.qv-action--primary {
  background: var(--qv-primary-bg) !important;
  color: var(--qv-primary-fg) !important;
  border-color: var(--qv-primary-bg) !important;
  box-shadow: var(--qv-shadow-action);
}

.qv-action--primary:hover {
  transform: translateY(-1px);
  box-shadow: 0 14px 30px rgba(1, 61, 55, .16);
}

/* Soft interactive treatment, especially useful on Growth/dark surfaces. */
.qv-action--soft {
  background: var(--qv-soft-action-bg) !important;
  color: var(--qv-soft-action-fg) !important;
  border-color: transparent !important;
  box-shadow: none;
}

.qv-action--soft:hover {
  border-color: rgba(1, 61, 55, .14);
}

.qv-action--quiet {
  background: var(--qv-quiet-bg) !important;
  color: var(--qv-quiet-fg) !important;
  border-color: transparent !important;
  box-shadow: none;
}

.qv-action--outline {
  background: transparent !important;
  color: var(--qv-growth) !important;
  border-color: var(--qv-border-strong) !important;
  box-shadow: none;
}

html[data-theme="dark"] .qv-action--outline {
  color: var(--qv-white);
}

/*
 * Optional Quinbis signature for a Growth primary button.
 * Use one compact Kinetic accent only; it is not a second CTA.
 */
.qv-action__accent {
  width: 28px;
  height: 28px;
  border-radius: 999px;
  display: inline-grid;
  place-items: center;
  flex: 0 0 28px;
  background: var(--qv-kinetic);
  color: var(--qv-growth);
}

.qv-action__accent svg {
  width: 15px;
  height: 15px;
  stroke: currentColor;
}

.qv-action--soft .qv-action__accent {
  background: var(--qv-growth);
  color: var(--qv-white);
}

/* Alternate restrained signature when a circle would be too decorative. */
.qv-action--accent-line {
  position: relative;
}

.qv-action--accent-line::before {
  content: "";
  width: 3px;
  height: 22px;
  border-radius: 999px;
  background: var(--qv-kinetic);
  flex: 0 0 3px;
}

.qv-action:focus-visible,
.qv-interactive:focus-visible {
  outline: 3px solid var(--qv-focus);
  outline-offset: 3px;
}

/* Soft surfaces use the single approved pale green. */
.qv-surface--soft {
  background: var(--qv-light);
  color: var(--qv-growth);
}

.qv-surface--quiet {
  background: var(--qv-light);
  color: var(--qv-growth);
}

/* Kinetic is a signal by default, not a universal filled control. */
.qv-signal {
  color: var(--qv-kinetic);
}

.qv-signal-dot {
  width: 8px;
  height: 8px;
  display: inline-block;
  border-radius: 50%;
  background: var(--qv-kinetic);
}

.qv-nav-indicator {
  width: 3px;
  height: 22px;
  display: inline-block;
  border-radius: 999px;
  background: var(--qv-kinetic);
}

/* Icon frames are neutral by default; active state earns Kinetic. */
.qv-icon-frame {
  width: 36px;
  height: 36px;
  display: inline-grid;
  place-items: center;
  border-radius: 11px;
  background: var(--qv-light);
  color: var(--qv-growth);
}

.qv-icon-frame--active {
  background: rgba(119, 214, 80, .10);
  color: var(--qv-kinetic);
}

html[data-theme="dark"] .qv-icon-frame {
  background: rgba(255, 255, 255, .06);
  color: #D7E0DC;
}

html[data-theme="dark"] .qv-icon-frame--active {
  background: rgba(119, 214, 80, .10);
  color: var(--qv-kinetic);
}

@media (prefers-reduced-motion: reduce) {
  .qv-action {
    transition: none;
  }
}

/* ---- source: quinbis-visual-refinement-vr7.css ---- */
/*
 * Quinbis Visual Refinement VR7 — Account Auth, Shell & Core Account
 * 2026-09-18
 *
 * Scope:
 * - Account navigation shell (all Account routes)
 * - Account Home, Profile, Security
 * - Account onboarding and identity/auth surfaces
 *
 * Guardrail: this file does not restyle Services/Documents/Annual Return page
 * internals. Those page families remain for VR8. Shell/navigation changes are
 * intentionally shared across Account routes.
 */

:root {
  --vr7-growth: #013D37;
  --vr7-kinetic: #77D650;
  --vr7-light: #F0F7E7;
  --vr7-onyx: #0D0D0D;
  --vr7-muted: #64716D;
  --vr7-border: #DCE7DF;
  --vr7-dark-canvas: #101613;
  --vr7-dark-surface: #18211D;
  --vr7-dark-raised: #1E2923;
  --vr7-dark-border: #2C3934;
  --vr7-dark-muted: #A8B5AF;
}

/* -------------------------------------------------------------------------
   Account shell — follow the calmer App-sidebar language.
   Kinetic identifies the active destination; it is not a repeated icon fill.
   ------------------------------------------------------------------------- */
.account-page .product-sidebar {
  background: #FFFFFF !important;
  border-right-color: rgba(1,61,55,.11) !important;
}

.account-page .product-nav-label {
  color: rgba(1,61,55,.58) !important;
}

.account-page .product-nav-link {
  min-height: 44px;
  color: #42514C !important;
  border-radius: 11px !important;
}

.account-page .product-nav-icon {
  width: 28px !important;
  height: 28px !important;
  border: 0 !important;
  border-radius: 9px !important;
  background: transparent !important;
  color: #6A7973 !important;
  box-shadow: none !important;
  transform: none !important;
}

.account-page .product-nav-link:hover {
  background: rgba(240,247,231,.72) !important;
  color: var(--vr7-growth) !important;
}

.account-page .product-nav-link:hover .product-nav-icon {
  background: transparent !important;
  color: var(--vr7-growth) !important;
  border: 0 !important;
  transform: none !important;
}

.account-page .product-nav-link[aria-current="page"] {
  position: relative;
  background: var(--vr7-light) !important;
  color: var(--vr7-onyx) !important;
  font-weight: 750 !important;
}

.account-page .product-nav-link[aria-current="page"]::before {
  display: block !important;
  content: "";
  position: absolute;
  left: 0;
  top: 10px;
  bottom: 10px;
  width: 3px;
  border-radius: 999px;
  background: var(--vr7-kinetic) !important;
}

.account-page .product-nav-link[aria-current="page"] .product-nav-icon {
  background: transparent !important;
  border: 0 !important;
  color: var(--vr7-growth) !important;
}

.account-page .product-admin-return .product-nav-icon {
  color: #6A7973 !important;
}

html[data-theme="dark"] .account-page .product-sidebar,
html[data-theme="dark"] .account-page .product-utility {
  background: #121A17 !important;
  border-color: var(--vr7-dark-border) !important;
}

html[data-theme="dark"] .account-page .product-nav-label {
  color: #84958E !important;
}

html[data-theme="dark"] .account-page .product-nav-link {
  color: #C7D1CD !important;
}

html[data-theme="dark"] .account-page .product-nav-icon {
  background: transparent !important;
  border: 0 !important;
  color: #93A29C !important;
}

html[data-theme="dark"] .account-page .product-nav-link:hover {
  background: rgba(255,255,255,.045) !important;
  color: #FFFFFF !important;
}

html[data-theme="dark"] .account-page .product-nav-link:hover .product-nav-icon {
  background: transparent !important;
  color: #D7E0DC !important;
}

html[data-theme="dark"] .account-page .product-nav-link[aria-current="page"] {
  background: #1B2B23 !important;
  color: #FFFFFF !important;
}

html[data-theme="dark"] .account-page .product-nav-link[aria-current="page"]::before {
  background: var(--vr7-kinetic) !important;
}

html[data-theme="dark"] .account-page .product-nav-link[aria-current="page"] .product-nav-icon {
  background: transparent !important;
  border: 0 !important;
  color: var(--vr7-kinetic) !important;
}

html[data-theme="dark"] .account-page .product-admin-return .product-nav-icon {
  color: #93A29C !important;
}

/* -------------------------------------------------------------------------
   Account Home — remove the heavy Growth frame; use smaller brand signals.
   ------------------------------------------------------------------------- */
.account-page.account-home-v11071 .account-home-feature-v11071 {
  padding: 0 !important;
  gap: 12px !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

.account-page.account-home-v11071 .account-home-destination-v11071 {
  position: relative;
  overflow: hidden;
  background: #FFFFFF !important;
  border: 1px solid var(--vr7-border) !important;
  box-shadow: 0 14px 34px rgba(1,61,55,.045) !important;
}

.account-page.account-home-v11071 .account-home-destination-v11071.is-app {
  background: #FAFCFA !important;
}

.account-page.account-home-v11071 .account-home-destination-meta-v11071 > span:first-child {
  display: inline-flex;
  align-items: center;
  gap: 7px;
}

.account-page.account-home-v11071 .account-home-destination-meta-v11071 > span:first-child::before {
  content: "";
  width: 7px;
  height: 7px;
  flex: 0 0 7px;
  border-radius: 50%;
  background: var(--vr7-kinetic);
}

.account-page.account-home-v11071 .account-service-focus-v11071,
.account-page.account-home-v11071 .account-sts-preview-v11071 {
  background: var(--vr7-light) !important;
  border-color: rgba(1,61,55,.12) !important;
}

/* Core Account actions: Growth carries everyday action on light surfaces. */
.account-page.account-home-v11071 .foundation-button:not(.foundation-button-secondary),
.account-page.account-profile-vr7 .foundation-button:not(.foundation-button-secondary),
.account-page.account-security-vr7 .foundation-button:not(.foundation-button-secondary) {
  background: var(--vr7-growth) !important;
  color: #FFFFFF !important;
  border-color: var(--vr7-growth) !important;
  box-shadow: 0 9px 20px rgba(1,61,55,.12) !important;
}

.account-page.account-home-v11071 .foundation-button:not(.foundation-button-secondary):hover,
.account-page.account-profile-vr7 .foundation-button:not(.foundation-button-secondary):hover,
.account-page.account-security-vr7 .foundation-button:not(.foundation-button-secondary):hover {
  background: #024B43 !important;
  border-color: #024B43 !important;
  box-shadow: 0 12px 24px rgba(1,61,55,.16) !important;
}

/* Key forward actions receive one compact Kinetic signature around their arrow. */
.account-page.account-home-v11071 .foundation-button:not(.foundation-button-secondary) > svg,
.auth-page .foundation-button.vr7-forward-action:not(.foundation-button-secondary) > svg {
  width: 16px !important;
  height: 16px !important;
  box-sizing: content-box;
  padding: 5px;
  border-radius: 999px;
  background: var(--vr7-kinetic) !important;
  color: var(--vr7-growth) !important;
  stroke: currentColor !important;
  flex: 0 0 auto;
}

.account-page.account-home-v11071 .foundation-button:not(.foundation-button-secondary) > svg * ,
.auth-page .foundation-button.vr7-forward-action:not(.foundation-button-secondary) > svg * {
  stroke: currentColor !important;
}

html[data-theme="dark"] .account-page.account-home-v11071 .account-home-feature-v11071 {
  background: transparent !important;
  border-color: transparent !important;
}

html[data-theme="dark"] .account-page.account-home-v11071 .account-home-destination-v11071,
html[data-theme="dark"] .account-page.account-home-v11071 .account-home-destination-v11071.is-app {
  background: var(--vr7-dark-surface) !important;
  border-color: var(--vr7-dark-border) !important;
  box-shadow: none !important;
}

html[data-theme="dark"] .account-page.account-home-v11071 .account-home-destination-meta-v11071 > span:first-child::before {
  background: var(--vr7-kinetic);
}

html[data-theme="dark"] .account-page.account-home-v11071 .account-service-focus-v11071,
html[data-theme="dark"] .account-page.account-home-v11071 .account-sts-preview-v11071 {
  background: #202D27 !important;
  border-color: var(--vr7-dark-border) !important;
}

html[data-theme="dark"] .account-page.account-home-v11071 .foundation-button:not(.foundation-button-secondary),
html[data-theme="dark"] .account-page.account-profile-vr7 .foundation-button:not(.foundation-button-secondary),
html[data-theme="dark"] .account-page.account-security-vr7 .foundation-button:not(.foundation-button-secondary) {
  background: var(--vr7-dark-raised) !important;
  color: #FFFFFF !important;
  border-color: #43554D !important;
  box-shadow: inset 0 0 0 1px rgba(119,214,80,.12) !important;
}

html[data-theme="dark"] .account-page.account-home-v11071 .foundation-button:not(.foundation-button-secondary):hover,
html[data-theme="dark"] .account-page.account-profile-vr7 .foundation-button:not(.foundation-button-secondary):hover,
html[data-theme="dark"] .account-page.account-security-vr7 .foundation-button:not(.foundation-button-secondary):hover {
  background: #24322B !important;
  border-color: #4A5B53 !important;
}

/* Profile/Security stay calm and operational. */
.account-page.account-profile-vr7 .foundation-form-card,
.account-page.account-security-vr7 .foundation-form-card {
  box-shadow: 0 12px 30px rgba(1,61,55,.035);
}

html[data-theme="dark"] .account-page.account-profile-vr7 .foundation-form-card,
html[data-theme="dark"] .account-page.account-security-vr7 .foundation-form-card {
  background: var(--vr7-dark-surface) !important;
  border-color: var(--vr7-dark-border) !important;
  box-shadow: none !important;
}

/* -------------------------------------------------------------------------
   Auth — Growth + white on light surfaces; neutral-first primary actions in dark mode.
   ------------------------------------------------------------------------- */
.auth-page .foundation-auth-main {
  background: linear-gradient(180deg,#F3F9ED 0,#FFFFFF 58%) !important;
}

.auth-page .foundation-auth-shell,
.auth-page .foundation-auth-simple {
  box-shadow: 0 20px 54px rgba(1,61,55,.075) !important;
}

.auth-page .foundation-auth-story {
  position: relative;
  overflow: hidden;
  background: var(--vr7-growth) !important;
}

/* One earned Kinetic signature on this major Growth surface. */
.auth-page .foundation-auth-story::after {
  content: "";
  position: absolute;
  right: -58px;
  bottom: -64px;
  width: 180px;
  height: 180px;
  border: 2px solid rgba(119,214,80,.48);
  border-radius: 50%;
  pointer-events: none;
}

.auth-page .foundation-auth-story > * {
  position: relative;
  z-index: 1;
}

.auth-page .foundation-auth-point-icon {
  background: rgba(119,214,80,.13) !important;
  border: 1px solid rgba(119,214,80,.28);
  color: var(--vr7-kinetic) !important;
}

.auth-page .foundation-auth-panel,
.auth-page .foundation-auth-simple {
  background: #FFFFFF !important;
}

.auth-page .foundation-button:not(.foundation-button-secondary) {
  background: var(--vr7-growth) !important;
  color: #FFFFFF !important;
  border-color: var(--vr7-growth) !important;
  box-shadow: 0 9px 20px rgba(1,61,55,.12) !important;
}

.auth-page .foundation-button:not(.foundation-button-secondary):hover {
  background: #024B43 !important;
  border-color: #024B43 !important;
  box-shadow: 0 12px 24px rgba(1,61,55,.16) !important;
}

.auth-page .foundation-button-secondary {
  background: #FFFFFF !important;
  color: var(--vr7-growth) !important;
  border-color: rgba(1,61,55,.18) !important;
  box-shadow: none !important;
}

.auth-page .foundation-button-secondary:hover {
  background: var(--vr7-light) !important;
  border-color: rgba(1,61,55,.24) !important;
}

.auth-page .foundation-input:focus,
.auth-page .foundation-select:focus,
.auth-page .foundation-textarea:focus {
  border-color: var(--vr7-growth) !important;
  box-shadow: 0 0 0 4px rgba(119,214,80,.16) !important;
}

.auth-page .account-onboarding-option input:checked + span {
  background: var(--vr7-light) !important;
  color: var(--vr7-growth) !important;
  border-color: rgba(119,214,80,.72) !important;
  box-shadow: inset 3px 0 0 var(--vr7-kinetic);
}

html[data-theme="dark"] .auth-page {
  background: var(--vr7-dark-canvas) !important;
}

html[data-theme="dark"] .auth-page .foundation-auth-main {
  background: var(--vr7-dark-canvas) !important;
}

html[data-theme="dark"] .auth-page .foundation-auth-shell,
html[data-theme="dark"] .auth-page .foundation-auth-panel,
html[data-theme="dark"] .auth-page .foundation-auth-simple {
  background: var(--vr7-dark-surface) !important;
  border-color: var(--vr7-dark-border) !important;
  box-shadow: none !important;
}

/* Dark mode does not keep a large green panel; Kinetic carries the brand signal. */
html[data-theme="dark"] .auth-page .foundation-auth-story {
  background: #121A17 !important;
  border-right: 1px solid var(--vr7-dark-border);
}

html[data-theme="dark"] .auth-page .foundation-auth-story::after {
  border-color: rgba(119,214,80,.42);
}

html[data-theme="dark"] .auth-page .foundation-auth-point {
  background: rgba(255,255,255,.045) !important;
}

html[data-theme="dark"] .auth-page .foundation-auth-point-icon {
  background: rgba(119,214,80,.10) !important;
  border-color: rgba(119,214,80,.22) !important;
  color: var(--vr7-kinetic) !important;
}

html[data-theme="dark"] .auth-page .foundation-button:not(.foundation-button-secondary) {
  background: var(--vr7-dark-raised) !important;
  color: #FFFFFF !important;
  border-color: #43554D !important;
  box-shadow: inset 0 0 0 1px rgba(119,214,80,.12) !important;
}

html[data-theme="dark"] .auth-page .foundation-button:not(.foundation-button-secondary):hover {
  background: #24322B !important;
  border-color: #4A5B53 !important;
}

html[data-theme="dark"] .auth-page .foundation-button-secondary {
  background: var(--vr7-dark-raised) !important;
  color: #F5F8F6 !important;
  border-color: #3A4B43 !important;
}

html[data-theme="dark"] .auth-page .foundation-button-secondary:hover {
  background: #24322B !important;
  border-color: #43554D !important;
}

html[data-theme="dark"] .auth-page .foundation-button.vr7-forward-action:not(.foundation-button-secondary) > svg {
  background: var(--vr7-kinetic) !important;
  color: var(--vr7-growth) !important;
}

html[data-theme="dark"] .auth-page .account-onboarding-option input:checked + span {
  background: #22352A !important;
  color: #FFFFFF !important;
  border-color: rgba(119,214,80,.55) !important;
  box-shadow: inset 3px 0 0 var(--vr7-kinetic);
}

/* Simple auth cards get a small Kinetic signal instead of extra decoration. */
.auth-page .foundation-auth-simple {
  position: relative;
  overflow: hidden;
}
.auth-page .foundation-auth-simple::before {
  content: "";
  position: absolute;
  left: 0;
  top: 28px;
  width: 3px;
  height: 42px;
  border-radius: 0 999px 999px 0;
  background: var(--vr7-kinetic);
}

@media (max-width: 1180px) {
  .account-page .product-sidebar {
    box-shadow: 18px 0 46px rgba(1,61,55,.12) !important;
  }
  html[data-theme="dark"] .account-page .product-sidebar {
    box-shadow: 18px 0 46px rgba(0,0,0,.28) !important;
  }
}

@media (max-width: 680px) {
  .account-page.account-home-v11071 .account-home-feature-v11071 {
    gap: 10px !important;
  }
  .account-page.account-home-v11071 .account-home-destination-v11071 {
    border-radius: 17px !important;
  }
  .auth-page .foundation-auth-story::after {
    right: -82px;
    bottom: -92px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .account-page .product-nav-link,
  .auth-page .foundation-button {
    transition: none !important;
  }
}

/* ---- source: quinbis-visual-refinement-vr8.css ---- */
/*
 * Quinbis Visual Refinement VR8 — Account Services, Documents & Annual Return
 * 2026-09-18
 *
 * Scope is deliberately limited to customer-facing Account service, document,
 * CAC document and Annual Return journeys. The VR7 Account shell remains the
 * authority for navigation and Account chrome.
 */

:root {
  --vr8-growth: #013D37;
  --vr8-kinetic: #77D650;
  --vr8-light: #F0F7E7;
  --vr8-onyx: #0D0D0D;
  --vr8-muted: #66736E;
  --vr8-border: #DCE7DF;
  --vr8-border-strong: #C7D8CE;
  --vr8-dark-canvas: #101613;
  --vr8-dark-surface: #18211D;
  --vr8-dark-raised: #1E2923;
  --vr8-dark-border: #2C3934;
  --vr8-dark-muted: #A8B5AF;
}

/* -------------------------------------------------------------------------
   Shared scope / actions
   ------------------------------------------------------------------------- */
.account-page:is(
  .account-services-v107,
  .account-service-catalog-v107,
  .account-service-project-v107,
  .account-client-forms-v11082,
  .account-client-intake-v107,
  .account-request-intake-v110,
  .account-service-request-v107,
  .registration-guide-page,
  .account-documents-v110717,
  .annual-return-r93
) .foundation-button:not(.foundation-button-secondary) {
  background: var(--vr8-growth) !important;
  color: #FFFFFF !important;
  border-color: var(--vr8-growth) !important;
  box-shadow: 0 9px 20px rgba(1,61,55,.10) !important;
}

.account-page:is(
  .account-services-v107,
  .account-service-catalog-v107,
  .account-service-project-v107,
  .account-client-forms-v11082,
  .account-client-intake-v107,
  .account-request-intake-v110,
  .account-service-request-v107,
  .registration-guide-page,
  .account-documents-v110717,
  .annual-return-r93
) .foundation-button:not(.foundation-button-secondary):hover {
  background: #024B43 !important;
  border-color: #024B43 !important;
  box-shadow: 0 12px 24px rgba(1,61,55,.14) !important;
}

.account-page:is(
  .account-services-v107,
  .account-service-catalog-v107,
  .account-service-project-v107,
  .account-client-forms-v11082,
  .account-client-intake-v107,
  .account-request-intake-v110,
  .account-service-request-v107,
  .registration-guide-page,
  .account-documents-v110717,
  .annual-return-r93
) .foundation-button-secondary {
  background: #FFFFFF !important;
  color: var(--vr8-growth) !important;
  border-color: var(--vr8-border-strong) !important;
  box-shadow: none !important;
}

.account-page:is(
  .account-services-v107,
  .account-service-catalog-v107,
  .account-service-project-v107,
  .account-client-forms-v11082,
  .account-client-intake-v107,
  .account-request-intake-v110,
  .account-service-request-v107,
  .registration-guide-page,
  .account-documents-v110717,
  .annual-return-r93
) .foundation-button-secondary:hover {
  background: var(--vr8-light) !important;
  border-color: #BDD1C5 !important;
}

html[data-theme="dark"] .account-page:is(
  .account-services-v107,
  .account-service-catalog-v107,
  .account-service-project-v107,
  .account-client-forms-v11082,
  .account-client-intake-v107,
  .account-request-intake-v110,
  .account-service-request-v107,
  .registration-guide-page,
  .account-documents-v110717,
  .annual-return-r93
) .foundation-button:not(.foundation-button-secondary) {
  background: var(--vr8-growth) !important;
  color: #FFFFFF !important;
  border-color: var(--vr8-growth) !important;
  box-shadow: none !important;
}

html[data-theme="dark"] .account-page:is(
  .account-services-v107,
  .account-service-catalog-v107,
  .account-service-project-v107,
  .account-client-forms-v11082,
  .account-client-intake-v107,
  .account-request-intake-v110,
  .account-service-request-v107,
  .registration-guide-page,
  .account-documents-v110717,
  .annual-return-r93
) .foundation-button:not(.foundation-button-secondary):hover {
  background: #02564D !important;
  border-color: #02564D !important;
}

html[data-theme="dark"] .account-page:is(
  .account-services-v107,
  .account-service-catalog-v107,
  .account-service-project-v107,
  .account-client-forms-v11082,
  .account-client-intake-v107,
  .account-request-intake-v110,
  .account-service-request-v107,
  .registration-guide-page,
  .account-documents-v110717,
  .annual-return-r93
) .foundation-button-secondary {
  background: var(--vr8-dark-raised) !important;
  color: #FFFFFF !important;
  border-color: var(--vr8-dark-border) !important;
}

/* -------------------------------------------------------------------------
   My Services / project cards
   ------------------------------------------------------------------------- */
.account-services-v107 .annual-return-service-entry-r93 {
  position: relative;
  overflow: hidden;
  background: var(--vr8-light) !important;
  border: 1px solid rgba(1,61,55,.09) !important;
  border-radius: 18px !important;
}

.account-services-v107 .annual-return-service-entry-r93::before {
  content: "";
  position: absolute;
  left: 0;
  top: 18px;
  bottom: 18px;
  width: 4px;
  border-radius: 0 999px 999px 0;
  background: var(--vr8-kinetic);
}

.account-services-v107 :is(.account-request-card-v103,.service-project-card) {
  border-color: var(--vr8-border) !important;
  box-shadow: 0 10px 26px rgba(1,61,55,.035) !important;
  transition: border-color .18s ease, box-shadow .18s ease, transform .18s ease;
}

.account-services-v107 :is(.account-request-card-v103,.service-project-card):hover {
  border-color: #BFD5C8 !important;
  box-shadow: 0 16px 32px rgba(1,61,55,.065) !important;
}

.account-services-v107 :is(.account-request-card-foot-v103,.service-project-card-foot) strong {
  color: var(--vr8-growth) !important;
}

.account-services-v107 .account-request-progress-v110 > div {
  background: #E6EEE8 !important;
}
.account-services-v107 .account-request-progress-v110 > div > i {
  background: var(--vr8-kinetic) !important;
}

html[data-theme="dark"] .account-services-v107 .annual-return-service-entry-r93 {
  background: var(--vr8-dark-surface) !important;
  border-color: var(--vr8-dark-border) !important;
}
html[data-theme="dark"] .account-services-v107 :is(.account-request-card-v103,.service-project-card) {
  background: var(--vr8-dark-surface) !important;
  border-color: var(--vr8-dark-border) !important;
  box-shadow: none !important;
}
html[data-theme="dark"] .account-services-v107 :is(.account-request-card-foot-v103,.service-project-card-foot) strong {
  color: #E7F0EC !important;
}

/* -------------------------------------------------------------------------
   Service catalogue / request journeys
   ------------------------------------------------------------------------- */
.account-service-catalog-v107 .account-service-option {
  position: relative;
  overflow: hidden;
  border-color: var(--vr8-border) !important;
  box-shadow: 0 10px 25px rgba(1,61,55,.025) !important;
}

.account-service-catalog-v107 .account-service-option:hover,
.account-service-catalog-v107 .account-service-option:focus-visible {
  border-color: #BFD5C8 !important;
  box-shadow: 0 15px 30px rgba(1,61,55,.06) !important;
}

.account-service-catalog-v107 .account-service-option-featured {
  background: var(--vr8-light) !important;
}

.account-service-catalog-v107 .account-service-option-featured::before {
  content: "";
  position: absolute;
  top: 0;
  left: 20px;
  right: 20px;
  height: 3px;
  border-radius: 0 0 999px 999px;
  background: var(--vr8-kinetic);
}

.account-service-catalog-v107 .account-service-option-foot span,
.account-service-project-v107 :is(.service-project-card-foot strong,.account-service-request-secondary-v11082 a) {
  color: var(--vr8-growth) !important;
}

/* Project tabs: selected = quiet surface + one Kinetic marker, not a filled green reading surface. */
.account-service-project-v107 .workspace-tabs.account-tabs {
  background: #FFFFFF !important;
  border-color: var(--vr8-border) !important;
}
.account-service-project-v107 .workspace-tabs.account-tabs a {
  position: relative;
  color: #586761 !important;
}
.account-service-project-v107 .workspace-tabs.account-tabs a[aria-current="page"] {
  background: var(--vr8-light) !important;
  color: var(--vr8-onyx) !important;
}
.account-service-project-v107 .workspace-tabs.account-tabs a[aria-current="page"]::after {
  content: "";
  position: absolute;
  left: 10px;
  right: 10px;
  bottom: 3px;
  height: 2px;
  border-radius: 999px;
  background: var(--vr8-kinetic);
}

html[data-theme="dark"] .account-service-project-v107 .workspace-tabs.account-tabs {
  background: var(--vr8-dark-surface) !important;
  border-color: var(--vr8-dark-border) !important;
}
html[data-theme="dark"] .account-service-project-v107 .workspace-tabs.account-tabs a {
  color: #C7D1CD !important;
}
html[data-theme="dark"] .account-service-project-v107 .workspace-tabs.account-tabs a[aria-current="page"] {
  background: var(--vr8-dark-raised) !important;
  color: #FFFFFF !important;
}

/* Large request / intake / form surfaces stay calm. */
.account-page:is(.account-service-request-v107,.account-client-intake-v107,.account-client-forms-v11082,.account-request-intake-v110) :is(
  .admin-panel,.foundation-form-card,.client-form-section-v104,.client-form-review-v104,
  .client-form-progress-summary-v104,.request-intake-journey-v110714,.account-service-request-submit
) {
  border-color: var(--vr8-border) !important;
  box-shadow: 0 10px 28px rgba(1,61,55,.03) !important;
}

.account-client-intake-v107 .client-form-steps-v104 nav a[aria-current="step"],
.account-request-intake-v110 .request-intake-journey-marker-v110714.is-current {
  background: var(--vr8-light) !important;
  color: var(--vr8-growth) !important;
}

.account-client-intake-v107 .client-form-steps-v104 nav a[aria-current="step"] {
  box-shadow: inset 3px 0 0 var(--vr8-kinetic);
}

html[data-theme="dark"] .account-page:is(.account-service-request-v107,.account-client-intake-v107,.account-client-forms-v11082,.account-request-intake-v110) :is(
  .admin-panel,.foundation-form-card,.client-form-section-v104,.client-form-review-v104,
  .client-form-progress-summary-v104,.request-intake-journey-v110714,.account-service-request-submit
) {
  background: var(--vr8-dark-surface) !important;
  border-color: var(--vr8-dark-border) !important;
  box-shadow: none !important;
}
html[data-theme="dark"] .account-client-intake-v107 .client-form-steps-v104 nav a[aria-current="step"] {
  background: var(--vr8-dark-raised) !important;
  color: #FFFFFF !important;
}

/* -------------------------------------------------------------------------
   Documents / CAC vault
   ------------------------------------------------------------------------- */
.account-documents-v110717 .cac-r2-section,
.account-documents-v110717 .cac-r2-business-card,
.account-documents-v110717 .cac-r2-slot {
  border-color: var(--vr8-border) !important;
}

.account-documents-v110717 .cac-r2-business-card {
  background: #FFFFFF !important;
  box-shadow: 0 12px 28px rgba(1,61,55,.03) !important;
}

.account-documents-v110717 .cac-r2-slot {
  background: #FBFCFB !important;
}

.account-documents-v110717 .cac-r2-status-slot:has(.foundation-status-success) {
  background: var(--vr8-light) !important;
}

.account-documents-v110717 .cac-r2-file-input::file-selector-button {
  background: var(--vr8-light) !important;
  color: var(--vr8-growth) !important;
}

.account-documents-v110717 .account-document-icon-v110717 {
  background: var(--vr8-light) !important;
  color: var(--vr8-growth) !important;
}

.account-documents-v110717 :is(.account-document-actions-v110717,.document-file-actions-v110717,.document-row-actions-v110717) a {
  color: var(--vr8-growth) !important;
}

html[data-theme="dark"] .account-documents-v110717 :is(.cac-r2-section,.cac-r2-business-card,.cac-r2-slot) {
  background: var(--vr8-dark-surface) !important;
  border-color: var(--vr8-dark-border) !important;
  box-shadow: none !important;
}
html[data-theme="dark"] .account-documents-v110717 .cac-r2-status-slot:has(.foundation-status-success) {
  background: var(--vr8-dark-raised) !important;
  box-shadow: inset 3px 0 0 var(--vr8-kinetic) !important;
}
html[data-theme="dark"] .account-documents-v110717 .cac-r2-file-input {
  background: var(--vr8-dark-raised) !important;
  color: #FFFFFF !important;
  border-color: var(--vr8-dark-border) !important;
}
html[data-theme="dark"] .account-documents-v110717 .cac-r2-file-input::file-selector-button {
  background: #26352E !important;
  color: #E7F0EC !important;
}
html[data-theme="dark"] .account-documents-v110717 :is(.account-document-actions-v110717,.document-file-actions-v110717,.document-row-actions-v110717) a {
  color: #E7F0EC !important;
}

/* -------------------------------------------------------------------------
   Annual Return customer journey
   ------------------------------------------------------------------------- */
.annual-return-r93 .annual-r93-progress .is-complete i,
.annual-return-r93 .annual-r93-progress .is-current i {
  background: var(--vr8-kinetic) !important;
}

.annual-return-r93 .annual-r93-progress .is-current {
  color: var(--vr8-growth) !important;
}

.annual-return-r93 .annual-r93-callout.is-active,
.annual-return-r93 .annual-r93-campaign-gate {
  position: relative;
  background: var(--vr8-light) !important;
  color: var(--vr8-growth) !important;
  border: 1px solid rgba(1,61,55,.09) !important;
}

.annual-return-r93 .annual-r93-callout.is-active::before,
.annual-return-r93 .annual-r93-campaign-gate::before {
  content: "";
  position: absolute;
  left: 0;
  top: 12px;
  bottom: 12px;
  width: 3px;
  border-radius: 0 999px 999px 0;
  background: var(--vr8-kinetic);
}

.annual-return-r93 :is(.annual-r93-detail,.annual-r93-form-card,.annual-r93-history,.account-request-card-v103) {
  border-color: var(--vr8-border) !important;
}

.annual-return-r93 .annual-r93-choice input:checked + span {
  background: var(--vr8-light) !important;
  color: var(--vr8-growth) !important;
  border-color: #A6C99A !important;
  box-shadow: inset 0 -2px 0 var(--vr8-kinetic) !important;
}

.annual-return-r1 .annual-r1-saved-status {
  background: var(--vr8-light) !important;
  border-color: rgba(1,61,55,.12) !important;
}
.annual-return-r1 .annual-r1-saved-status :is(strong,a) {
  color: var(--vr8-growth) !important;
}

.annual-return-r1 .annual-r1-retrieval-card,
.annual-return-r93 .annual-return-retrieval-card-v11084 {
  background: var(--vr8-light) !important;
  border-color: var(--vr8-border) !important;
}

.annual-return-r1 .annual-r1-example-link,
.annual-return-r93 .annual-r93-file-row a {
  color: var(--vr8-growth) !important;
}

.annual-return-r1 input[type="file"].annual-r1-file-input::file-selector-button {
  background: var(--vr8-light) !important;
  color: var(--vr8-growth) !important;
}

html[data-theme="dark"] .annual-return-r93 .annual-r93-progress .is-current {
  color: #E7F0EC !important;
}
html[data-theme="dark"] .annual-return-r93 :is(.annual-r93-detail,.annual-r93-form-card,.annual-r93-history,.account-request-card-v103) {
  background: var(--vr8-dark-surface) !important;
  border-color: var(--vr8-dark-border) !important;
  box-shadow: none !important;
}
html[data-theme="dark"] .annual-return-r93 .annual-r93-callout.is-active,
html[data-theme="dark"] .annual-return-r93 .annual-r93-campaign-gate {
  background: var(--vr8-dark-raised) !important;
  color: #FFFFFF !important;
  border-color: var(--vr8-dark-border) !important;
}
html[data-theme="dark"] .annual-return-r93 .annual-r93-choice input:checked + span {
  background: var(--vr8-dark-raised) !important;
  color: #FFFFFF !important;
  border-color: rgba(119,214,80,.40) !important;
  box-shadow: inset 0 -2px 0 var(--vr8-kinetic) !important;
}
html[data-theme="dark"] .annual-return-r1 .annual-r1-saved-status {
  background: var(--vr8-dark-raised) !important;
  border-color: var(--vr8-dark-border) !important;
  box-shadow: inset 3px 0 0 var(--vr8-kinetic) !important;
}
html[data-theme="dark"] .annual-return-r1 .annual-r1-saved-status :is(strong,a) {
  color: #E7F0EC !important;
}
html[data-theme="dark"] .annual-return-r1 .annual-r1-retrieval-card,
html[data-theme="dark"] .annual-return-r93 .annual-return-retrieval-card-v11084 {
  background: var(--vr8-dark-surface) !important;
  border-color: var(--vr8-dark-border) !important;
}
html[data-theme="dark"] .annual-return-r1 input[type="file"].annual-r1-file-input {
  background: var(--vr8-dark-raised) !important;
  color: #FFFFFF !important;
  border-color: var(--vr8-dark-border) !important;
}
html[data-theme="dark"] .annual-return-r1 input[type="file"].annual-r1-file-input::file-selector-button {
  background: #26352E !important;
  color: #E7F0EC !important;
}
html[data-theme="dark"] .annual-return-r93 .annual-r93-file-row a,
html[data-theme="dark"] .annual-return-r1 .annual-r1-example-link {
  color: #E7F0EC !important;
}

/* Annual-return service panels inside the service request family: no large green dark cards. */
html[data-theme="dark"] .account-annual-return-v11082 :is(
  .annual-return-business-profile-v11082,.annual-return-document-panel-v11082,
  .annual-return-no-saved-v11082,.annual-return-authorization-v11082
) {
  background: var(--vr8-dark-surface) !important;
  border-color: var(--vr8-dark-border) !important;
}

/* -------------------------------------------------------------------------
   Small screens
   ------------------------------------------------------------------------- */
@media (max-width: 680px) {
  .account-services-v107 .annual-return-service-entry-r93 {
    align-items: stretch;
    flex-direction: column;
  }

  .account-services-v107 .annual-return-service-entry-r93 > .foundation-button,
  .annual-return-r93 .annual-r1-form-actions > .foundation-button {
    width: 100%;
    justify-content: center;
  }

  .account-service-project-v107 .workspace-tabs.account-tabs {
    scroll-padding-inline: 6px;
  }

  .account-documents-v110717 .cac-r2-actions,
  .account-documents-v110717 .cac-r2-upload-form {
    align-items: stretch;
  }
}

/* ---- source: quinbis-visual-refinement-vr12-1h.css ---- */
/*
 * Quinbis VR12.1H — Account Auth, Shell & Core Account Parity
 * 2026-09-18
 *
 * Scope only:
 * - Account shell/navigation/utility/account menu
 * - Account Home, Profile, Security
 * - authenticated onboarding
 * - sign-in/create/reset/verify/activation/MFA/handoff auth family
 *
 * Services/Documents/Annual Return internals are intentionally left for VR12.1I.
 */
:root{
  --vr121h-growth:#013D37;
  --vr121h-kinetic:#77D650;
  --vr121h-light:#F0F7E7;
  --vr121h-onyx:#0D0D0D;
  --vr121h-muted:#64716D;
  --vr121h-border:#DCE7DF;
  --vr121h-dark-canvas:#101613;
  --vr121h-dark-surface:#18211D;
  --vr121h-dark-raised:#1E2923;
  --vr121h-dark-border:#2C3934;
  --vr121h-dark-muted:#A8B5AF;
}

/* --------------------------------------------------------------------------
   Account shell — neutral first; one Kinetic active signal.
   -------------------------------------------------------------------------- */
.account-page .product-utility{
  background:rgba(255,255,255,.97)!important;
  border-bottom-color:rgba(1,61,55,.11)!important;
}
.account-page .product-utility-context{
  color:var(--vr121h-growth)!important;
  font-weight:700!important;
}
.account-page .product-menu-button,
.account-page .product-icon-button{
  background:#FFFFFF!important;
  border-color:var(--vr121h-border)!important;
  color:var(--vr121h-growth)!important;
  box-shadow:none!important;
}
.account-page .product-menu-button:hover,
.account-page .product-icon-button:hover{
  background:var(--vr121h-light)!important;
  border-color:rgba(1,61,55,.16)!important;
}
.account-page .product-nav-link .product-nav-icon{
  background:transparent!important;
  border-color:transparent!important;
  box-shadow:none!important;
}
.account-page .product-nav-link[aria-current="page"] .product-nav-icon{
  background:transparent!important;
  color:var(--vr121h-growth)!important;
}
.account-page .product-account-menu-panel{
  border-color:var(--vr121h-border)!important;
  background:#FFFFFF!important;
  box-shadow:0 18px 44px rgba(1,61,55,.10)!important;
}
.account-page .product-account-menu-links a:hover,
.account-page .product-theme-row:hover{
  background:var(--vr121h-light)!important;
}

/* --------------------------------------------------------------------------
   Account Home — the reference treatment for restraint.
   -------------------------------------------------------------------------- */
.account-page.account-home-v11071 .account-home-feature-v11071{
  gap:14px!important;
}
.account-page.account-home-v11071 .account-home-destination-v11071,
.account-page.account-home-v11071 .account-home-destination-v11071.is-app{
  background:#FFFFFF!important;
  border-color:var(--vr121h-border)!important;
  box-shadow:0 14px 34px rgba(1,61,55,.04)!important;
}
.account-page.account-home-v11071 .account-service-focus-v11071,
.account-page.account-home-v11071 .account-sts-preview-v11071{
  background:var(--vr121h-light)!important;
  border-color:rgba(1,61,55,.12)!important;
}
.account-page.account-home-v11071 .foundation-button:not(.foundation-button-secondary),
.account-page.account-profile-vr7 .foundation-button:not(.foundation-button-secondary),
.account-page.account-security-vr7 .foundation-button:not(.foundation-button-secondary){
  background:var(--vr121h-growth)!important;
  color:#FFFFFF!important;
  border-color:var(--vr121h-growth)!important;
  box-shadow:0 9px 20px rgba(1,61,55,.12)!important;
}
.account-page.account-home-v11071 .foundation-button:not(.foundation-button-secondary):hover,
.account-page.account-profile-vr7 .foundation-button:not(.foundation-button-secondary):hover,
.account-page.account-security-vr7 .foundation-button:not(.foundation-button-secondary):hover{
  background:#024B43!important;
  border-color:#024B43!important;
}
/* Growth action + arrow => compact Kinetic circle with a Growth arrow. */
.account-page.account-home-v11071 .foundation-button:not(.foundation-button-secondary)>svg,
.auth-page .foundation-button.vr7-forward-action:not(.foundation-button-secondary)>svg{
  width:16px!important;
  height:16px!important;
  box-sizing:content-box!important;
  padding:5px!important;
  border-radius:999px!important;
  background:var(--vr121h-kinetic)!important;
  color:var(--vr121h-growth)!important;
  stroke:currentColor!important;
  flex:0 0 auto!important;
}
.account-page.account-home-v11071 .foundation-button:not(.foundation-button-secondary)>svg *,
.auth-page .foundation-button.vr7-forward-action:not(.foundation-button-secondary)>svg *{
  color:var(--vr121h-growth)!important;
  stroke:var(--vr121h-growth)!important;
}
.account-page.account-home-v11071 .foundation-card-action{
  color:var(--vr121h-growth)!important;
  text-decoration-color:rgba(1,61,55,.28)!important;
}
.account-page.account-home-v11071 .foundation-card-action:hover{
  text-decoration-color:var(--vr121h-kinetic)!important;
}

/* --------------------------------------------------------------------------
   Core Account forms — white canvas, quiet fields, clear primary action.
   -------------------------------------------------------------------------- */
.account-page.account-profile-vr7 .foundation-form-card,
.account-page.account-security-vr7 .foundation-form-card{
  background:#FFFFFF!important;
  border-color:var(--vr121h-border)!important;
  box-shadow:0 12px 30px rgba(1,61,55,.035)!important;
}
.account-page.account-profile-vr7 .foundation-input:focus,
.account-page.account-security-vr7 .foundation-input:focus{
  border-color:var(--vr121h-growth)!important;
  box-shadow:0 0 0 4px rgba(119,214,80,.16)!important;
}
.account-page.account-profile-vr7 .foundation-input:disabled,
.account-page.account-security-vr7 .foundation-input:disabled{
  background:#F6F8F6!important;
  color:#7B8883!important;
}
.account-page.account-profile-vr7 .foundation-button-secondary,
.account-page.account-security-vr7 .foundation-button-secondary{
  background:#FFFFFF!important;
  color:var(--vr121h-growth)!important;
  border-color:rgba(1,61,55,.18)!important;
  box-shadow:none!important;
}
.account-page.account-profile-vr7 .foundation-button-secondary:hover,
.account-page.account-security-vr7 .foundation-button-secondary:hover{
  background:var(--vr121h-light)!important;
}
.account-page.account-security-vr7 .foundation-pill{
  background:var(--vr121h-light)!important;
  color:var(--vr121h-growth)!important;
  border-color:rgba(1,61,55,.12)!important;
}

/* --------------------------------------------------------------------------
   Auth/onboarding family — Growth owns action; Light Green supports context.
   -------------------------------------------------------------------------- */
.auth-page .foundation-auth-main{
  background:linear-gradient(180deg,#F8FBF5 0,#FFFFFF 52%)!important;
}
.auth-page .foundation-auth-shell,
.auth-page .foundation-auth-simple{
  border-color:var(--vr121h-border)!important;
  box-shadow:0 20px 54px rgba(1,61,55,.07)!important;
}
.auth-page .foundation-auth-story{
  background:var(--vr121h-growth)!important;
}
.auth-page .foundation-auth-panel,
.auth-page .foundation-auth-simple{
  background:#FFFFFF!important;
}
.auth-page .foundation-button:not(.foundation-button-secondary){
  background:var(--vr121h-growth)!important;
  color:#FFFFFF!important;
  border-color:var(--vr121h-growth)!important;
  box-shadow:0 9px 20px rgba(1,61,55,.12)!important;
}
.auth-page .foundation-button:not(.foundation-button-secondary):hover{
  background:#024B43!important;
  border-color:#024B43!important;
}
.auth-page .foundation-button-secondary{
  background:#FFFFFF!important;
  color:var(--vr121h-growth)!important;
  border-color:rgba(1,61,55,.18)!important;
  box-shadow:none!important;
}
.auth-page .foundation-button-secondary:hover{
  background:var(--vr121h-light)!important;
  border-color:rgba(1,61,55,.24)!important;
}
.auth-page .foundation-input:focus,
.auth-page .foundation-select:focus,
.auth-page .foundation-textarea:focus{
  border-color:var(--vr121h-growth)!important;
  box-shadow:0 0 0 4px rgba(119,214,80,.16)!important;
}
.auth-page .account-onboarding-option input:checked+span{
  background:var(--vr121h-light)!important;
  color:var(--vr121h-growth)!important;
  border-color:rgba(119,214,80,.62)!important;
  box-shadow:inset 3px 0 0 var(--vr121h-kinetic)!important;
}
/* Handoff/error auth shells that do not carry the story panel should not leave an empty grid column. */
.auth-page .foundation-auth-shell:not(:has(.foundation-auth-story)){
  grid-template-columns:minmax(0,1fr)!important;
  width:min(560px,100%)!important;
  position:relative;
}
.auth-page .foundation-auth-shell:not(:has(.foundation-auth-story))::before{
  content:"";
  position:absolute;
  left:0;
  top:28px;
  width:3px;
  height:42px;
  border-radius:0 999px 999px 0;
  background:var(--vr121h-kinetic);
  z-index:2;
}

/* --------------------------------------------------------------------------
   Dark mode — neutral first. Do not reintroduce a pale-green primary action.
   -------------------------------------------------------------------------- */
html[data-theme="dark"] .account-page .product-utility,
html[data-theme="dark"] .account-page .product-sidebar{
  background:#121A17!important;
  border-color:var(--vr121h-dark-border)!important;
}
html[data-theme="dark"] .account-page .product-utility-context{
  color:#F5F8F6!important;
}
html[data-theme="dark"] .account-page .product-menu-button,
html[data-theme="dark"] .account-page .product-icon-button{
  background:var(--vr121h-dark-raised)!important;
  border-color:var(--vr121h-dark-border)!important;
  color:#F5F8F6!important;
}
html[data-theme="dark"] .account-page .product-account-menu-panel{
  background:var(--vr121h-dark-surface)!important;
  border-color:var(--vr121h-dark-border)!important;
  box-shadow:0 18px 44px rgba(0,0,0,.24)!important;
}
html[data-theme="dark"] .account-page.account-home-v11071 .account-home-destination-v11071,
html[data-theme="dark"] .account-page.account-home-v11071 .account-home-destination-v11071.is-app,
html[data-theme="dark"] .account-page.account-profile-vr7 .foundation-form-card,
html[data-theme="dark"] .account-page.account-security-vr7 .foundation-form-card{
  background:var(--vr121h-dark-surface)!important;
  border-color:var(--vr121h-dark-border)!important;
  box-shadow:none!important;
}
html[data-theme="dark"] .account-page.account-home-v11071 .account-service-focus-v11071,
html[data-theme="dark"] .account-page.account-home-v11071 .account-sts-preview-v11071{
  background:#202D27!important;
  border-color:var(--vr121h-dark-border)!important;
}
html[data-theme="dark"] .account-page.account-home-v11071 .foundation-button:not(.foundation-button-secondary),
html[data-theme="dark"] .account-page.account-profile-vr7 .foundation-button:not(.foundation-button-secondary),
html[data-theme="dark"] .account-page.account-security-vr7 .foundation-button:not(.foundation-button-secondary),
html[data-theme="dark"] .auth-page .foundation-button:not(.foundation-button-secondary){
  background:var(--vr121h-dark-raised)!important;
  color:#FFFFFF!important;
  border-color:#43554D!important;
  box-shadow:inset 0 0 0 1px rgba(119,214,80,.12)!important;
}
html[data-theme="dark"] .account-page.account-home-v11071 .foundation-button:not(.foundation-button-secondary):hover,
html[data-theme="dark"] .account-page.account-profile-vr7 .foundation-button:not(.foundation-button-secondary):hover,
html[data-theme="dark"] .account-page.account-security-vr7 .foundation-button:not(.foundation-button-secondary):hover,
html[data-theme="dark"] .auth-page .foundation-button:not(.foundation-button-secondary):hover{
  background:#24322B!important;
  border-color:#4A5B53!important;
}
html[data-theme="dark"] .account-page.account-profile-vr7 .foundation-button-secondary,
html[data-theme="dark"] .account-page.account-security-vr7 .foundation-button-secondary,
html[data-theme="dark"] .auth-page .foundation-button-secondary{
  background:var(--vr121h-dark-raised)!important;
  color:#F5F8F6!important;
  border-color:#3A4B43!important;
}
html[data-theme="dark"] .auth-page,
html[data-theme="dark"] .auth-page .foundation-auth-main{
  background:var(--vr121h-dark-canvas)!important;
}
html[data-theme="dark"] .auth-page .foundation-auth-shell,
html[data-theme="dark"] .auth-page .foundation-auth-panel,
html[data-theme="dark"] .auth-page .foundation-auth-simple{
  background:var(--vr121h-dark-surface)!important;
  border-color:var(--vr121h-dark-border)!important;
  box-shadow:none!important;
}
html[data-theme="dark"] .auth-page .foundation-auth-story{
  background:#121A17!important;
  border-right-color:var(--vr121h-dark-border)!important;
}
html[data-theme="dark"] .auth-page .account-onboarding-option input:checked+span{
  background:#22352A!important;
  color:#FFFFFF!important;
  border-color:rgba(119,214,80,.48)!important;
  box-shadow:inset 3px 0 0 var(--vr121h-kinetic)!important;
}
html[data-theme="dark"] .auth-page .foundation-button.vr7-forward-action:not(.foundation-button-secondary)>svg,
html[data-theme="dark"] .account-page.account-home-v11071 .foundation-button:not(.foundation-button-secondary)>svg{
  background:var(--vr121h-kinetic)!important;
  color:var(--vr121h-growth)!important;
}

@media (max-width:1180px){
  .account-page .product-utility-context-desktop{display:none!important}
  .account-page .product-utility-context-mobile{display:inline-block!important;max-width:48vw;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
}
@media (min-width:1181px){
  .account-page .product-utility-context-desktop{display:inline-block!important}
  .account-page .product-utility-context-mobile{display:none!important}
}
@media (max-width:680px){
  .account-page .product-utility{padding-left:12px!important;padding-right:12px!important}
  .account-page .product-utility-left{gap:9px!important;min-width:0}
  .account-page .product-utility-context-mobile{font-size:13px!important;max-width:43vw}
  .account-page.account-home-v11071 .account-home-feature-v11071{gap:10px!important}
  .account-page.account-home-v11071 .account-home-destination-v11071{padding:17px!important;border-radius:17px!important}
  .account-page.account-home-v11071 .foundation-button{width:100%;justify-content:center}
  .account-page.account-profile-vr7 .foundation-form-card,
  .account-page.account-security-vr7 .foundation-form-card{padding:22px!important;border-radius:17px!important}
  .auth-page .foundation-auth-main{padding:24px 14px 44px!important}
  .auth-page .foundation-auth-shell{border-radius:22px!important}
  .auth-page .foundation-auth-panel{padding:28px 22px 30px!important}
  .auth-page .foundation-auth-panel h2{font-size:37px!important}
}
@media (prefers-reduced-motion:reduce){
  .account-page .product-nav-link,
  .account-page .foundation-button,
  .auth-page .foundation-button{transition:none!important}
}

/* ---- source: quinbis-visual-refinement-vr12-1i.css ---- */
/*
 * Quinbis Visual Refinement VR12.1I — Account Services, Documents & Annual Return Parity
 * 2026-09-18
 *
 * Visual-only layer. The Account Home remains the reference:
 * white does the heavy lifting, Growth anchors actions, Light Green supports
 * information, Kinetic is a compact signal. Dark Mode is neutral-first.
 */

:root {
  --vr121i-growth: #013D37;
  --vr121i-kinetic: #77D650;
  --vr121i-light: #F0F7E7;
  --vr121i-onyx: #0D0D0D;
  --vr121i-muted: #66736E;
  --vr121i-border: #DCE7DF;
  --vr121i-border-strong: #C7D8CE;
  --vr121i-canvas: #FFFFFF;
  --vr121i-soft: #FBFCFB;
  --vr121i-dark-canvas: #101613;
  --vr121i-dark-surface: #18211D;
  --vr121i-dark-raised: #1E2923;
  --vr121i-dark-border: #2C3934;
  --vr121i-dark-muted: #A8B5AF;
}

/* -------------------------------------------------------------------------
   Shared Account service/document/Annual Return contract
   ------------------------------------------------------------------------- */
body.account-page:is(
  .account-services-v107,
  .account-service-catalog-v107,
  .account-service-project-v107,
  .account-client-forms-v11082,
  .account-client-intake-v107,
  .account-request-intake-v110,
  .account-service-request-v107,
  .registration-guide-page,
  .account-documents-v110717,
  .annual-return-r93
) :is(.account-panel,.admin-panel,.foundation-card,.foundation-form-card) {
  border-color: var(--vr121i-border) !important;
}

body.account-page:is(
  .account-services-v107,
  .account-service-catalog-v107,
  .account-service-project-v107,
  .account-client-forms-v11082,
  .account-client-intake-v107,
  .account-request-intake-v110,
  .account-service-request-v107,
  .registration-guide-page,
  .account-documents-v110717,
  .annual-return-r93
) .foundation-button:not(.foundation-button-secondary) {
  background: var(--vr121i-growth) !important;
  color: #FFFFFF !important;
  border-color: var(--vr121i-growth) !important;
  box-shadow: 0 9px 20px rgba(1,61,55,.10) !important;
}

body.account-page:is(
  .account-services-v107,
  .account-service-catalog-v107,
  .account-service-project-v107,
  .account-client-forms-v11082,
  .account-client-intake-v107,
  .account-request-intake-v110,
  .account-service-request-v107,
  .registration-guide-page,
  .account-documents-v110717,
  .annual-return-r93
) .foundation-button:not(.foundation-button-secondary):hover {
  background: #024B43 !important;
  border-color: #024B43 !important;
}

body.account-page:is(
  .account-services-v107,
  .account-service-catalog-v107,
  .account-service-project-v107,
  .account-client-forms-v11082,
  .account-client-intake-v107,
  .account-request-intake-v110,
  .account-service-request-v107,
  .registration-guide-page,
  .account-documents-v110717,
  .annual-return-r93
) .foundation-button-secondary {
  background: #FFFFFF !important;
  color: var(--vr121i-growth) !important;
  border-color: var(--vr121i-border-strong) !important;
  box-shadow: none !important;
}

body.account-page:is(
  .account-services-v107,
  .account-service-catalog-v107,
  .account-service-project-v107,
  .account-client-forms-v11082,
  .account-client-intake-v107,
  .account-request-intake-v110,
  .account-service-request-v107,
  .registration-guide-page,
  .account-documents-v110717,
  .annual-return-r93
) .foundation-button-secondary:hover {
  background: var(--vr121i-light) !important;
  border-color: #BDD1C5 !important;
}

/* Kinetic remains an interaction signal rather than a button surface. */
body.account-page:is(
  .account-services-v107,
  .account-service-catalog-v107,
  .account-service-project-v107,
  .account-client-forms-v11082,
  .account-client-intake-v107,
  .account-request-intake-v110,
  .account-service-request-v107,
  .registration-guide-page,
  .account-documents-v110717,
  .annual-return-r93
) :is(a,button,input,select,textarea):focus-visible {
  outline-color: var(--vr121i-kinetic) !important;
}

/* -------------------------------------------------------------------------
   My Services — quiet hierarchy and clear Annual Return support
   ------------------------------------------------------------------------- */
.account-services-v107 .annual-return-service-entry-r93 {
  position: relative;
  background: var(--vr121i-light) !important;
  border-color: var(--vr121i-border) !important;
  box-shadow: none !important;
}
.account-services-v107 .annual-return-service-entry-r93::before {
  width: 4px !important;
  background: var(--vr121i-kinetic) !important;
}
.account-services-v107 .annual-return-service-entry-r93 h2 {
  color: var(--vr121i-onyx) !important;
}
.account-services-v107 .annual-return-service-entry-r93 > .foundation-button {
  flex: 0 0 auto;
}

.account-services-v107 :is(.account-request-card-v103,.service-project-card) {
  background: #FFFFFF !important;
  border-color: var(--vr121i-border) !important;
  box-shadow: 0 10px 26px rgba(1,61,55,.03) !important;
}
.account-services-v107 :is(.account-request-card-v103,.service-project-card):hover,
.account-services-v107 :is(.account-request-card-v103,.service-project-card):focus-visible {
  border-color: #BFD5C8 !important;
  box-shadow: 0 15px 30px rgba(1,61,55,.06) !important;
}
.account-services-v107 .account-project-action-v104 {
  position: relative;
  background: var(--vr121i-light) !important;
  border-color: var(--vr121i-border) !important;
}
.account-services-v107 .account-project-action-v104::before {
  content: "";
  position: absolute;
  left: 0;
  top: 9px;
  bottom: 9px;
  width: 3px;
  border-radius: 0 999px 999px 0;
  background: var(--vr121i-kinetic);
}
.account-services-v107 .service-project-card.is-quiet {
  background: var(--vr121i-soft) !important;
  box-shadow: none !important;
}
.account-services-v107 :is(.account-request-card-foot-v103,.service-project-card-foot) strong,
.account-services-v107 .service-project-card > strong {
  color: var(--vr121i-growth) !important;
}

/* -------------------------------------------------------------------------
   Service catalogue
   ------------------------------------------------------------------------- */
.account-service-catalog-v107 .account-service-option {
  position: relative;
  background: #FFFFFF !important;
  border-color: var(--vr121i-border) !important;
  box-shadow: 0 10px 25px rgba(1,61,55,.025) !important;
}
.account-service-catalog-v107 .account-service-option:hover,
.account-service-catalog-v107 .account-service-option:focus-visible {
  border-color: #BFD5C8 !important;
  box-shadow: 0 15px 30px rgba(1,61,55,.06) !important;
}
.account-service-catalog-v107 .account-service-option-featured,
.account-service-catalog-v107 .account-service-option-compliance-v11082 {
  background: var(--vr121i-light) !important;
}
.account-service-catalog-v107 :is(.account-service-option-featured,.account-service-option-compliance-v11082)::before {
  content: "";
  position: absolute;
  left: 20px;
  right: 20px;
  top: 0;
  height: 3px;
  border-radius: 0 0 999px 999px;
  background: var(--vr121i-kinetic);
}
.account-service-catalog-v107 .account-service-option-type {
  color: var(--vr121i-muted) !important;
}
.account-service-catalog-v107 .account-service-option-foot span {
  color: var(--vr121i-growth) !important;
}

/* -------------------------------------------------------------------------
   Service request/project inner states
   ------------------------------------------------------------------------- */
.account-service-request-v107 .account-request-status-card {
  background: #FFFFFF !important;
  border-color: var(--vr121i-border) !important;
  box-shadow: 0 12px 28px rgba(1,61,55,.03) !important;
}
.account-service-request-v107 .account-request-status-card .foundation-card-meta {
  color: var(--vr121i-muted) !important;
}
.account-service-request-v107 .registration-guide-request-link,
.account-request-intake-v110 .registration-guide-form-prompt,
.account-request-intake-v110 .registration-guide-context-link {
  background: var(--vr121i-light) !important;
  border-color: var(--vr121i-border) !important;
  color: var(--vr121i-growth) !important;
}

.account-service-project-v107 .workspace-tabs.account-tabs {
  background: #FFFFFF !important;
  border-color: var(--vr121i-border) !important;
}
.account-service-project-v107 .workspace-tabs.account-tabs a[aria-current="page"] {
  position: relative;
  background: var(--vr121i-light) !important;
  color: var(--vr121i-onyx) !important;
}
.account-service-project-v107 .workspace-tabs.account-tabs a[aria-current="page"]::after {
  background: var(--vr121i-kinetic) !important;
}
.account-service-project-v107 :is(.account-project-summary,.account-update,.review-card,.consent-card) {
  background: #FFFFFF !important;
  border-color: var(--vr121i-border) !important;
}
.account-service-project-v107 .account-vault-link-v110717 {
  position: relative;
  background: var(--vr121i-light) !important;
  border-color: var(--vr121i-border) !important;
}
.account-service-project-v107 .account-vault-link-v110717::before {
  content: "";
  position: absolute;
  left: 0;
  top: 10px;
  bottom: 10px;
  width: 3px;
  border-radius: 0 999px 999px 0;
  background: var(--vr121i-kinetic);
}
.account-service-project-v107 .account-vault-link-v110717 a,
.account-service-project-v107 :is(.document-file-actions-v110717,.review-files) a {
  color: var(--vr121i-growth) !important;
}

/* Forms, intake, review and consent: structure carries the hierarchy. */
.account-page:is(.account-client-forms-v11082,.account-client-intake-v107,.account-request-intake-v110,.account-service-request-v107) :is(
  .client-form-shell-v104,.client-form-section-v104,.client-form-review-v104,.client-form-progress-summary-v104,
  .request-intake-journey-v110714,.account-registration-record-v11082,.account-additional-forms-v11082,
  .account-service-request-submit,.annual-return-business-profile-v11082,.annual-return-document-panel-v11082,
  .annual-return-no-saved-v11082,.annual-return-authorization-v11082,.annual-r4-preview-card
) {
  background: #FFFFFF !important;
  border-color: var(--vr121i-border) !important;
  box-shadow: 0 10px 28px rgba(1,61,55,.025) !important;
}
.account-client-intake-v107 .client-form-steps-v104 nav a[aria-current="step"],
.account-request-intake-v110 .request-intake-journey-marker-v110714.is-current,
.account-client-forms-v11082 .client-form-card-v104.is-action {
  position: relative;
  background: var(--vr121i-light) !important;
  color: var(--vr121i-growth) !important;
  border-color: var(--vr121i-border) !important;
}
.account-client-forms-v11082 .client-form-card-v104.is-action::before {
  content: "";
  position: absolute;
  left: 0;
  top: 12px;
  bottom: 12px;
  width: 3px;
  border-radius: 0 999px 999px 0;
  background: var(--vr121i-kinetic);
}
.account-client-forms-v11082 .client-form-progress-v104 > span,
.account-client-intake-v107 .client-form-progress-v104 > span {
  background: var(--vr121i-kinetic) !important;
}

/* Annual Return preview/request-specific customer surfaces. */
.account-annual-return-v11082 .annual-r4-preview-notice,
.account-annual-return-v11082 .annual-r3-confirmation {
  background: var(--vr121i-light) !important;
  border-color: var(--vr121i-border) !important;
  color: var(--vr121i-growth) !important;
}
.account-annual-return-v11082 .annual-r3-choice input:checked + span {
  background: var(--vr121i-light) !important;
  color: var(--vr121i-growth) !important;
  border-color: #AFC8B9 !important;
  box-shadow: inset 0 -2px 0 var(--vr121i-kinetic) !important;
}

/* -------------------------------------------------------------------------
   Documents / CAC vault
   ------------------------------------------------------------------------- */
.account-documents-v110717 :is(.cac-r2-section,.cac-r2-business-card,.cac-r2-slot) {
  border-color: var(--vr121i-border) !important;
}
.account-documents-v110717 .cac-r2-business-card {
  background: #FFFFFF !important;
  box-shadow: 0 12px 28px rgba(1,61,55,.03) !important;
}
.account-documents-v110717 .cac-r2-slot {
  background: var(--vr121i-soft) !important;
}
.account-documents-v110717 .cac-r2-status-slot:has(.foundation-status-success),
.account-documents-v110717 .cac-r2-slot:has(.foundation-status-positive) {
  position: relative;
  background: var(--vr121i-light) !important;
}
.account-documents-v110717 .cac-r2-status-slot:has(.foundation-status-success)::before,
.account-documents-v110717 .cac-r2-slot:has(.foundation-status-positive)::before {
  content: "";
  position: absolute;
  left: 0;
  top: 10px;
  bottom: 10px;
  width: 3px;
  border-radius: 0 999px 999px 0;
  background: var(--vr121i-kinetic);
}
.account-documents-v110717 .account-document-icon-v110717,
.account-documents-v110717 .cac-r2-file-input::file-selector-button {
  background: var(--vr121i-light) !important;
  color: var(--vr121i-growth) !important;
}
.account-documents-v110717 :is(.account-document-actions-v110717,.document-file-actions-v110717,.document-row-actions-v110717) a {
  color: var(--vr121i-growth) !important;
}

/* -------------------------------------------------------------------------
   Annual Return reminder activation and filing record journey
   ------------------------------------------------------------------------- */
.annual-return-r93 :is(.annual-r93-detail,.annual-r93-form-card,.annual-r93-history,.account-request-card-v103) {
  background: #FFFFFF !important;
  border-color: var(--vr121i-border) !important;
  box-shadow: 0 10px 28px rgba(1,61,55,.025) !important;
}
.annual-return-r93 .annual-r93-progress .is-complete i,
.annual-return-r93 .annual-r93-progress .is-current i {
  background: var(--vr121i-kinetic) !important;
}
.annual-return-r93 .annual-r93-progress .is-current {
  color: var(--vr121i-growth) !important;
}
.annual-return-r93 :is(.annual-r93-callout.is-active,.annual-r93-campaign-gate) {
  position: relative;
  background: var(--vr121i-light) !important;
  color: var(--vr121i-growth) !important;
  border-color: var(--vr121i-border) !important;
}
.annual-return-r93 :is(.annual-r93-callout.is-active,.annual-r93-campaign-gate)::before {
  content: "";
  position: absolute;
  left: 0;
  top: 12px;
  bottom: 12px;
  width: 3px;
  border-radius: 0 999px 999px 0;
  background: var(--vr121i-kinetic);
}
.annual-return-r93 .annual-r93-choice input:checked + span {
  background: var(--vr121i-light) !important;
  color: var(--vr121i-growth) !important;
  border-color: #AFC8B9 !important;
  box-shadow: inset 0 -2px 0 var(--vr121i-kinetic) !important;
}
.annual-return-r1 .annual-r1-saved-status,
.annual-return-r1 .annual-r1-retrieval-card,
.annual-return-r93 .annual-return-retrieval-card-v11084 {
  position: relative;
  background: var(--vr121i-light) !important;
  border-color: var(--vr121i-border) !important;
}
.annual-return-r1 .annual-r1-saved-status::before,
.annual-return-r1 .annual-r1-retrieval-card::before,
.annual-return-r93 .annual-return-retrieval-card-v11084::before {
  content: "";
  position: absolute;
  left: 0;
  top: 10px;
  bottom: 10px;
  width: 3px;
  border-radius: 0 999px 999px 0;
  background: var(--vr121i-kinetic);
}
.annual-return-r1 .annual-r1-saved-status :is(strong,a),
.annual-return-r1 .annual-r1-example-link,
.annual-return-r93 .annual-r93-file-row a {
  color: var(--vr121i-growth) !important;
}
.annual-return-r1 input[type="file"].annual-r1-file-input::file-selector-button {
  background: var(--vr121i-light) !important;
  color: var(--vr121i-growth) !important;
}
.annual-return-r1 .annual-r1-document-warning:not([hidden]) {
  background: #FFF8E8 !important;
  color: #6E4E00 !important;
  border-color: #E8D39C !important;
}
.annual-return-r1 .annual-r1-example-dialog {
  background: #FFFFFF !important;
  border-color: var(--vr121i-border) !important;
}

/* -------------------------------------------------------------------------
   Dark Mode — neutral first; Kinetic remains signal only
   ------------------------------------------------------------------------- */
html[data-theme="dark"] body.account-page:is(
  .account-services-v107,
  .account-service-catalog-v107,
  .account-service-project-v107,
  .account-client-forms-v11082,
  .account-client-intake-v107,
  .account-request-intake-v110,
  .account-service-request-v107,
  .registration-guide-page,
  .account-documents-v110717,
  .annual-return-r93
) .foundation-button:not(.foundation-button-secondary) {
  background: var(--vr121i-growth) !important;
  color: #FFFFFF !important;
  border-color: var(--vr121i-growth) !important;
  box-shadow: none !important;
}
html[data-theme="dark"] body.account-page:is(
  .account-services-v107,
  .account-service-catalog-v107,
  .account-service-project-v107,
  .account-client-forms-v11082,
  .account-client-intake-v107,
  .account-request-intake-v110,
  .account-service-request-v107,
  .registration-guide-page,
  .account-documents-v110717,
  .annual-return-r93
) .foundation-button-secondary {
  background: var(--vr121i-dark-raised) !important;
  color: #FFFFFF !important;
  border-color: var(--vr121i-dark-border) !important;
}

html[data-theme="dark"] .account-services-v107 :is(.annual-return-service-entry-r93,.account-request-card-v103,.service-project-card,.account-project-action-v104),
html[data-theme="dark"] .account-service-catalog-v107 .account-service-option,
html[data-theme="dark"] .account-service-project-v107 :is(.workspace-tabs.account-tabs,.account-project-summary,.account-update,.review-card,.consent-card,.account-vault-link-v110717),
html[data-theme="dark"] .account-service-request-v107 .account-request-status-card,
html[data-theme="dark"] .account-page:is(.account-client-forms-v11082,.account-client-intake-v107,.account-request-intake-v110,.account-service-request-v107) :is(
  .client-form-shell-v104,.client-form-section-v104,.client-form-review-v104,.client-form-progress-summary-v104,
  .request-intake-journey-v110714,.account-registration-record-v11082,.account-additional-forms-v11082,
  .account-service-request-submit,.annual-return-business-profile-v11082,.annual-return-document-panel-v11082,
  .annual-return-no-saved-v11082,.annual-return-authorization-v11082,.annual-r4-preview-card
),
html[data-theme="dark"] .account-documents-v110717 :is(.cac-r2-section,.cac-r2-business-card,.cac-r2-slot),
html[data-theme="dark"] .annual-return-r93 :is(.annual-r93-detail,.annual-r93-form-card,.annual-r93-history,.account-request-card-v103),
html[data-theme="dark"] .annual-return-r1 :is(.annual-r1-saved-status,.annual-r1-retrieval-card,.annual-r1-example-dialog),
html[data-theme="dark"] .annual-return-r93 .annual-return-retrieval-card-v11084 {
  background: var(--vr121i-dark-surface) !important;
  border-color: var(--vr121i-dark-border) !important;
  box-shadow: none !important;
}

html[data-theme="dark"] .account-service-catalog-v107 :is(.account-service-option-featured,.account-service-option-compliance-v11082),
html[data-theme="dark"] .account-service-project-v107 .workspace-tabs.account-tabs a[aria-current="page"],
html[data-theme="dark"] .account-client-intake-v107 .client-form-steps-v104 nav a[aria-current="step"],
html[data-theme="dark"] .account-request-intake-v110 .request-intake-journey-marker-v110714.is-current,
html[data-theme="dark"] .account-client-forms-v11082 .client-form-card-v104.is-action,
html[data-theme="dark"] .account-annual-return-v11082 :is(.annual-r4-preview-notice,.annual-r3-confirmation),
html[data-theme="dark"] .annual-return-r93 :is(.annual-r93-callout.is-active,.annual-r93-campaign-gate),
html[data-theme="dark"] .annual-return-r93 .annual-r93-choice input:checked + span,
html[data-theme="dark"] .account-annual-return-v11082 .annual-r3-choice input:checked + span,
html[data-theme="dark"] .account-documents-v110717 .cac-r2-status-slot:has(.foundation-status-success),
html[data-theme="dark"] .account-documents-v110717 .cac-r2-slot:has(.foundation-status-positive) {
  background: var(--vr121i-dark-raised) !important;
  color: #FFFFFF !important;
  border-color: var(--vr121i-dark-border) !important;
}

html[data-theme="dark"] .annual-return-r93 .annual-r93-progress .is-current,
html[data-theme="dark"] .account-services-v107 :is(.account-request-card-foot-v103,.service-project-card-foot) strong,
html[data-theme="dark"] .account-service-catalog-v107 .account-service-option-foot span,
html[data-theme="dark"] .account-service-project-v107 :is(.account-vault-link-v110717 a,.document-file-actions-v110717 a,.review-files a),
html[data-theme="dark"] .account-documents-v110717 :is(.account-document-actions-v110717,.document-file-actions-v110717,.document-row-actions-v110717) a,
html[data-theme="dark"] .annual-return-r1 :is(.annual-r1-saved-status strong,.annual-r1-saved-status a,.annual-r1-example-link),
html[data-theme="dark"] .annual-return-r93 .annual-r93-file-row a {
  color: #E7F0EC !important;
}

html[data-theme="dark"] .account-documents-v110717 .cac-r2-file-input,
html[data-theme="dark"] .annual-return-r1 input[type="file"].annual-r1-file-input {
  background: var(--vr121i-dark-raised) !important;
  color: #FFFFFF !important;
  border-color: var(--vr121i-dark-border) !important;
}
html[data-theme="dark"] .account-documents-v110717 .cac-r2-file-input::file-selector-button,
html[data-theme="dark"] .annual-return-r1 input[type="file"].annual-r1-file-input::file-selector-button {
  background: #26352E !important;
  color: #FFFFFF !important;
}

/* -------------------------------------------------------------------------
   Small screens
   ------------------------------------------------------------------------- */
@media (max-width: 680px) {
  .account-services-v107 .annual-return-service-entry-r93 {
    align-items: stretch !important;
    flex-direction: column !important;
  }
  .account-services-v107 .annual-return-service-entry-r93 > .foundation-button,
  .annual-return-r93 .annual-r1-form-actions > .foundation-button {
    width: 100% !important;
    justify-content: center !important;
  }
  .account-service-project-v107 .workspace-tabs.account-tabs {
    overflow-x: auto;
    scroll-padding-inline: 6px;
  }
  .account-documents-v110717 :is(.cac-r2-actions,.cac-r2-upload-form) {
    align-items: stretch !important;
  }
  .account-documents-v110717 .cac-r2-actions .foundation-button,
  .account-documents-v110717 .cac-r2-upload-form .foundation-button {
    width: 100%;
    justify-content: center;
  }
  .annual-return-r93 .annual-r93-choice {
    grid-template-columns: 1fr !important;
  }
}

/* -------------------------------------------------------------------------
   Registration guide / compact reference content
   ------------------------------------------------------------------------- */
.registration-guide-page :is(.registration-guide-jumps,.registration-guide-body,.registration-guide-example,.registration-guide-checks) {
  border-color: var(--vr121i-border) !important;
}
.registration-guide-page .registration-guide-jumps {
  background: var(--vr121i-light) !important;
}
.registration-guide-page .registration-guide-jumps a,
.registration-guide-page .registration-guide-body a {
  color: var(--vr121i-growth) !important;
}
.registration-guide-page .registration-guide-example {
  background: var(--vr121i-soft) !important;
}
.registration-guide-page .registration-guide-checks li::marker {
  color: var(--vr121i-kinetic) !important;
}

/* Inner file/history rows remain white-led; Kinetic appears only on interaction. */
.account-service-project-v107 :is(.document-file-row-v110717,.workspace-list > li),
.annual-return-r93 :is(.annual-r93-file-row,.annual-r93-records > div,.annual-r93-facts > div) {
  background: #FFFFFF !important;
  border-color: var(--vr121i-border) !important;
}
.account-service-project-v107 .document-file-row-v110717:hover,
.annual-return-r93 .annual-r93-file-row:hover {
  border-color: #BFD5C8 !important;
}

html[data-theme="dark"] .registration-guide-page :is(.registration-guide-jumps,.registration-guide-body,.registration-guide-example,.registration-guide-checks),
html[data-theme="dark"] .account-service-project-v107 :is(.document-file-row-v110717,.workspace-list > li),
html[data-theme="dark"] .annual-return-r93 :is(.annual-r93-file-row,.annual-r93-records > div,.annual-r93-facts > div) {
  background: var(--vr121i-dark-surface) !important;
  border-color: var(--vr121i-dark-border) !important;
}
html[data-theme="dark"] .registration-guide-page :is(.registration-guide-jumps a,.registration-guide-body a) {
  color: #E7F0EC !important;
}

/* ---- source: account-auth-a7.css ---- */
/* Quinbis Account A7 — Auth, Profile, Security & Account consistency gate. */

/* Same-site auth navigation should feel like part of Quinbis, not an external jump. */
.auth-page .foundation-back-link{
  display:inline-flex;
  align-items:center;
  flex-direction:row-reverse;
  gap:7px;
}
.auth-page .foundation-auth-ready-a7{
  margin:18px 0 0;
  padding:12px 14px;
  border:1px solid var(--foundation-line);
  border-radius:12px;
  background:var(--foundation-soft);
  color:var(--foundation-green);
  font-size:13px;
  font-weight:650;
  line-height:1.45;
}

/* Profile keeps editable identity separate from the fixed sign-in identifier. */
.account-a7-profile-grid{
  display:grid;
  grid-template-columns:minmax(0,1.2fr) minmax(280px,.8fr);
  gap:20px;
  align-items:start;
}
.account-a7-primary-card{min-width:0}
.account-a7-static-card{
  min-width:0;
  background:var(--qa-soft)!important;
  box-shadow:none!important;
}
.account-a7-static-card .foundation-kicker{margin-bottom:12px}
.account-a7-static-card h2{
  margin:0;
  font-size:20px;
  line-height:1.25;
  letter-spacing:-.02em;
  overflow-wrap:anywhere;
}
.account-a7-static-card p{margin:10px 0 0}
.account-a7-text-link{
  display:inline-flex;
  margin-top:16px;
  color:var(--qa-brand);
  font-size:13px;
  font-weight:700;
  text-decoration:none;
}
.account-a7-text-link:hover{text-decoration:underline}

/* Security starts with the sign-in method rather than a password form that may not apply. */
.account-a7-security-head,
.account-a7-device-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:18px;
  flex-wrap:wrap;
}
.account-a7-security-head>div:first-child,
.account-a7-device-head>div:first-child{min-width:0;max-width:700px}
.account-a7-security-head h2,
.account-a7-device-head h2{margin:0}
.account-a7-security-head p,
.account-a7-device-head p{margin:8px 0 0}
.account-a7-methods{
  display:flex;
  flex-wrap:wrap;
  justify-content:flex-end;
  gap:8px;
}
.account-a7-methods span{
  display:inline-flex;
  align-items:center;
  gap:6px;
  min-height:32px;
  padding:0 10px;
  border:1px solid var(--qa-border);
  border-radius:999px;
  background:var(--qa-soft);
  color:var(--qa-brand);
  font-size:12px;
  font-weight:700;
  white-space:nowrap;
}
.account-a7-inline-action{margin-top:20px}
.account-a7-disclosure{
  margin-top:20px;
  border-top:1px solid var(--qa-border);
  padding-top:16px;
}
.account-a7-disclosure summary{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  list-style:none;
  cursor:pointer;
  color:var(--qa-brand);
  font-size:14px;
  font-weight:700;
}
.account-a7-disclosure summary::-webkit-details-marker{display:none}
.account-a7-disclosure summary::after{content:"+";font-size:20px;line-height:1;font-weight:500}
.account-a7-disclosure[open] summary::after{content:"−"}
.account-a7-disclosure-body{padding-top:4px}
.account-a7-disclosure-body>p{margin:12px 0 0}
.account-a7-devices-card{margin-top:20px}
.account-a7-device-list{
  display:grid;
  gap:0;
  margin-top:16px;
  border-top:1px solid var(--qa-border);
}
.account-a7-device-row{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:16px;
  align-items:center;
  min-width:0;
  padding:16px 0;
  border-bottom:1px solid var(--qa-border);
}
.account-a7-device-row:last-child{border-bottom:0;padding-bottom:0}
.account-a7-device-row>div:first-child{min-width:0}
.account-a7-device-row strong,
.account-a7-device-row small{display:block}
.account-a7-device-row small{
  margin-top:4px;
  color:var(--qa-muted);
  font-size:12px;
  line-height:1.5;
}
.account-a7-device-row form{margin:0}

html[data-theme="dark"] .account-a7-static-card{
  background:var(--qa-soft)!important;
  border-color:var(--qa-border)!important;
}
html[data-theme="dark"] .account-a7-text-link,
html[data-theme="dark"] .account-a7-methods span,
html[data-theme="dark"] .account-a7-disclosure summary{color:var(--qa-action)}
html[data-theme="dark"] .auth-page .foundation-auth-ready-a7{
  background:var(--qa-soft);
  border-color:var(--qa-border);
  color:var(--qa-action);
}

@media(max-width:760px){
  .account-a7-profile-grid{grid-template-columns:1fr}
  .account-a7-security-head,
  .account-a7-device-head{display:block}
  .account-a7-methods{justify-content:flex-start;margin-top:14px}
  .account-a7-device-head form{margin-top:14px}
  .account-a7-device-row{grid-template-columns:1fr;gap:10px}
  .account-a7-device-row>div:last-child{justify-self:start}
}