/* The Cosmic Voice client PWA — public-brand palette bridge (v0.5.20)
   Presentation only. Structure stays in client-app.css.
   This file intentionally mirrors the public website tokens without importing
   public-site.css, so PWA and website remain visually consistent but technically isolated. */

[data-pwa-theme="brand"]{
  --pwa-ink:#191714;
  --pwa-text:#312d29;
  --pwa-muted:#716a62;
  --pwa-gold:#f4b84a;
  --pwa-gold-deep:#d89522;
  --pwa-ivory:#fffaf2;
  --pwa-sand:#f6eddf;
  --pwa-cream:#fbf5eb;
  --pwa-maroon:#6f3033;
  --pwa-green:#2f7154;
  --pwa-line:#e9dece;
  --pwa-white:#fff;
  --pwa-shadow:0 14px 36px rgba(42,32,20,.08);
}

/* Core app shell */
.ux-v518.pwa-native-ui[data-pwa-theme="brand"]{background:var(--pwa-ivory)!important;color:var(--pwa-text)!important}
.ux-v518.pwa-native-ui[data-pwa-theme="brand"] .consumer-v3-main{color:var(--pwa-text)}
.ux-v518.pwa-native-ui[data-pwa-theme="brand"] .consumer-mobile-head.v518-appbar{background:rgba(255,250,242,.96)!important;border-bottom-color:var(--pwa-line)!important}
.ux-v518.pwa-native-ui[data-pwa-theme="brand"] .v518-appbar-title strong{color:var(--pwa-ink)}
.ux-v518.pwa-native-ui[data-pwa-theme="brand"] .v518-appbar-title small{color:var(--pwa-muted)}
.ux-v518.pwa-native-ui[data-pwa-theme="brand"] .v518-appbar-icon{background:var(--pwa-sand)!important;color:#7d5518!important}
.ux-v518.pwa-native-ui[data-pwa-theme="brand"] .consumer-mobile-avatar{background:var(--pwa-ink)!important;color:var(--pwa-gold)!important}
.ux-v518.pwa-native-ui[data-pwa-theme="brand"] .consumer-mobile-bottom.v518-tabbar{background:rgba(255,250,242,.98)!important;border-top-color:var(--pwa-line)!important;box-shadow:0 -8px 24px rgba(42,32,20,.06)!important}
.ux-v518.pwa-native-ui[data-pwa-theme="brand"] .v518-tabbar>a,
.ux-v518.pwa-native-ui[data-pwa-theme="brand"] .v518-tabbar>button{color:#8a8178!important}
.ux-v518.pwa-native-ui[data-pwa-theme="brand"] .v518-tabbar .active,
.ux-v518.pwa-native-ui[data-pwa-theme="brand"] .v518-tabbar [aria-current="page"]{color:#8a5b18!important}
.ux-v518.pwa-native-ui[data-pwa-theme="brand"] .v518-tabbar .active i,
.ux-v518.pwa-native-ui[data-pwa-theme="brand"] .v518-tabbar [aria-current="page"] i{background:#ffe8b8!important;color:#7d5315!important}

/* Reusable surfaces, forms and actions */
.ux-v518.pwa-native-ui[data-pwa-theme="brand"] .consumer-card,
.ux-v518.pwa-native-ui[data-pwa-theme="brand"] .consumer-form,
.ux-v518.pwa-native-ui[data-pwa-theme="brand"] .surface{background:var(--pwa-white);border-color:var(--pwa-line);box-shadow:none}
.ux-v518.pwa-native-ui[data-pwa-theme="brand"] .btn-primary{background:var(--pwa-gold)!important;border-color:#e1a637!important;color:#23190d!important;box-shadow:0 7px 20px rgba(218,149,35,.14)!important}
.ux-v518.pwa-native-ui[data-pwa-theme="brand"] .btn-primary:hover{background:#ffc65d!important;border-color:#e6a93a!important}
.ux-v518.pwa-native-ui[data-pwa-theme="brand"] .btn-secondary,
.ux-v518.pwa-native-ui[data-pwa-theme="brand"] .btn-ghost{background:#fff!important;border-color:#d8cbbb!important;color:var(--pwa-ink)!important}
.ux-v518.pwa-native-ui[data-pwa-theme="brand"] a:not(.btn){text-decoration-color:rgba(216,149,34,.5)}
.ux-v518.pwa-native-ui[data-pwa-theme="brand"] input:focus,
.ux-v518.pwa-native-ui[data-pwa-theme="brand"] select:focus,
.ux-v518.pwa-native-ui[data-pwa-theme="brand"] textarea:focus{border-color:var(--pwa-gold-deep)!important;box-shadow:0 0 0 3px rgba(244,184,74,.14)!important;outline:0}

/* Native headings / allowance */
.ux-v518.pwa-native-ui[data-pwa-theme="brand"] .v518-native-title h1{color:var(--pwa-ink)!important}
.ux-v518.pwa-native-ui[data-pwa-theme="brand"] .v518-native-title p{color:var(--pwa-muted)!important}
.ux-v518.pwa-native-ui[data-pwa-theme="brand"] .consumer-kicker{color:#8b5c18!important}
.ux-v518.pwa-native-ui[data-pwa-theme="brand"] .v518-allowance-pill{background:var(--pwa-sand)!important;color:#825715!important}
.ux-v518.pwa-native-ui[data-pwa-theme="brand"] .v518-allowance-pill small{color:#8a7556!important}

/* Home dashboard */
.ux-v518.pwa-native-ui[data-pwa-theme="brand"] .v518-home-greeting span{color:#98661b!important}
.ux-v518.pwa-native-ui[data-pwa-theme="brand"] .v518-home-greeting h1{color:var(--pwa-ink)!important}
.ux-v518.pwa-native-ui[data-pwa-theme="brand"] .v518-home-greeting>button{background:#f2dfb6!important;color:#6d490f!important}
.ux-v518.pwa-native-ui[data-pwa-theme="brand"] .v518-kundli-summary,
.ux-v518.pwa-native-ui[data-pwa-theme="brand"] .v518-kundli-hero{background:linear-gradient(140deg,#191714,#302920 66%,#6f3033)!important;box-shadow:0 16px 34px rgba(42,32,20,.15)!important}
.ux-v518.pwa-native-ui[data-pwa-theme="brand"] .v518-kundli-head span,
.ux-v518.pwa-native-ui[data-pwa-theme="brand"] .v518-summary-action,
.ux-v518.pwa-native-ui[data-pwa-theme="brand"] .v518-kundli-mark{color:var(--pwa-gold)!important}
.ux-v518.pwa-native-ui[data-pwa-theme="brand"] .v518-quick-grid>a,
.ux-v518.pwa-native-ui[data-pwa-theme="brand"] .v518-today-grid>a,
.ux-v518.pwa-native-ui[data-pwa-theme="brand"] .v518-activity-list,
.ux-v518.pwa-native-ui[data-pwa-theme="brand"] .v518-ask-card{border-color:var(--pwa-line)!important;color:var(--pwa-text)!important;background:#fff!important}
.ux-v518.pwa-native-ui[data-pwa-theme="brand"] .v518-quick-grid i,
.ux-v518.pwa-native-ui[data-pwa-theme="brand"] .v518-activity-list i{background:var(--pwa-sand)!important;color:#8a5b18!important}
.ux-v518.pwa-native-ui[data-pwa-theme="brand"] .v518-ask-card>span{background:var(--pwa-ink)!important;color:var(--pwa-gold)!important}
.ux-v518.pwa-native-ui[data-pwa-theme="brand"] .v518-home-section>header span{color:#8d8176!important}
.ux-v518.pwa-native-ui[data-pwa-theme="brand"] .v518-home-section>header a{color:#8a5b18!important}

/* Ask */
.ux-v518.pwa-native-ui[data-pwa-theme="brand"] .v518-ask-settings{border-color:var(--pwa-line)!important;background:#fffcf7!important}
.ux-v518.pwa-native-ui[data-pwa-theme="brand"] .v518-ask-settings summary{color:var(--pwa-ink)!important}
.ux-v518.pwa-native-ui[data-pwa-theme="brand"] .v518-question-chip-wrap>span{color:#8d8176!important}
.ux-v518.pwa-native-ui[data-pwa-theme="brand"] .v518-question-chips button{border-color:#e8dac5!important;color:#65491e!important;background:#fff!important}
.ux-v518.pwa-native-ui[data-pwa-theme="brand"] .v518-question-chips button:focus,
.ux-v518.pwa-native-ui[data-pwa-theme="brand"] .v518-question-chips button:hover{background:#fff6e5!important;border-color:#e3bd79!important}
.ux-v518.pwa-native-ui[data-pwa-theme="brand"] .v518-allowance-empty,
.ux-v518.pwa-native-ui[data-pwa-theme="brand"] .v518-ask-history>header a{color:#8a5b18!important}

/* More / settings */
.ux-v518.pwa-native-ui[data-pwa-theme="brand"] .v518-more-screen{background:var(--pwa-ivory)!important}
.ux-v518.pwa-native-ui[data-pwa-theme="brand"] .v518-more-header{background:rgba(255,250,242,.97)!important;border-bottom-color:var(--pwa-line)!important}
.ux-v518.pwa-native-ui[data-pwa-theme="brand"] .v516-mobile-menu-sheet>section.v518-more-group a{background:#fff!important;border-color:var(--pwa-line)!important;color:var(--pwa-text)!important}
.ux-v518.pwa-native-ui[data-pwa-theme="brand"] .v518-settings-card{border-color:var(--pwa-line)!important;background:#fff!important}

/* Report reader / error state */
.ux-v518.pwa-native-ui[data-pwa-theme="brand"] .v450-report-nav{border-color:var(--pwa-line)!important;background:rgba(255,250,242,.96)!important}
.ux-v518.pwa-native-ui[data-pwa-theme="brand"] .pwa-report-toc-toggle{color:var(--pwa-ink)!important}
.ux-v518.pwa-native-ui[data-pwa-theme="brand"] .pwa-report-toc-toggle small{color:var(--pwa-muted)!important}
.ux-v518.pwa-native-ui[data-pwa-theme="brand"] .pwa-report-toc-toggle b{color:#8a5b18!important}
.ux-v518.pwa-native-ui[data-pwa-theme="brand"] .pwa-toc-panel{background:var(--pwa-ivory)!important}
.ux-v518.pwa-native-ui[data-pwa-theme="brand"] .pwa-toc-panel>header{background:var(--pwa-ivory)!important;border-bottom-color:var(--pwa-line)!important}
.ux-v518.pwa-native-ui[data-pwa-theme="brand"] .pwa-toc-links a{color:var(--pwa-text)!important;border-bottom-color:#eee4d6!important}
.ux-v518.pwa-native-ui[data-pwa-theme="brand"] .pwa-toc-links a span:first-child{background:var(--pwa-sand)!important;color:#865a18!important}
.ux-v518.pwa-native-ui[data-pwa-theme="brand"] .pwa-client-error-card{border-color:var(--pwa-line)!important;box-shadow:var(--pwa-shadow)!important}
.ux-v518.pwa-native-ui[data-pwa-theme="brand"] .pwa-client-error-icon{background:var(--pwa-sand)!important;color:#865a18!important}
.ux-v518.pwa-native-ui[data-pwa-theme="brand"] .pwa-client-error-card h1,
.ux-v518.pwa-native-ui[data-pwa-theme="brand"] .pwa-client-error-card h2{color:var(--pwa-ink)!important}
.ux-v518.pwa-native-ui[data-pwa-theme="brand"] .pwa-client-error-card p{color:var(--pwa-muted)!important}

/* Compatibility workspace */
.ux-v518.pwa-native-ui[data-pwa-theme="brand"] .v0520-match-head{background:linear-gradient(135deg,#191714,#302920 70%,#6f3033 145%)!important}
.ux-v518.pwa-native-ui[data-pwa-theme="brand"] .v0520-score-ring{--ring-accent:#f4b84a}
.ux-v518.pwa-native-ui[data-pwa-theme="brand"] .v0520-heart-mark,
.ux-v518.pwa-native-ui[data-pwa-theme="brand"] .v0520-score-copy .consumer-kicker{color:var(--pwa-gold-deep)!important}

/* Installed/compact sign-in */
.ux-v518-auth[data-pwa-theme="brand"] .v518-login-shell{background:var(--pwa-ivory)!important}
.ux-v518-auth[data-pwa-theme="brand"] .v518-login-card{border:1px solid var(--pwa-line)!important;background:#fff!important;box-shadow:var(--pwa-shadow)!important}
.ux-v518-auth[data-pwa-theme="brand"] .v518-login-brand strong,
.ux-v518-auth[data-pwa-theme="brand"] .login-card-head h2{color:var(--pwa-ink)!important}
.ux-v518-auth[data-pwa-theme="brand"] .v518-login-brand small,
.ux-v518-auth[data-pwa-theme="brand"] .login-card-head p,
.ux-v518-auth[data-pwa-theme="brand"] .v518-login-trust{color:var(--pwa-muted)!important}
.ux-v518-auth[data-pwa-theme="brand"] .btn-primary{background:var(--pwa-gold)!important;border-color:#e1a637!important;color:#23190d!important}
.ux-v518-auth[data-pwa-theme="brand"] input:focus{border-color:var(--pwa-gold-deep)!important;box-shadow:0 0 0 3px rgba(244,184,74,.14)!important}
.ux-v518-auth[data-pwa-theme="brand"] a{color:#865a18!important}

/* Compatibility detail surfaces inherit shared desktop colours; recolour only in PWA brand mode. */
.ux-v518.pwa-native-ui[data-pwa-theme="brand"] .v0520-score-card{border-color:var(--pwa-line)!important;background:linear-gradient(135deg,#fff,#fffaf2 68%,#f6eddf)!important}
.ux-v518.pwa-native-ui[data-pwa-theme="brand"] .v0520-score-ring{background:conic-gradient(var(--pwa-gold) calc(var(--score)*1%),#eee2cf 0)!important}
.ux-v518.pwa-native-ui[data-pwa-theme="brand"] .v0520-score-ring strong{color:#865a18!important}
.ux-v518.pwa-native-ui[data-pwa-theme="brand"] .v0520-score-copy>small{background:var(--pwa-sand)!important;color:#74531f!important}
.ux-v518.pwa-native-ui[data-pwa-theme="brand"] .v0520-pair-summary article,
.ux-v518.pwa-native-ui[data-pwa-theme="brand"] .v0520-saved-match,
.ux-v518.pwa-native-ui[data-pwa-theme="brand"] .v0520-temp-match,
.ux-v518.pwa-native-ui[data-pwa-theme="brand"] .match-section{border-color:var(--pwa-line)!important;background:#fff!important}
.ux-v518.pwa-native-ui[data-pwa-theme="brand"] .v0520-pair-summary dl>div,
.ux-v518.pwa-native-ui[data-pwa-theme="brand"] .koota-card{background:#fffcf7!important;border-color:#eadfce!important}
.ux-v518.pwa-native-ui[data-pwa-theme="brand"] .koota-card strong,
.ux-v518.pwa-native-ui[data-pwa-theme="brand"] .section-heading-split h2{color:var(--pwa-ink)!important}

/* Custom palette mode remains configurable without leaking theme rules into shared app.css. */
.ux-v518.pwa-native-ui[data-pwa-theme="custom"]{background:var(--pwa-bg-color)!important}
.ux-v518.pwa-native-ui[data-pwa-theme="custom"] .consumer-mobile-head.v518-appbar{background:color-mix(in srgb,var(--pwa-bg-color) 94%,white)!important}
.ux-v518.pwa-native-ui[data-pwa-theme="custom"] .consumer-mobile-avatar,
.ux-v518.pwa-native-ui[data-pwa-theme="custom"] .v518-account-avatar{background:var(--pwa-theme-color)!important;color:var(--pwa-custom-accent-text)!important}
.ux-v518.pwa-native-ui[data-pwa-theme="custom"] .btn-primary{background:var(--pwa-theme-color)!important;border-color:var(--pwa-theme-color)!important;color:var(--pwa-custom-accent-text)!important}
.ux-v518.pwa-native-ui[data-pwa-theme="custom"] .v518-tabbar .active,
.ux-v518.pwa-native-ui[data-pwa-theme="custom"] .v518-tabbar [aria-current="page"],
.ux-v518.pwa-native-ui[data-pwa-theme="custom"] .v518-home-section>header a{color:var(--pwa-theme-color)!important}
.ux-v518.pwa-native-ui[data-pwa-theme="custom"] input:focus,
.ux-v518.pwa-native-ui[data-pwa-theme="custom"] select:focus,
.ux-v518.pwa-native-ui[data-pwa-theme="custom"] textarea:focus{border-color:var(--pwa-theme-color)!important;box-shadow:0 0 0 3px color-mix(in srgb,var(--pwa-theme-color) 18%,transparent)!important}
.ux-v518-auth[data-pwa-theme="custom"] .v518-login-shell{background:var(--pwa-bg-color)!important}.ux-v518-auth[data-pwa-theme="custom"] .btn-primary{background:var(--pwa-theme-color)!important;border-color:var(--pwa-theme-color)!important;color:var(--pwa-custom-accent-text)!important}