/* KLM Smart Tax Service Version 1.0
   Published palette is site-wide. Decorative motion remains public-only. */

body[data-theme]{
  --bg:var(--theme-page);
  --panel:var(--theme-surface);
  --panel2:color-mix(in srgb,var(--theme-primary) 7%,var(--theme-surface));
  --line:var(--theme-border);
  --text:var(--theme-body);
  --muted:var(--theme-muted);
  --blue:var(--theme-primary);
  --blue2:var(--theme-link);
  --green:var(--theme-success);
  --red:var(--theme-error);
  --gold:var(--theme-accent);
  color-scheme:light;
  background-color:var(--theme-page);
  color:var(--theme-body);
}
body[data-theme] a{color:var(--theme-link)}
body[data-theme] a:hover{color:var(--theme-link-hover)}
body[data-theme] :focus-visible{outline-color:var(--theme-focus)}

/* ---------------- Public header and landing page ---------------- */
body.app-public[data-theme]{
  background:var(--theme-page)!important;
  color:var(--theme-body)!important;
}
body.app-public[data-theme] .site-header{
  background:linear-gradient(100deg,var(--theme-secondary),var(--theme-primary))!important;
  border-bottom:3px solid var(--theme-accent)!important;
  color:var(--theme-on-primary)!important;
  box-shadow:0 8px 24px color-mix(in srgb,var(--theme-secondary) 26%,transparent)!important;
}
body.app-public[data-theme] .site-header :is(.brand,.topnav a,.link-button,.nav-toggle){
  color:var(--theme-on-primary)!important;
  -webkit-text-fill-color:var(--theme-on-primary)!important;
}
body.app-public[data-theme] .site-header :is(.topnav a,.link-button):hover,
body.app-public[data-theme] .site-header :is(.topnav a,.link-button):focus-visible{
  color:var(--theme-on-primary)!important;
  -webkit-text-fill-color:var(--theme-on-primary)!important;
  text-decoration:underline;
  text-underline-offset:4px;
}
body.app-public[data-theme] .site-header .nav-cta{
  background:var(--theme-accent)!important;
  border-color:var(--theme-accent)!important;
  color:var(--theme-on-accent)!important;
  -webkit-text-fill-color:var(--theme-on-accent)!important;
  text-decoration:none!important;
}
body.app-public[data-theme] .corporate-topline{
  background:var(--theme-secondary)!important;
  border-bottom-color:var(--theme-accent)!important;
  color:var(--theme-on-secondary)!important;
}
body.app-public[data-theme] .corporate-topline span{color:var(--theme-on-secondary)!important}
body.app-public[data-theme] .corporate-topline span::before{background:var(--theme-accent)!important}

@media(max-width:900px){
  body.app-public[data-theme] .topnav{
    background:linear-gradient(180deg,var(--theme-secondary),var(--theme-primary-dark))!important;
    border-bottom:3px solid var(--theme-accent)!important;
  }
  body.app-public[data-theme] .topnav a,
  body.app-public[data-theme] .topnav .link-button{
    width:100%;
    padding:.65rem .8rem;
    border-radius:.55rem;
    color:var(--theme-on-primary)!important;
  }
}

body.app-public[data-theme] .landing-hero{
  background:linear-gradient(116deg,var(--theme-secondary) 0%,var(--theme-primary) 58%,var(--theme-primary-dark) 100%)!important;
  border-color:color-mix(in srgb,var(--theme-accent) 60%,transparent)!important;
  color:var(--theme-on-primary)!important;
}
body.app-public[data-theme] .landing-hero :is(h1,h2,h3,h4,strong,b){
  color:var(--theme-on-primary)!important;
  -webkit-text-fill-color:var(--theme-on-primary)!important;
}
body.app-public[data-theme] .landing-hero :is(p,li,small,span:not(.button):not(.eyebrow)){
  color:color-mix(in srgb,var(--theme-on-primary) 90%,transparent)!important;
  -webkit-text-fill-color:currentColor!important;
}
body.app-public[data-theme] .landing-hero .eyebrow{
  color:color-mix(in srgb,var(--theme-accent) 72%,white)!important;
  -webkit-text-fill-color:currentColor!important;
}
body.app-public[data-theme] .hero-choice-note{
  background:linear-gradient(145deg,color-mix(in srgb,var(--theme-secondary) 94%,transparent),color-mix(in srgb,var(--theme-primary) 88%,transparent))!important;
  border-color:color-mix(in srgb,var(--theme-accent) 58%,transparent)!important;
  color:var(--theme-on-primary)!important;
}
body.app-public[data-theme] .hero-choice-note :is(h1,h2,h3,strong,p,small){
  color:var(--theme-on-primary)!important;
  -webkit-text-fill-color:var(--theme-on-primary)!important;
}
body.app-public[data-theme] .trust-row span{
  background:color-mix(in srgb,var(--theme-secondary) 78%,transparent)!important;
  border-color:color-mix(in srgb,var(--theme-accent) 58%,transparent)!important;
  color:var(--theme-on-primary)!important;
}

body.app-public[data-theme] :is(.corporate-proof-bar,.filing-card,.steps-v306 article,.landing-content-card.theme-light,.faq-question-card,.faq-dialog-shell,.surface-light,.light-card,.theme-light,.card){
  background:var(--theme-surface)!important;
  color:var(--theme-body)!important;
  border-color:var(--theme-border)!important;
}
body.app-public[data-theme] :is(.corporate-proof-bar,.filing-card,.steps-v306 article,.landing-content-card.theme-light,.faq-question-card,.faq-dialog-shell,.surface-light,.light-card,.theme-light,.card) :is(h1,h2,h3,h4,h5,h6,strong,b,legend){
  color:var(--theme-heading)!important;
  -webkit-text-fill-color:var(--theme-heading)!important;
}
body.app-public[data-theme] :is(.corporate-proof-bar,.filing-card,.steps-v306 article,.landing-content-card.theme-light,.faq-question-card,.faq-dialog-shell,.surface-light,.light-card,.theme-light,.card) :is(p,li,small,label,dd,span:not(.button):not(.pill):not(.landing-badge):not(.sponsor-label):not(.status-pill)){
  color:var(--theme-body)!important;
  -webkit-text-fill-color:currentColor!important;
}
body.app-public[data-theme] :is(.landing-content-card.theme-dark,.landing-content-card.theme-brand,.surface-dark,.dark-card,.theme-dark,.theme-brand,.compact-band){
  background:linear-gradient(145deg,var(--theme-secondary),var(--theme-primary))!important;
  color:var(--theme-on-primary)!important;
  border-color:color-mix(in srgb,var(--theme-accent) 65%,var(--theme-primary))!important;
}
body.app-public[data-theme] :is(.landing-content-card.theme-dark,.landing-content-card.theme-brand,.surface-dark,.dark-card,.theme-dark,.theme-brand,.compact-band) :is(h1,h2,h3,h4,h5,h6,strong,b,legend){
  color:var(--theme-on-primary)!important;
  -webkit-text-fill-color:var(--theme-on-primary)!important;
}
body.app-public[data-theme] :is(.landing-content-card.theme-dark,.landing-content-card.theme-brand,.surface-dark,.dark-card,.theme-dark,.theme-brand,.compact-band) :is(p,li,small,label){
  color:color-mix(in srgb,var(--theme-on-primary) 90%,transparent)!important;
  -webkit-text-fill-color:currentColor!important;
}
body.app-public[data-theme] :is(.section-title h2,.compact-section h2,.page-head h1,.page-head h2){
  color:var(--theme-heading)!important;
  -webkit-text-fill-color:var(--theme-heading)!important;
}
body.app-public[data-theme] :is(.section-title p,.landing-disclaimer,.page-head p){
  color:var(--theme-muted)!important;
  -webkit-text-fill-color:var(--theme-muted)!important;
}
body.app-public[data-theme] :is(input,select,textarea){
  background:var(--theme-input-bg)!important;
  color:var(--theme-input-text)!important;
  border-color:var(--theme-border)!important;
}
body.app-public[data-theme] :is(input,select,textarea)::placeholder{color:var(--theme-placeholder)!important;opacity:1}
body.app-public[data-theme] label{color:var(--theme-heading)!important}
body.app-public[data-theme] .button.primary{
  background:var(--theme-accent)!important;
  border-color:var(--theme-accent)!important;
  color:var(--theme-on-accent)!important;
  -webkit-text-fill-color:var(--theme-on-accent)!important;
}
body.app-public[data-theme] .button.secondary{
  background:var(--theme-primary)!important;
  border-color:var(--theme-primary)!important;
  color:var(--theme-on-primary)!important;
  -webkit-text-fill-color:var(--theme-on-primary)!important;
}
body.app-public[data-theme] :is(.alert.notice,.notice){
  background:color-mix(in srgb,var(--theme-primary) 9%,var(--theme-surface))!important;
  border-color:color-mix(in srgb,var(--theme-primary) 45%,var(--theme-border))!important;
  color:var(--theme-heading)!important;
}
body.app-public[data-theme] footer{
  background:var(--theme-secondary)!important;
  border-top-color:var(--theme-accent)!important;
  color:var(--theme-on-secondary)!important;
}
body.app-public[data-theme] footer :is(strong,span){color:var(--theme-on-secondary)!important}

/* ---------------- Authenticated admin, staff, and client pages ---------------- */
body.app-authenticated[data-theme]{
  background:radial-gradient(circle at top right,color-mix(in srgb,var(--theme-primary) 16%,transparent) 0,transparent 34rem),var(--theme-page)!important;
  color:var(--theme-body)!important;
}
body.app-authenticated[data-theme] .page-shell{color:var(--theme-body)!important}
body.app-authenticated[data-theme] .site-header{
  background:linear-gradient(100deg,var(--theme-secondary),var(--theme-primary))!important;
  border-bottom:3px solid var(--theme-accent)!important;
  color:var(--theme-on-primary)!important;
  box-shadow:0 8px 24px color-mix(in srgb,var(--theme-secondary) 28%,transparent)!important;
}
body.app-authenticated[data-theme] .site-header :is(.brand,.topnav a,.link-button,.nav-toggle){
  color:var(--theme-on-primary)!important;
  -webkit-text-fill-color:var(--theme-on-primary)!important;
}
body.app-authenticated[data-theme] .site-header .topnav a.is-active{
  background:var(--theme-accent)!important;
  color:var(--theme-on-accent)!important;
  -webkit-text-fill-color:var(--theme-on-accent)!important;
  border-radius:.55rem;
  padding:.45rem .6rem;
}
body.app-authenticated[data-theme] .site-header .topnav a.is-active::after{display:none!important}
body.app-authenticated[data-theme] .site-header :is(.topnav a,.link-button):hover,
body.app-authenticated[data-theme] .site-header :is(.topnav a,.link-button):focus-visible{
  color:var(--theme-on-primary)!important;
  -webkit-text-fill-color:var(--theme-on-primary)!important;
  text-decoration:underline;
  text-underline-offset:4px;
}
body.app-authenticated[data-theme] .site-header .topnav a.is-active:hover{
  color:var(--theme-on-accent)!important;
  -webkit-text-fill-color:var(--theme-on-accent)!important;
}
@media(max-width:900px){
  body.app-authenticated[data-theme] .topnav{
    background:linear-gradient(180deg,var(--theme-secondary),var(--theme-primary-dark))!important;
    border-bottom:3px solid var(--theme-accent)!important;
  }
  body.app-authenticated[data-theme] .topnav a,
  body.app-authenticated[data-theme] .topnav .link-button{
    width:100%;
    padding:.65rem .8rem;
    border-radius:.55rem;
  }
}

body.app-authenticated[data-theme] :is(.page-head h1,.page-head h2,.page-head h3,.page-heading h1,.page-heading h2,.section-title h2,.command-section-heading h2){
  color:var(--theme-heading)!important;
  -webkit-text-fill-color:var(--theme-heading)!important;
}
body.app-authenticated[data-theme] :is(.page-head p,.page-heading p,.fineprint,small,.muted,.command-muted){color:var(--theme-muted)!important}
body.app-authenticated[data-theme] .eyebrow{color:var(--theme-link)!important}

body.app-authenticated[data-theme] :is(.card,.metric,.stat,.check,.result-grid>div,.state-grid>div,.command-card,.command-tool-link,.command-metrics article,.metric-grid article,.secure-message,.payment-stat,.payment-panel,.payment-provider-item,.w2-start-card,.w2-record-card,.w2-upload-panel,.w2-review-grid article,.w2-paper,.client-intake-progress,.repeat-row,.state-row){
  background:var(--theme-surface)!important;
  color:var(--theme-body)!important;
  border-color:var(--theme-border)!important;
  box-shadow:0 14px 38px color-mix(in srgb,var(--theme-secondary) 12%,transparent)!important;
}
body.app-authenticated[data-theme] :is(.card,.metric,.stat,.check,.result-grid>div,.state-grid>div,.command-card,.command-tool-link,.command-metrics article,.metric-grid article,.secure-message,.payment-stat,.payment-panel,.payment-provider-item,.w2-start-card,.w2-record-card,.w2-upload-panel,.w2-review-grid article,.w2-paper,.client-intake-progress,.repeat-row,.state-row) :is(h1,h2,h3,h4,h5,h6,strong,b,legend,dt){
  color:var(--theme-heading)!important;
  -webkit-text-fill-color:var(--theme-heading)!important;
}
body.app-authenticated[data-theme] :is(.card,.metric,.stat,.check,.result-grid>div,.state-grid>div,.command-card,.command-tool-link,.command-metrics article,.metric-grid article,.secure-message,.payment-stat,.payment-panel,.payment-provider-item,.w2-start-card,.w2-record-card,.w2-upload-panel,.w2-review-grid article,.w2-paper,.client-intake-progress,.repeat-row,.state-row) :is(p,li,dd,small,label,span:not(.button):not(.pill):not(.status-pill):not(.provider-state):not(.command-icon)){
  color:var(--theme-body)!important;
  -webkit-text-fill-color:currentColor!important;
}

/* Command Center contains its own light palette; explicitly bind it to the published theme. */
body.app-authenticated[data-theme] .command-center-shell{background:color-mix(in srgb,var(--theme-primary) 4%,var(--theme-page))!important}
body.app-authenticated[data-theme] .command-hero{
  background:linear-gradient(135deg,var(--theme-surface),color-mix(in srgb,var(--theme-primary) 8%,var(--theme-surface)))!important;
  border-color:var(--theme-border)!important;
}
body.app-authenticated[data-theme] .command-hero h1{color:var(--theme-heading)!important}
body.app-authenticated[data-theme] .command-hero p{color:var(--theme-muted)!important}
body.app-authenticated[data-theme] .command-eyebrow{color:var(--theme-link)!important}
body.app-authenticated[data-theme] .command-kpi-strip a,
body.app-authenticated[data-theme] .command-tool-links a,
body.app-authenticated[data-theme] .command-button:not(.primary){
  background:var(--theme-surface)!important;
  border-color:var(--theme-border)!important;
  color:var(--theme-heading)!important;
  -webkit-text-fill-color:var(--theme-heading)!important;
}
body.app-authenticated[data-theme] .command-kpi-strip a :is(span,strong,small),
body.app-authenticated[data-theme] .command-tool-links a :is(span,strong,b){color:var(--theme-heading)!important}
body.app-authenticated[data-theme] .command-button.primary{
  background:var(--theme-accent)!important;
  border-color:var(--theme-accent)!important;
  color:var(--theme-on-accent)!important;
  -webkit-text-fill-color:var(--theme-on-accent)!important;
}
body.app-authenticated[data-theme] .command-table-wrap{border-color:var(--theme-border)!important;background:var(--theme-surface)!important}

body.app-authenticated[data-theme] :is(input,select,textarea){
  background:var(--theme-input-bg)!important;
  color:var(--theme-input-text)!important;
  border-color:var(--theme-border)!important;
  color-scheme:light;
}
body.app-authenticated[data-theme] :is(input,select,textarea)::placeholder{color:var(--theme-placeholder)!important;opacity:1}
body.app-authenticated[data-theme] :is(input,select,textarea):focus{
  border-color:var(--theme-focus)!important;
  box-shadow:0 0 0 3px color-mix(in srgb,var(--theme-focus) 24%,transparent)!important;
}
body.app-authenticated[data-theme] label{color:var(--theme-heading)!important}
body.app-authenticated[data-theme] .checkline{
  background:color-mix(in srgb,var(--theme-primary) 5%,var(--theme-surface))!important;
  color:var(--theme-body)!important;
  border-color:var(--theme-border)!important;
}
body.app-authenticated[data-theme] .button.primary,
body.app-authenticated[data-theme] button.primary{
  background:var(--theme-accent)!important;
  border-color:var(--theme-accent)!important;
  color:var(--theme-on-accent)!important;
  -webkit-text-fill-color:var(--theme-on-accent)!important;
}
body.app-authenticated[data-theme] .button.secondary,
body.app-authenticated[data-theme] button.secondary{
  background:var(--theme-primary)!important;
  border-color:var(--theme-primary)!important;
  color:var(--theme-on-primary)!important;
  -webkit-text-fill-color:var(--theme-on-primary)!important;
}
body.app-authenticated[data-theme] .button:not(.primary):not(.secondary):not(.danger){
  background:var(--theme-surface)!important;
  border-color:var(--theme-border)!important;
  color:var(--theme-heading)!important;
  -webkit-text-fill-color:var(--theme-heading)!important;
}
body.app-authenticated[data-theme] .button:disabled{
  background:var(--theme-disabled-bg)!important;
  border-color:var(--theme-border)!important;
  color:var(--theme-disabled-text)!important;
  -webkit-text-fill-color:var(--theme-disabled-text)!important;
}
body.app-authenticated[data-theme] .button:focus-visible{outline:3px solid var(--theme-focus)!important;outline-offset:3px}

body.app-authenticated[data-theme] table{color:var(--theme-body)!important;background:var(--theme-surface)!important}
body.app-authenticated[data-theme] th{
  background:color-mix(in srgb,var(--theme-primary) 8%,var(--theme-surface))!important;
  color:var(--theme-heading)!important;
  border-bottom-color:var(--theme-border)!important;
}
body.app-authenticated[data-theme] td{color:var(--theme-body)!important;border-bottom-color:var(--theme-border)!important}
body.app-authenticated[data-theme] :is(code,pre){
  background:color-mix(in srgb,var(--theme-secondary) 8%,var(--theme-surface))!important;
  color:var(--theme-heading)!important;
  border-color:var(--theme-border)!important;
}
body.app-authenticated[data-theme] details{border-color:var(--theme-border)!important}
body.app-authenticated[data-theme] summary{color:var(--theme-heading)!important}
body.app-authenticated[data-theme] :is(.alert.notice,.notice){
  background:color-mix(in srgb,var(--theme-primary) 9%,var(--theme-surface))!important;
  border:1px solid color-mix(in srgb,var(--theme-primary) 45%,var(--theme-border))!important;
  color:var(--theme-heading)!important;
}
body.app-authenticated[data-theme] :is(.alert.error,.toast.error){
  background:color-mix(in srgb,var(--theme-error) 10%,var(--theme-surface))!important;
  border-color:color-mix(in srgb,var(--theme-error) 55%,var(--theme-border))!important;
  color:var(--theme-error)!important;
}
body.app-authenticated[data-theme] .toast.success{
  background:color-mix(in srgb,var(--theme-success) 10%,var(--theme-surface))!important;
  border-color:color-mix(in srgb,var(--theme-success) 55%,var(--theme-border))!important;
  color:var(--theme-success)!important;
}
body.app-authenticated[data-theme] footer{
  background:var(--theme-secondary)!important;
  border-top-color:var(--theme-accent)!important;
  color:var(--theme-on-secondary)!important;
}
body.app-authenticated[data-theme] footer :is(strong,span){color:var(--theme-on-secondary)!important}

/* ---------------- Update Center contrast contract ---------------- */
body.app-authenticated[data-theme] .update-steps>div{
  background:var(--theme-surface)!important;
  color:var(--theme-heading)!important;
  border-color:var(--theme-border)!important;
}
body.app-authenticated[data-theme] .update-steps>div strong{
  background:var(--theme-accent)!important;
  color:var(--theme-on-accent)!important;
  -webkit-text-fill-color:var(--theme-on-accent)!important;
}
body.app-authenticated[data-theme] .update-steps>div span{color:var(--theme-heading)!important}
body.app-authenticated[data-theme] :is(.update-ready,.update-uploaded,.update-progress-panel){
  background:var(--theme-surface)!important;
  color:var(--theme-body)!important;
  border-color:var(--theme-border)!important;
}
body.app-authenticated[data-theme] :is(.update-ready,.update-uploaded,.update-progress-panel) :is(h1,h2,h3,strong,p,label,summary,dt,dd){
  color:var(--theme-heading)!important;
  -webkit-text-fill-color:currentColor!important;
}
body.app-authenticated[data-theme] :is(#update-message,#verification-message,#update-upload-status){color:var(--theme-body)!important}
body.app-authenticated[data-theme] .update-ready .notice{
  background:color-mix(in srgb,var(--theme-primary) 9%,var(--theme-surface))!important;
  color:var(--theme-heading)!important;
  border:1px solid color-mix(in srgb,var(--theme-primary) 40%,var(--theme-border))!important;
  padding:.8rem 1rem;
  border-radius:.7rem;
}
body.app-authenticated[data-theme] .update-stage-list li{
  background:var(--theme-surface)!important;
  color:var(--theme-body)!important;
  border-color:var(--theme-border)!important;
}
body.app-authenticated[data-theme] .update-stage-list li span{color:var(--theme-heading)!important}
body.app-authenticated[data-theme] .update-stage-list li small{color:var(--theme-muted)!important}
body.app-authenticated[data-theme] .update-stage-list .stage-completed{background:color-mix(in srgb,var(--theme-success) 10%,var(--theme-surface))!important}
body.app-authenticated[data-theme] .update-stage-list .stage-failed{background:color-mix(in srgb,var(--theme-error) 10%,var(--theme-surface))!important}
body.app-authenticated[data-theme] .update-stage-list .stage-rollback{background:color-mix(in srgb,var(--theme-warning) 10%,var(--theme-surface))!important}
body.app-authenticated[data-theme] .confirm-check{
  background:color-mix(in srgb,var(--theme-primary) 7%,var(--theme-surface))!important;
  color:var(--theme-body)!important;
  border:1px solid var(--theme-border)!important;
}
body.app-authenticated[data-theme] .progress-track{background:color-mix(in srgb,var(--theme-primary) 13%,var(--theme-surface))!important}
body.app-authenticated[data-theme] .progress-track>span{background:linear-gradient(90deg,var(--theme-primary),var(--theme-accent))!important}
body.app-authenticated[data-theme] .update-dialog{background:var(--theme-surface)!important;color:var(--theme-body)!important}
body.app-authenticated[data-theme] .update-dialog :is(h1,h2,h3,pre){color:var(--theme-heading)!important}
body.app-authenticated[data-theme] .dialog-close{color:var(--theme-heading)!important}
body.app-authenticated[data-theme] .status-pill.success{
  background:color-mix(in srgb,var(--theme-success) 14%,var(--theme-surface))!important;
  color:var(--theme-success)!important;
}
body.app-authenticated[data-theme] .status-pill.warning{
  background:color-mix(in srgb,var(--theme-warning) 15%,var(--theme-surface))!important;
  color:var(--theme-warning)!important;
}

/* ---------------- Payment, messages, W-2, and landing editor ---------------- */
body.app-authenticated[data-theme] :is(.payment-panel-body,.payment-provider-body){border-color:var(--theme-border)!important}
body.app-authenticated[data-theme] :is(.payment-form-note,.payment-provider-item){
  background:color-mix(in srgb,var(--theme-primary) 5%,var(--theme-surface))!important;
  color:var(--theme-body)!important;
}
body.app-authenticated[data-theme] :is(.payment-panel>summary:after,.payment-provider-item>summary:after,.provider-state){
  background:var(--theme-primary)!important;
  color:var(--theme-on-primary)!important;
}
body.app-authenticated[data-theme] .payment-toggle-label{color:var(--theme-muted)!important}
body.app-authenticated[data-theme] .payment-row-control>summary{color:var(--theme-link)!important}
body.app-authenticated[data-theme] .secure-message.internal-note{
  background:color-mix(in srgb,var(--theme-warning) 12%,var(--theme-surface))!important;
  border-color:color-mix(in srgb,var(--theme-warning) 50%,var(--theme-border))!important;
}
body.app-authenticated[data-theme] .w2-actions{
  background:color-mix(in srgb,var(--theme-surface) 94%,transparent)!important;
  border-top-color:var(--theme-border)!important;
}
body.app-authenticated[data-theme] .w2-summary-table div{
  background:var(--theme-surface)!important;
  color:var(--theme-body)!important;
  border-color:var(--theme-border)!important;
}
body.app-authenticated[data-theme] .landing-header-editor{scroll-margin-top:90px}
body.app-authenticated[data-theme] .landing-header-preview{
  display:grid;
  grid-template-columns:auto minmax(0,1fr);
  gap:.25rem .8rem;
  align-items:center;
  margin:1rem 0;
  padding:1rem;
  border:1px solid var(--theme-border);
  border-radius:.85rem;
  background:linear-gradient(100deg,var(--theme-secondary),var(--theme-primary));
  color:var(--theme-on-primary);
}
body.app-authenticated[data-theme] .landing-header-preview img{grid-row:1/3;width:54px;height:54px;object-fit:contain}
body.app-authenticated[data-theme] .landing-header-preview strong,
body.app-authenticated[data-theme] .landing-header-preview span{
  color:var(--theme-on-primary)!important;
  -webkit-text-fill-color:var(--theme-on-primary)!important;
}

/* Decorative animation remains public-only. */
body.internal-interface *,body.internal-interface *::before,body.internal-interface *::after{
  animation:none!important;
  transition:none!important;
  scroll-behavior:auto!important;
}
@media(prefers-reduced-motion:reduce){
  body.app-public[data-theme] *,body.app-public[data-theme] *::before,body.app-public[data-theme] *::after{
    animation:none!important;
    transition:none!important;
  }
}
