/* Desktop Account shell — layout and interaction geometry.
   Visual ownership: design-system/adapters/account-page-theme.css. */





/* Shared runtime subscription visual contract for Account + Payments. */
body[data-page="account"] .aidc-subscription-summary,
body[data-page="payments"] .aidc-subscription-summary{background:var(--aidc-bg-elevated)!important;border-color:var(--aidc-border-default)!important;color:var(--aidc-text-secondary)!important}
body[data-page="account"] .aidc-subscription-heading,
body[data-page="payments"] .aidc-subscription-heading,
body[data-page="account"] .aidc-subscription-text,
body[data-page="payments"] .aidc-subscription-text{color:var(--aidc-text-primary)!important}
body[data-page="account"] .aidc-subscription-label,
body[data-page="payments"] .aidc-subscription-label{color:var(--aidc-text-muted)!important}

body[data-page="account"] .aidc-subscription-notice--warning,
body[data-page="payments"] .aidc-subscription-notice--warning{background:var(--aidc-status-warning-bg)!important;border-color:var(--aidc-status-warning-border)!important;color:var(--aidc-status-warning-text)!important}
body[data-page="account"] .aidc-subscription-notice--warning *,
body[data-page="payments"] .aidc-subscription-notice--warning *{color:inherit!important}
body[data-page="account"] .aidc-subscription-notice--success,
body[data-page="payments"] .aidc-subscription-notice--success{background:var(--aidc-status-success-bg)!important;border-color:var(--aidc-status-success-border)!important;color:var(--aidc-status-success)!important}
body[data-page="account"] .aidc-subscription-notice--success *,
body[data-page="payments"] .aidc-subscription-notice--success *{color:inherit!important}
body[data-page="account"] .aidc-subscription-notice--danger,
body[data-page="payments"] .aidc-subscription-notice--danger{background:var(--aidc-status-danger-bg)!important;border-color:var(--aidc-action-danger-border)!important;color:var(--aidc-red-500)!important}
body[data-page="account"] .aidc-subscription-notice--neutral,
body[data-page="payments"] .aidc-subscription-notice--neutral{background:var(--aidc-btn-secondary-bg)!important;border-color:var(--aidc-border-default)!important;color:var(--aidc-text-secondary)!important}

body[data-page="account"] .aidc-subscription-referral,
body[data-page="payments"] .aidc-subscription-referral{background:color-mix(in srgb,var(--aidc-violet-500) 8%,var(--aidc-bg-card) 92%)!important;border-color:color-mix(in srgb,var(--aidc-violet-500) 28%,transparent)!important;color:var(--aidc-text-secondary)!important}
body[data-page="account"] .aidc-subscription-referral *,
body[data-page="payments"] .aidc-subscription-referral *{color:inherit!important}

body[data-page="account"] .aidc-subscription-action--secondary,
body[data-page="payments"] .aidc-subscription-action--secondary{background:var(--aidc-btn-secondary-bg)!important;border-color:var(--aidc-border-default)!important;color:var(--aidc-text-primary)!important}
body[data-page="account"] .aidc-subscription-action--secondary:hover,
body[data-page="payments"] .aidc-subscription-action--secondary:hover{background:var(--aidc-btn-secondary-bg-hover)!important;border-color:var(--aidc-border-strong)!important}

body:has(.account-layout) .section-card details,
body:has(.account-layout) .section-card details > summary{color:var(--aidc-text-secondary)!important}
body:has(.account-layout) .section-card details > summary:hover,
body:has(.account-layout) .section-card details[open] > summary{color:var(--aidc-text-primary)!important}

/* The bridge cannot reliably classify every legacy inline fragment because old
   account builds used several literal variants. Root-scoped light rules make
   the entire runtime subscription block safe even when a new literal appears. */
html[data-aidc-color-mode="light"] body[data-page="account"] :is([data-subscription-panel],#pay-subscription-block),
html[data-aidc-color-mode="light"] body[data-page="payments"] :is([data-subscription-panel],#pay-subscription-block){
  background:var(--aidc-bg-card)!important;
  border:1px solid var(--aidc-border-default)!important;
  color:var(--aidc-text-secondary)!important;
  box-shadow:none!important
}
html[data-aidc-color-mode="light"] body[data-page="account"] :is([data-subscription-panel],#pay-subscription-block) :where(p,span,div,small,li):not(.aidc-subscription-notice--warning *):not(.aidc-subscription-notice--success *),
html[data-aidc-color-mode="light"] body[data-page="payments"] :is([data-subscription-panel],#pay-subscription-block) :where(p,span,div,small,li):not(.aidc-subscription-notice--warning *):not(.aidc-subscription-notice--success *){
  color:var(--aidc-text-secondary)!important
}
html[data-aidc-color-mode="light"] body[data-page="account"] :is([data-subscription-panel],#pay-subscription-block) :where(b,strong,h2,h3,h4),
html[data-aidc-color-mode="light"] body[data-page="payments"] :is([data-subscription-panel],#pay-subscription-block) :where(b,strong,h2,h3,h4){color:var(--aidc-text-primary)!important}
html[data-aidc-color-mode="light"] body[data-page="account"] :is([data-subscription-panel],#pay-subscription-block) :where(a,button):not(.btn-danger-outline):not(.aidc-subscription-action--primary),
html[data-aidc-color-mode="light"] body[data-page="payments"] :is([data-subscription-panel],#pay-subscription-block) :where(a,button):not(.btn-danger-outline):not(.aidc-subscription-action--primary){
  background:var(--aidc-btn-secondary-bg)!important;
  border-color:var(--aidc-border-default)!important;
  color:var(--aidc-text-primary)!important;
  box-shadow:none!important
}

/* Explicit plan CTA wins over legacy/light runtime button classification. */
body[data-page="payments"] #pay-subscription-block .aidc-subscription-action--primary{
  background:var(--aidc-btn-primary-bg)!important;
  border-color:var(--aidc-btn-primary-border)!important;
  color:var(--aidc-btn-primary-text)!important
}
body[data-page="payments"] #pay-subscription-block .aidc-subscription-action--primary:hover{
  background:var(--aidc-btn-primary-bg-hover)!important;
  border-color:var(--aidc-btn-primary-border-hover)!important
}
body[data-page="payments"] #pay-subscription-block .aidc-subscription-action--primary:focus-visible{
  outline:2px solid var(--aidc-action-focus-ring);
  outline-offset:2px
}


/* Desktop Account visual adapter. */
body:has(.account-layout){
  background:var(--aidc-bg-account-page)!important;
  color:var(--aidc-text-primary)!important
}

body:has(.account-layout) .panel{
  background:var(--aidc-bg-panel)!important;
  border-color:var(--aidc-border-default)!important;
  box-shadow:none!important
}
body:has(.account-layout) .section-card,
body:has(.account-layout) .session-card{
  background:var(--aidc-bg-card)!important;
  border-color:var(--aidc-border-default)!important;
  box-shadow:none!important
}

body:has(.account-layout) .account-layout>section.panel{
  background:transparent!important;
  border-color:transparent!important;
  box-shadow:none!important
}

body:has(.account-layout) .account-layout.account-layout--wrapped>section.panel.account-route-panel{
  background:var(--aidc-bg-panel)!important;
  border-color:var(--aidc-border-default)!important;
  box-shadow:none!important
}

body:has(.account-layout) .panel h2,
body:has(.account-layout) .section-card h3,
body:has(.account-layout) .auth-status,
body:has(.account-layout) .sessions-title{
  color:var(--aidc-text-primary)!important
}

body:has(.account-layout) .panel p,
body:has(.account-layout) .muted,
body:has(.account-layout) .auth-hint,
body:has(.account-layout) .auth-meta,
body:has(.account-layout) .sessions-sub,
body:has(.account-layout) .sessions-group__title,
body:has(.account-layout) .session-meta,
body:has(.account-layout) .sessions-empty,
body:has(.account-layout) .field label,
body:has(.account-layout) .note{
  color:var(--aidc-text-muted)!important
}

body:has(.account-layout) .side-nav .nav-item{color:var(--aidc-text-secondary)!important}
body:has(.account-layout) .side-nav .nav-item:hover,
body:has(.account-layout) .side-nav .nav-item:focus-visible{
  background:var(--aidc-btn-secondary-bg-hover)!important;
  color:var(--aidc-text-primary)!important;
  outline:none
}
body:has(.account-layout) .side-nav .nav-item.active,
body:has(.account-layout) .side-nav .nav-item.is-active{
  background:var(--aidc-workspace-selection-bg)!important;
  border-color:var(--aidc-workspace-selection-border)!important;
  color:var(--aidc-text-primary)!important
}
body:has(.account-layout) .nav-icon{color:var(--aidc-text-muted)!important}
body:has(.account-layout) .nav-item.active .nav-icon,
body:has(.account-layout) .nav-item.is-active .nav-icon{color:var(--aidc-action-primary-from)!important}

body:has(.account-layout) .account-layout *{scrollbar-color:var(--aidc-scrollbar-thumb) transparent!important}
body:has(.account-layout) .account-layout *::-webkit-scrollbar-track{background:transparent!important}
body:has(.account-layout) .account-layout *::-webkit-scrollbar-thumb{background:var(--aidc-scrollbar-thumb)!important}

body[data-page="account"]{scrollbar-width:thin;scrollbar-color:var(--aidc-scrollbar-thumb) var(--aidc-bg-page)}
body[data-page="account"]::-webkit-scrollbar{width:8px}
body[data-page="account"]::-webkit-scrollbar-track{background:var(--aidc-bg-page)}
body[data-page="account"]::-webkit-scrollbar-thumb{background:var(--aidc-scrollbar-thumb);border:2px solid var(--aidc-bg-page);border-radius:var(--aidc-radius-pill)}

body:has(.account-layout) .auth-avatar{background:var(--aidc-bg-elevated)!important;color:var(--aidc-text-primary)!important;box-shadow:0 0 0 2px var(--aidc-border-default)!important}

body:has(.account-layout) .pill,
body:has(.account-layout) .auth-client,
body:has(.account-layout) .session-badge{background:var(--aidc-btn-secondary-bg)!important;border-color:var(--aidc-border-default)!important;color:var(--aidc-text-secondary)!important}

body:has(.account-layout) .input{background:var(--aidc-bg-elevated)!important;border-color:var(--aidc-border-default)!important;color:var(--aidc-text-primary)!important}
body:has(.account-layout) .input:focus{border-color:var(--aidc-action-focus)!important;box-shadow:0 0 0 3px var(--aidc-action-focus-ring)!important}

body:has(.account-layout) .btn-primary{
  background:linear-gradient(135deg,var(--aidc-action-primary-from),var(--aidc-action-primary-to))!important;
  border:1px solid transparent!important;
  color:var(--aidc-text-inverse)!important;
  box-shadow:0 0 18px var(--aidc-action-primary-glow)!important
}
body:has(.account-layout) .btn-primary:hover,
body:has(.account-layout) .btn-primary:focus-visible{filter:brightness(1.08)!important;box-shadow:0 0 24px var(--aidc-action-primary-glow)!important;outline:none}

body:has(.account-layout) .btn-ghost{background:var(--aidc-btn-secondary-bg)!important;border-color:var(--aidc-border-default)!important;color:var(--aidc-text-secondary)!important}
body:has(.account-layout) .btn-ghost:hover,
body:has(.account-layout) .btn-ghost:focus-visible{background:var(--aidc-btn-secondary-bg-hover)!important;border-color:var(--aidc-border-strong)!important;color:var(--aidc-text-primary)!important;outline:none}

body:has(.account-layout) .btn-danger-outline{background:var(--aidc-status-danger-bg)!important;border-color:var(--aidc-action-danger-border)!important;color:var(--aidc-red-500)!important}
body:has(.account-layout) .btn-danger-outline:hover,
body:has(.account-layout) .btn-danger-outline:focus-visible{background:color-mix(in srgb,var(--aidc-red-500) 16%,transparent)!important;border-color:var(--aidc-red-500)!important;outline:none}

body:has(.account-layout) .auth-row,
body:has(.account-layout) .session-card{color:var(--aidc-text-secondary)!important}
body:has(.account-layout) .session-current{color:var(--aidc-green-500)!important}


body[data-page="account"] [data-pwa-install-card]{background:color-mix(in srgb,var(--aidc-cyan-500) 6%,var(--aidc-bg-card) 94%)!important;border-color:color-mix(in srgb,var(--aidc-cyan-500) 22%,transparent)!important}

/* Light account hierarchy: the route canvas is visibly grey, content cards are
   lighter, and secondary copy stays readable instead of fading toward white. */
html[data-aidc-color-mode="light"] body:has(.account-layout) .account-layout.account-layout--wrapped>section.panel.account-route-panel{
  background:color-mix(in srgb,var(--aidc-bg-page) 72%,var(--aidc-bg-elevated) 28%)!important;
  border-color:var(--aidc-border-default)!important
}
html[data-aidc-color-mode="light"] body:has(.account-layout) .panel{
  background:color-mix(in srgb,var(--aidc-bg-panel) 62%,var(--aidc-bg-elevated) 38%)!important
}
html[data-aidc-color-mode="light"] body:has(.account-layout) .section-card,
html[data-aidc-color-mode="light"] body:has(.account-layout) .session-card{
  background:var(--aidc-bg-card)!important;
  border-color:var(--aidc-border-default)!important
}
html[data-aidc-color-mode="light"] body:has(.account-layout) :where(.panel p,.muted,.auth-hint,.auth-meta,.sessions-sub,.sessions-group__title,.session-meta,.sessions-empty,.field label,.note){
  color:var(--aidc-text-secondary)!important
}
html[data-aidc-color-mode="light"] body:has(.account-layout) .btn-primary{
  background:color-mix(in srgb,var(--aidc-action-primary-from) 9%,var(--aidc-bg-card) 91%)!important;
  border-color:color-mix(in srgb,var(--aidc-action-primary-from) 58%,transparent)!important;
  color:var(--aidc-action-primary-to)!important;
  box-shadow:none!important;
  filter:none!important
}
html[data-aidc-color-mode="light"] body:has(.account-layout) .btn-primary:hover,
html[data-aidc-color-mode="light"] body:has(.account-layout) .btn-primary:focus-visible{
  background:color-mix(in srgb,var(--aidc-action-primary-from) 15%,var(--aidc-bg-card) 85%)!important;
  border-color:color-mix(in srgb,var(--aidc-action-primary-from) 74%,transparent)!important;
  color:var(--aidc-action-primary-to)!important;
  box-shadow:none!important;
  filter:none!important
}

/* Route visuals migrated from assets/css/account-shell.css; geometry remains in that stylesheet. */
body:has(.account-layout) .account-layout.account-layout--wrapped>section.panel.account-route-panel {
  background:var(--aidc-bg-panel)!important;
  box-shadow:var(--aidc-shadow-popover)!important;
}

body.admin-dashboard-page .account-route-panel>.wrap>.panel {
  background:var(--aidc-bg-panel)!important;
  box-shadow:none!important;
}

body.admin-dashboard-page .account-route-panel>.wrap>.panel .card {
  background:var(--aidc-bg-card)!important;
}

/* A quieter account hierarchy: the route content is the primary surface;
   nested sections must not all compete with equal borders and shadows. */
body[data-page="account"] .account-route-panel .section-card {
  box-shadow:none!important;
}

/* Account home: use a concise dashboard hierarchy instead of a tall stack of
   unrelated full-width slabs. */
@media(min-width:1100px) {
body[data-page="account"] .account-layout>section.panel:has([data-auth-card]) {
  background:transparent!important;
  box-shadow:none!important;
}
}



/* Shared light-mode contract for every desktop Account route. Route-specific
   adapters may add status semantics but should not need to restate basic text,
   field and primary-action contrast. */

html[data-aidc-color-mode="light"] body:has(.account-layout) {
  color: var(--aidc-text-primary) !important;
}

html[data-aidc-color-mode="light"] body:has(.account-layout) :where(
  .panel-title,.section-title,.page-title,.card-title,.sessions-title,
  h1,h2,h3,h4,legend
) {
  color: var(--aidc-text-primary) !important;
  opacity: 1 !important;
}

html[data-aidc-color-mode="light"] body:has(.account-layout) :where(
  .panel-sub,.muted,.note,.hint,.helper-text,.field-hint,.description,.caption,
  .auth-hint,.auth-meta,.session-meta,.sessions-sub,.sessions-group__title,
  .ref-note,.ref-form-label,.ref-stat__label,.tok-stat__label,
  .tok-balance-bar__label,.pay-empty,.pay-card__exp,
  .stat-label,.lock-note,.storage-panel__desc,.storage-panel__list li,
  .connected-row .label,.field .hint,.team-section-title,.team-seat-billing__hint,
  .aidc-seat-modal__text,.aidc-seat-modal__grid label,.aidc-seat-modal__field,
  .aidc-seat-modal__quote,.aidc-seat-quote__row,.member-card__email,
  .member-card__row,.plan-gate__subtitle,.plan-gate__note,.pending-invite .invite-meta,
  .transfer-date
) {
  color: var(--aidc-text-secondary) !important;
  opacity: 1 !important;
}

html[data-aidc-color-mode="light"] body:has(.account-layout) :where(label,th) {
  color: var(--aidc-text-secondary) !important;
  opacity: 1 !important;
}

html[data-aidc-color-mode="light"] body:has(.account-layout) :where(
  input,textarea,select,.input
) {
  background: var(--aidc-bg-elevated) !important;
  border-color: var(--aidc-border-strong) !important;
  color: var(--aidc-text-primary) !important;
}

html[data-aidc-color-mode="light"] body:has(.account-layout) :where(input,textarea)::placeholder {
  color: var(--aidc-text-muted) !important;
  opacity: 1 !important;
}

html[data-aidc-color-mode="light"] body:has(.account-layout) :where(
  .btn-primary,.button.primary,.pill-btn.primary,.plan-gate__cta,
  .ref-copy-btn,.ref-generate-btn,.ref-withdraw-btn,.ref-auth-action
):not(.btn-danger):not(.danger) {
  background: var(--aidc-btn-primary-bg) !important;
  border: 1px solid var(--aidc-btn-primary-border) !important;
  color: var(--aidc-btn-primary-text) !important;
  box-shadow: var(--aidc-btn-primary-shadow) !important;
  filter: none !important;
}

html[data-aidc-color-mode="light"] body:has(.account-layout) :where(
  .btn-primary,.button.primary,.pill-btn.primary,.plan-gate__cta,
  .ref-copy-btn,.ref-generate-btn,.ref-withdraw-btn,.ref-auth-action
):not(.btn-danger):not(.danger):hover:not(:disabled),
html[data-aidc-color-mode="light"] body:has(.account-layout) :where(
  .btn-primary,.button.primary,.pill-btn.primary,.plan-gate__cta,
  .ref-copy-btn,.ref-generate-btn,.ref-withdraw-btn,.ref-auth-action
):not(.btn-danger):not(.danger):focus-visible {
  background: var(--aidc-btn-primary-bg-hover) !important;
  border-color: var(--aidc-btn-primary-border-hover) !important;
  color: var(--aidc-btn-primary-text) !important;
  box-shadow: none !important;
  filter: none !important;
  outline: none !important;
}

html[data-aidc-color-mode="light"] body:has(.account-layout) :where(.panel,.section-card,.card) {
  border-color: var(--aidc-border-default) !important;
  box-shadow: none !important;
}

/* Do not blend danger text toward white on light Account surfaces. The route
   adapters still own danger backgrounds/borders; this only guarantees readable
   foreground text if a legacy rule uses a dark-theme white mix. */
html[data-aidc-color-mode="light"] body:has(.account-layout) .btn-danger {
  color: var(--aidc-red-500) !important;
}



/* Shared site footer visual contract. Layout remains core-owned. */

.footer{
  color:var(--aidc-text-muted)
}

.footer__legal a,
.footer__phone a{
  color:var(--aidc-violet-500)
}

.footer__legal a{
  text-decoration-color:color-mix(in srgb,var(--aidc-violet-500) 35%,transparent)
}

.footer__legal a:hover,
.footer__phone a:hover{
  color:var(--aidc-pink-500)
}


/* Hide legacy route markup until account-nav.js has built the shared shell. */
body:not(.aidc-account-shell-ready){visibility:hidden}
body.aidc-account-shell-ready{visibility:visible}

body:has(.account-layout) #app,
body:has(.account-layout) #app>.shell{
  min-height:calc(100vh / var(--zoom-real, var(--zoom, 1)))
}

body:has(.account-layout) #app>.shell{
  display:grid;
  grid-template-rows:auto minmax(0,1fr) auto
}

body:has(.account-layout) .account-layout.account-layout--wrapped>section.panel.account-route-panel{
  border:1px solid var(--aidc-border-subtle)!important;}

body.admin-dashboard-page .account-route-panel>.wrap>.panel{
  border:1px solid var(--aidc-border-subtle)!important;}

body.admin-dashboard-page .account-route-panel>.wrap>.panel .card{
  border:1px solid var(--aidc-border-subtle)!important
}

body:has(.account-layout) .account-layout{
  display:grid;
  grid-template-columns:240px minmax(0,1fr);
  gap:14px;
  margin-top:10px;
  min-height:0
}

@media(max-width:1000px){
  body:has(.account-layout) .account-layout{grid-template-columns:1fr}
}

body:has(.account-layout) .panel{
  border-radius:16px;
  padding:16px
}

body:has(.account-layout) .account-layout>section.panel{
  padding:0
}

body:has(.account-layout) .account-layout--wrapped{
  width:100%;
  padding:0 18px;
  box-sizing:border-box
}

body:has(.account-layout) .account-layout--wrapped>.account-route-panel>main{
  max-width:none;
  width:100%;
  box-sizing:border-box
}

body.admin-dashboard-page .account-layout--wrapped>.account-route-panel>.wrap{
  margin-top:0;
  padding-top:0
}

body:has(.account-layout) .panel h2{
  margin:0 0 10px;
  font-size:15px;
  letter-spacing:.08em;
  text-transform:uppercase
}

body:has(.account-layout) .panel p{
  margin:6px 0 12px;
  font-size:14px
}

body:has(.account-layout) .side-nav .nav-item{
  display:flex;
  align-items:center;
  gap:10px;
  padding:10px 12px;
  border-radius:12px;
  cursor:pointer
}

body:has(.account-layout) .side-nav a.nav-item{text-decoration:none}

body:has(.account-layout) .nav-icon{
  width:16px;
  height:16px;
  flex-shrink:0
}

body:has(.account-layout) .account-layout *{
  scrollbar-width:thin
}

body:has(.account-layout) .account-layout *::-webkit-scrollbar{
  width:8px!important;
  height:8px!important
}

body:has(.account-layout) .account-layout *::-webkit-scrollbar-track{
  border-radius:10px
}

body:has(.account-layout) .account-layout *::-webkit-scrollbar-thumb{
  border-radius:10px;
  border:2px solid transparent;
  background-clip:content-box
}

body:has(.account-layout) .section-card{
  border-radius:14px;
  padding:14px;
  margin-bottom:10px
}

/* A quieter account hierarchy: the route content is the primary surface;
   nested sections must not all compete with equal borders and shadows. */
body[data-page="account"] .account-route-panel>.row,
body[data-page="account"] .account-main-panel>.row{gap:8px!important}

/* Account home: use a concise dashboard hierarchy instead of a tall stack of
   unrelated full-width slabs. */
@media(min-width:1100px){
  body[data-page="account"] .account-layout>section.panel:has([data-auth-card]){
    display:grid!important;
    grid-template-columns:minmax(0,1fr) minmax(0,1fr);
    align-content:start;
    gap:10px;
    border:0!important;}
  body[data-page="account"] .account-layout>section.panel:has([data-auth-card])>[data-auth-card],
  body[data-page="account"] .account-layout>section.panel:has([data-auth-card])>[data-pwa-install-card],
  body[data-page="account"] .account-layout>section.panel:has([data-auth-card])>[data-tg-channel-banner],
  body[data-page="account"] .account-layout>section.panel:has([data-auth-card])>[data-notify-channels]{
    grid-column:1/-1
  }
}
body[data-page="account"] .account-layout>section.panel:has([data-auth-card])>.section-card{
  margin:0!important;
  padding:12px 14px!important;
  min-height:0
}

body[data-page="account"] #app>.shell>[data-include*="footer"],
body[data-page="account"] #app>.shell>footer{
  margin-top:auto;
  flex:0 0 auto;
  position:relative;
  z-index:2
}

body:has(.account-layout) .section-card h3{
  margin:0 0 6px;
  font-size:16px;
  letter-spacing:.05em
}

body:has(.account-layout) .row{
  display:flex;
  flex-wrap:wrap;
  gap:12px;
  align-items:center
}

body:has(.account-layout) .muted{font-size:13px}

body:has(.account-layout) .field{
  display:flex;
  flex-direction:column;
  gap:6px;
  margin-bottom:12px
}

body:has(.account-layout) .field label{
  font-size:12px;
  letter-spacing:.1em;
  text-transform:uppercase
}

body:has(.account-layout) .input{
  border-radius:12px;
  padding:10px 12px;
  font-size:14px;
  outline:none
}

body:has(.account-layout) .btn{
  border-radius:12px;
  padding:11px 14px;
  font-size:14px;
  font-weight:650;
  cursor:pointer;
  transition:.12s ease
}

body:has(.account-layout) .is-hidden{display:none!important}
/* Account sidebar: reserve its geometry, reveal only the finalized
   permission-filtered inventory. No intermediate/legacy menu flashes. */
body:has(.account-layout) .account-layout > .side-nav:not(.aidc-account-nav-ready) {
  visibility: hidden;
}