/* 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;
}
}




/* Desktop Account main-route component adapter for PWA, linked-account and
   account-home composition. Color ownership is token-only; the few geometry
   rules below express explicit product contracts from the Account screen. */
body[data-page="account"] .account-auth-provider-row{background:var(--aidc-bg-elevated)}
body[data-page="account"] .account-auth-provider-badge{color:var(--aidc-text-muted)}
body[data-page="account"] .account-auth-provider-badge.is-linked{
  color:var(--aidc-status-success);
  border-color:color-mix(in srgb,var(--aidc-status-success) 40%,var(--aidc-border-default))
}
body[data-page="account"] .account-admin-nav{color:var(--aidc-action-primary-from)!important}
body[data-page="account"] .account-main-panel{background:transparent!important;border-color:transparent!important;box-shadow:none!important}
body[data-page="account"] .account-pwa-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}
body[data-page="account"] .account-pwa-icon{background:var(--aidc-gradient-brand-icon);border:1px solid color-mix(in srgb,var(--aidc-cyan-500) 68%,white 32%);color:var(--aidc-text-inverse)}
body[data-page="account"] .account-pwa-title{color:var(--aidc-text-primary)}
body[data-page="account"] .account-pwa-hint{color:var(--aidc-text-muted)}
body[data-page="account"] .account-tg-banner{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) 24%,transparent)!important}
body[data-page="account"] .account-tg-banner__close{background:transparent;color:var(--aidc-text-muted)}
body[data-page="account"] .account-tg-banner__close:hover,
body[data-page="account"] .account-tg-banner__close:focus-visible{color:var(--aidc-text-primary);outline:none}
body[data-page="account"] .account-tg-banner__icon{background:var(--aidc-gradient-brand-icon);border:1px solid color-mix(in srgb,var(--aidc-cyan-500) 68%,white 32%);color:var(--aidc-text-inverse)}
body[data-page="account"] .account-tg-banner__title{color:var(--aidc-text-primary)}
body[data-page="account"] .account-tg-banner__body{color:var(--aidc-text-secondary)}
body[data-page="account"] .notify-channel-row{color:var(--aidc-text-secondary)}
body[data-page="account"] .notify-channel-row--fixed,
body[data-page="account"] .notify-channel-status,
body[data-page="account"] .notify-channel-link-status,
body[data-page="account"] .notify-types-label,
body[data-page="account"] .notify-channels-description{color:var(--aidc-text-muted)}
body[data-page="account"] .notify-channel-row input{accent-color:var(--aidc-violet-500)}
body[data-page="account"] .notify-channel-link{color:var(--aidc-violet-500);background:transparent;border-color:transparent}
body[data-page="account"] .notify-channel-link:hover,
body[data-page="account"] .notify-channel-link:focus-visible{color:var(--aidc-action-primary-from);outline:none}
body[data-page="account"] .notify-types-section{border-top-color:var(--aidc-border-subtle)}

/* Product contract: all four authorized-session actions are one horizontal row.
   display:contents makes the three primary actions and the secondary logout-all
   action direct grid items without changing the HTML or duplicating controls. */
@media(min-width:1001px){
  body[data-page="account"] .auth-card__header{
    grid-template-columns:72px minmax(0,1fr) repeat(4,max-content)!important;
    grid-template-rows:auto!important;
    column-gap:8px!important
  }
  body[data-page="account"] .auth-actions:not(.is-hidden),
  body[data-page="account"] .auth-actions-secondary:not(.is-hidden){display:contents!important}
  body[data-page="account"] .auth-actions .btn,
  body[data-page="account"] .auth-actions-secondary .btn{grid-row:1!important;align-self:start!important;white-space:nowrap!important}
}

/* The subscription/tariff module has its own left-nav destination. Do not
   duplicate the entire management card on Account home. */
body[data-page="account"] .account-main-panel>[data-subscription-panel]{display:none!important}

/* Linked account / billing FAQ is rendered dynamically by
   workspace-link-lifecycle.js. Data attributes are its stable component API;
   override the old inline dark palette through semantic account tokens. */
body[data-page="account"] [data-account-link-billing-card]{
  width:100%!important;
  max-width:none!important;
  box-sizing:border-box!important;
  background:var(--aidc-account-info-surface)!important;
  border-color:var(--aidc-account-info-border)!important;
  color:var(--aidc-account-info-body)!important;
  box-shadow:none!important
}
body[data-page="account"] [data-account-link-billing-card] > div:first-child,
body[data-page="account"] [data-account-link-billing-card] strong{
  color:var(--aidc-account-info-title)!important;
  -webkit-text-fill-color:var(--aidc-account-info-title)!important
}
body[data-page="account"] [data-billing-summary],
body[data-page="account"] [data-billing-conflict]{
  color:var(--aidc-account-info-body)!important;
  -webkit-text-fill-color:var(--aidc-account-info-body)!important;
  opacity:1!important
}
body[data-page="account"] [data-linking-faq]{width:100%!important}
body[data-page="account"] [data-linking-faq] details{
  background:var(--aidc-account-info-surface-muted)!important;
  border-color:var(--aidc-account-info-border)!important;
  color:var(--aidc-account-info-body)!important
}
body[data-page="account"] [data-linking-faq] summary{
  color:var(--aidc-account-info-title)!important;
  -webkit-text-fill-color:var(--aidc-account-info-title)!important;
  opacity:1!important
}
body[data-page="account"] [data-linking-faq] details > div{
  color:var(--aidc-account-info-body)!important;
  -webkit-text-fill-color:var(--aidc-account-info-body)!important;
  opacity:1!important
}
body[data-page="account"] [data-account-link-billing-card] :where(button,input){
  border-color:var(--aidc-account-action-border)!important;
  color:var(--aidc-account-action-text)!important
}


/* Desktop Account main route — layout and interaction geometry.
   Visual ownership: account-page-theme.css + account-main-extras-theme.css. */

body[data-page="account"]{
  transition:opacity .25s ease-out,transform .25s ease-out
}

body[data-page="account"] .auth-card__header{
  display:grid;
  grid-template-columns:72px minmax(0,1fr) auto;
  grid-template-rows:auto auto;
  gap:10px 16px;
  align-items:start;
  margin-top:10px
}

body[data-page="account"] .auth-avatar{
  width:64px;
  height:64px;
  border-radius:50%;
  display:grid;
  place-items:center;
  font-weight:800;
  font-size:22px;
  overflow:hidden;
  grid-column:1;
  grid-row:1/span 2
}

body[data-page="account"] .auth-avatar img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:none
}

body[data-page="account"] .auth-avatar__fallback{text-transform:uppercase}

body[data-page="account"] .auth-summary{
  display:grid;
  gap:6px;
  grid-column:2;
  grid-row:1/span 2
}

body[data-page="account"] .auth-status{font-size:14px;font-weight:650}
body[data-page="account"] .auth-hint{font-size:12px}
body[data-page="account"] .auth-meta{display:flex;flex-wrap:wrap;gap:10px;font-size:12px}

body[data-page="account"] .auth-client{
  display:inline-flex;
  align-items:center;
  padding:2px 8px;
  border-radius:999px;
  font-size:11px;
  letter-spacing:.08em;
  text-transform:uppercase
}

body[data-page="account"] .auth-actions,
body[data-page="account"] .auth-actions-secondary{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  justify-content:flex-end;
  grid-column:3
}

body[data-page="account"] .auth-actions{grid-row:1}
body[data-page="account"] .auth-actions-secondary{grid-row:2;margin-top:8px}

body[data-page="account"] .auth-fields{
  margin-top:14px;
  display:grid;
  gap:8px
}

body[data-page="account"] .auth-row{
  display:grid;
  grid-template-columns:120px minmax(0,1fr);
  gap:10px;
  font-size:13px;
  word-break:break-word
}

body[data-page="account"] .auth-row__inline{
  display:flex;
  align-items:center;
  gap:8px
}

body[data-page="account"] .auth-unlink-btn{
  font-size:11px!important;
  padding:4px 10px!important;
  border-radius:8px!important;
  white-space:nowrap
}

@media(max-width:600px){
  body[data-page="account"] .auth-card__header{
    grid-template-columns:56px minmax(0,1fr);
    grid-template-rows:auto auto auto
  }
  body[data-page="account"] .auth-avatar{width:48px;height:48px;font-size:18px}
  body[data-page="account"] .auth-actions,
  body[data-page="account"] .auth-actions-secondary{
    grid-column:1/-1!important;
    grid-row:auto!important;
    justify-content:flex-start
  }
}

body[data-page="account"] .sessions-header{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  flex-wrap:wrap
}

body[data-page="account"] .sessions-title{font-size:14px;letter-spacing:.12em;text-transform:uppercase}
body[data-page="account"] .sessions-sub{font-size:12px;margin-top:6px}
body[data-page="account"] .sessions-actions{display:flex;gap:10px;flex-wrap:wrap}
body[data-page="account"] .sessions-group{margin-top:16px}
body[data-page="account"] .sessions-group__title{font-size:12px;letter-spacing:.1em;text-transform:uppercase;margin-bottom:8px}

body[data-page="account"] .session-card{
  border-radius:14px;
  padding:12px;
  display:grid;
  gap:6px;
  margin-bottom:10px
}

body[data-page="account"] .session-meta{display:flex;flex-wrap:wrap;gap:10px;font-size:12px}
body[data-page="account"] .session-actions{display:flex;gap:8px}
body[data-page="account"] .session-badge{display:inline-flex;align-items:center;gap:6px;padding:4px 8px;border-radius:999px;font-size:11px;text-transform:uppercase;letter-spacing:.08em}
body[data-page="account"] .session-current{font-size:11px}
body[data-page="account"] .sessions-empty{margin-top:16px;font-size:13px}

body[data-page="account"] .note{font-size:12px;margin-top:8px}

body[data-page="account"] [data-pwa-install-card]{
  border-radius:18px
}

body[data-page="account"] .account-main-panel{padding:0!important}

body[data-page="account"] .account-materials-row{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  flex-wrap:wrap
}
body[data-page="account"] .account-materials-title{margin-bottom:6px!important}
body[data-page="account"] .account-materials-note{margin-top:0!important}
body[data-page="account"] .account-materials-link{
  text-decoration:none;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:40px
}

body[data-page="account"] .account-pwa-row{display:flex;gap:14px;align-items:center;flex-wrap:wrap}
body[data-page="account"] .account-pwa-icon{
  flex-shrink:0;
  width:42px;
  height:42px;
  border-radius:12px;
  display:grid;
  place-items:center
}
body[data-page="account"] .account-pwa-copy{flex:1;min-width:160px}
body[data-page="account"] .account-pwa-title{font-size:14px;font-weight:700}
body[data-page="account"] .account-pwa-hint{font-size:12px;margin-top:3px}
body[data-page="account"] .account-pill-btn{font-size:13px!important;padding:9px 18px!important;border-radius:999px!important;white-space:nowrap}

body[data-page="account"] .account-tg-banner{
  position:relative;
  overflow:hidden
}
body[data-page="account"] .account-tg-banner__close{
  position:absolute;
  top:10px;
  right:12px;
  border:none;
  font-size:18px;
  cursor:pointer;
  padding:4px 6px;
  line-height:1;
  z-index:2
}
body[data-page="account"] .account-tg-banner__row{display:flex;gap:16px;align-items:flex-start;flex-wrap:wrap}
body[data-page="account"] .account-tg-banner__icon{
  flex-shrink:0;
  width:48px;
  height:48px;
  border-radius:14px;
  display:grid;
  place-items:center
}
body[data-page="account"] .account-tg-banner__copy{flex:1;min-width:200px}
body[data-page="account"] .account-tg-banner__title{font-size:15px;font-weight:700;margin-bottom:6px}
body[data-page="account"] .account-tg-banner__body{font-size:13px;line-height:1.55}
body[data-page="account"] .account-tg-banner__actions{display:flex;gap:8px;margin-top:12px;flex-wrap:wrap}
body[data-page="account"] .account-tg-banner__primary{font-size:13px!important;padding:8px 18px!important;border-radius:999px!important;text-decoration:none;display:inline-flex;align-items:center;gap:6px}
body[data-page="account"] .account-tg-banner__secondary{font-size:13px!important;padding:8px 14px!important;border-radius:999px!important}

body[data-page="account"] .notify-channels-body{display:flex;flex-direction:column;gap:10px}
body[data-page="account"] .notify-channel-row{display:flex;align-items:center;gap:8px}
body[data-page="account"] .notify-channel-row--fixed{cursor:default}
body[data-page="account"] .notify-channel-row--interactive{cursor:pointer}
body[data-page="account"] .notify-channel-status-row{display:flex;align-items:center;gap:8px;margin-left:28px}
body[data-page="account"] .notify-channel-status{font-size:.85em}
body[data-page="account"] .notify-channel-unlink{font-size:11px!important;padding:3px 10px!important;border-radius:8px!important;white-space:nowrap}
body[data-page="account"] .notify-channel-link{
  display:inline-flex;
  align-items:center;
  font-size:.85em;
  margin-left:28px;
  border:none;
  padding:0;
  cursor:pointer;
  text-decoration:underline
}
body[data-page="account"] .notify-channel-link-status{font-size:.85em;margin-left:28px;margin-top:4px;display:none}
body[data-page="account"] .notify-types-section{display:none;margin-top:8px;padding:10px 0 0}
body[data-page="account"] .notify-types-label{font-size:.85em;margin-bottom:8px}
body[data-page="account"] .notify-types-list{display:flex;flex-direction:column;gap:6px;margin-left:4px}
body[data-page="account"] .notify-channels-description{font-size:.8em;margin-top:4px}


body[data-page="account"] .account-auth-providers{
  display:grid;
  gap:10px;
  margin-top:16px
}
body[data-page="account"] .account-auth-provider-row{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  padding:12px 14px;
  border:1px solid var(--aidc-border-subtle);
  border-radius:12px
}
body[data-page="account"] .account-auth-provider-row strong{font-size:14px}
body[data-page="account"] .account-auth-provider-row .note{margin-top:4px!important}
body[data-page="account"] .account-auth-provider-actions{
  display:flex;
  align-items:center;
  gap:8px;
  flex-wrap:wrap;
  justify-content:flex-end
}
body[data-page="account"] .account-auth-provider-badge{
  display:inline-flex;
  align-items:center;
  min-height:28px;
  padding:0 9px;
  border:1px solid var(--aidc-border-default);
  border-radius:999px;
  font-size:11px;
  font-weight:800;
  white-space:nowrap
}
body[data-page="account"] .account-auth-provider-actions [data-auth-provider-yandex-unlink]{
  height:28px;
  min-height:28px;
  padding:0 10px;
  font-size:11px;
  line-height:1.2
}
body[data-page="account"] .account-auth-provider-help{
  margin-top:12px!important;
  line-height:1.55
}
@media(max-width:680px){
  body[data-page="account"] .account-auth-provider-row{
    align-items:flex-start;
    flex-direction:column
  }
  body[data-page="account"] .account-auth-provider-actions{justify-content:flex-start}
}