/* PoultryWinner visual layer (Build 101).
   Colour, depth and motion only. No layout or behaviour is changed here.
   Loaded after styles.css so it can refine it. */

:root {
  --lime: #b9f23a;
  --lime-2: #8fdc2c;
  --sun: #ffc83d;
  --forest-1: #052b19;
  --forest-2: #0a5a33;
  --forest-3: #0f8a4f;
  --shadow-1: 0 2px 10px rgba(8, 60, 34, .08);
  --shadow-2: 0 10px 30px rgba(8, 60, 34, .16);
  --ease: cubic-bezier(.2, .8, .2, 1);
  --page-wash: linear-gradient(180deg, #e6f5ec 0%, #f4f9f5 38%, #f7faf8 100%);
}
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) { --shadow-1: 0 2px 10px rgba(0,0,0,.35); --shadow-2: 0 10px 30px rgba(0,0,0,.5); --page-wash: linear-gradient(180deg, #0c2418 0%, #0b1d14 100%); }
}
html[data-theme="dark"] { --shadow-1: 0 2px 10px rgba(0,0,0,.35); --shadow-2: 0 10px 30px rgba(0,0,0,.5); --page-wash: linear-gradient(180deg, #0c2418 0%, #0b1d14 100%); }

@keyframes ps-up { from { opacity: 0; transform: translateY(14px); } to { opacity: 1; transform: none; } }
@keyframes ps-pop { from { opacity: 0; transform: scale(.92); } to { opacity: 1; transform: none; } }
@keyframes ps-float { 0%,100% { transform: translateY(0); } 50% { transform: translateY(-9px); } }
@keyframes ps-drift { 0%,100% { transform: translate(0,0) scale(1); } 50% { transform: translate(18px,-22px) scale(1.12); } }
@keyframes ps-pulse { 0% { box-shadow: 0 0 0 0 rgba(185,242,58,.55), 0 10px 26px rgba(11,107,58,.35); } 70% { box-shadow: 0 0 0 16px rgba(185,242,58,0), 0 10px 26px rgba(11,107,58,.35); } 100% { box-shadow: 0 0 0 0 rgba(185,242,58,0), 0 10px 26px rgba(11,107,58,.35); } }
@keyframes ps-shine { from { background-position: -200% 0; } to { background-position: 200% 0; } }

body { background: var(--page-wash) fixed; }
html, body { background-color: var(--bg); }

/* ===================== Onboarding / sign-in ===================== */
body:has(.ps-setup) {
  background: radial-gradient(900px 500px at 85% -10%, rgba(185,242,58,.22), transparent 60%),
              radial-gradient(700px 500px at -10% 30%, rgba(255,200,61,.16), transparent 60%),
              linear-gradient(165deg, var(--forest-1) 0%, #0a4a2a 45%, #0d6b3c 100%) fixed;
  color: #fff;
}
.ps-setup {
  position: relative; isolation: isolate; color: #fff;
  margin: 0 auto; padding: calc(1.2rem + env(safe-area-inset-top, 0px)) 1.25rem 2.5rem;
  min-height: 100vh; animation: ps-up .5s var(--ease) both;
}
.ps-setup::before, .ps-setup::after {
  content: ""; position: fixed; z-index: -1; border-radius: 50%; filter: blur(46px); pointer-events: none; animation: ps-drift 14s ease-in-out infinite;
}
.ps-setup::before { width: 260px; height: 260px; background: rgba(185,242,58,.28); top: 8%; right: -90px; }
.ps-setup::after { width: 300px; height: 300px; background: rgba(255,200,61,.22); bottom: 6%; left: -120px; animation-delay: -6s; }
.ps-setup h1 { color: #fff; font-size: 1.9rem; letter-spacing: -.02em; margin: .2rem 0 .4rem; }
.ps-setup h2, .ps-setup h3 { color: #fff; }
.ps-setup label { color: rgba(255,255,255,.92); font-weight: 700; }
.ps-setup .ps-muted, .ps-setup .ps-tight { color: rgba(255,255,255,.68); }
.ps-setup form input, .ps-setup form select, .ps-setup form textarea, .ps-setup input, .ps-setup select {
  background: rgba(255,255,255,.08); border: 1px solid rgba(255,255,255,.2); color: #fff; border-radius: 14px; transition: border-color .2s, box-shadow .2s, background .2s;
}
.ps-setup input::placeholder { color: rgba(255,255,255,.45); }
.ps-setup input:focus, .ps-setup select:focus { outline: none; border-color: var(--lime); box-shadow: 0 0 0 4px rgba(185,242,58,.2); background: rgba(255,255,255,.12); }
.ps-setup select option { color: #10281b; }
.ps-setup .ps-card { background: rgba(255,255,255,.07); border: 1px solid rgba(255,255,255,.16); backdrop-filter: blur(14px); -webkit-backdrop-filter: blur(14px); border-radius: 24px; box-shadow: 0 18px 50px rgba(0,0,0,.28); color: #fff; padding: 1.25rem; }
.ps-setup .ps-btn { border-radius: 16px; min-height: 52px; font-size: 1.02rem; transition: transform .15s var(--ease), box-shadow .2s, filter .2s; }
.ps-setup .ps-btn-primary { background: linear-gradient(135deg, var(--lime) 0%, var(--lime-2) 100%); color: #06240f; border: none; font-weight: 800; box-shadow: 0 10px 26px rgba(150,230,40,.35); }
.ps-setup .ps-btn-primary:active { transform: scale(.97); filter: brightness(.95); background: linear-gradient(135deg, var(--lime) 0%, var(--lime-2) 100%); }
.ps-setup .ps-btn-primary:disabled { opacity: .6; }
.ps-setup .ps-btn-secondary { background: rgba(255,255,255,.08); color: #fff; border: 1px solid rgba(255,255,255,.28); }
.ps-setup .ps-btn-secondary:active { transform: scale(.97); background: rgba(255,255,255,.16); }
.ps-setup .ps-back-btn, .ps-setup .ps-linkbtn, .ps-setup .ps-legal-link { color: var(--lime); }
.ps-setup .ps-error { color: #ffb4a8; }
.ps-setup .ps-lang-btn { background: rgba(255,255,255,.1); color: #fff; border: 1px solid rgba(255,255,255,.22); border-radius: 999px; padding: 8px 14px; }
.ps-setup .ps-lang-btn-active { background: var(--lime); color: #06240f; border-color: var(--lime); }
.ps-setup .ps-autocomplete-results { background: #0b2a19; border-color: rgba(255,255,255,.2); color: #fff; box-shadow: 0 14px 30px rgba(0,0,0,.4); }
.ps-setup .ps-autocomplete-row { color: #fff; }
.ps-setup .ps-autocomplete-row:active, .ps-setup .ps-autocomplete-row:hover { background: rgba(185,242,58,.18); }
.ps-setup form > label, .ps-setup form > div { animation: ps-up .5s var(--ease) both; }
.ps-setup form > *:nth-child(2) { animation-delay: .04s } .ps-setup form > *:nth-child(3) { animation-delay: .08s } .ps-setup form > *:nth-child(4) { animation-delay: .12s } .ps-setup form > *:nth-child(5) { animation-delay: .16s } .ps-setup form > *:nth-child(6) { animation-delay: .2s }
.ps-biometric-icon { width: 84px; height: 84px; font-size: 2.2rem; background: linear-gradient(135deg, rgba(185,242,58,.3), rgba(255,255,255,.08)); border: 1px solid rgba(255,255,255,.3); box-shadow: 0 0 40px rgba(185,242,58,.35); animation: ps-float 4.5s ease-in-out infinite; }
.ps-setup .ps-user-login, .ps-user-login { text-align: center; }
.ps-user-login form, .ps-user-login .ps-card { text-align: left; }
.ps-biometric-screen { text-align: center; padding-top: 16vh; }

/* welcome hero */
.ps-hero { text-align: center; padding: 1.2rem 0 .8rem; }
.ps-hero-logo { width: 116px; height: 116px; border-radius: 30px; box-shadow: 0 18px 44px rgba(0,0,0,.4), 0 0 0 4px rgba(255,255,255,.1); animation: ps-float 5s ease-in-out infinite; }
.ps-hero h1 { font-size: 2.1rem; margin-top: 1rem; color: var(--lime); text-shadow: 0 4px 24px rgba(185,242,58,.35); }
.ps-hero-tag { color: rgba(255,255,255,.8); margin: 0 auto; max-width: 300px; font-size: 1.02rem; }
.ps-chip-row { display: flex; flex-wrap: wrap; justify-content: center; gap: 8px; margin: 1rem 0 1.4rem; }
.ps-chip { background: rgba(255,255,255,.1); border: 1px solid rgba(255,255,255,.2); border-radius: 999px; padding: 6px 12px; font-size: .82rem; font-weight: 700; color: #fff; animation: ps-pop .5s var(--ease) both; }
.ps-chip:nth-child(2) { animation-delay: .1s } .ps-chip:nth-child(3) { animation-delay: .2s }

/* ===================== App shell ===================== */
.ps-top {
  background: linear-gradient(120deg, var(--forest-1) 0%, var(--forest-2) 55%, var(--forest-3) 100%);
  border-bottom: none; color: #fff; border-radius: 0 0 26px 26px; box-shadow: 0 8px 26px rgba(5,43,25,.3); padding-bottom: 16px;
}
.ps-brand { color: #fff; font-size: 1.3rem; letter-spacing: -.01em; }
.ps-top-sub { color: rgba(255,255,255,.78); }
.ps-bell-btn { background: rgba(255,255,255,.14); border: 1px solid rgba(255,255,255,.3); color: #fff; backdrop-filter: blur(6px); transition: transform .15s var(--ease); }
.ps-bell-btn:active { transform: scale(.9); background: rgba(255,255,255,.25); }
.ps-bell-badge { border-color: var(--forest-2); }
.ps-tab-content { padding-top: 1.1rem; }
.ps-tab-content > * { animation: ps-up .45s var(--ease) both; }
.ps-tab-content > *:nth-child(2) { animation-delay: .04s } .ps-tab-content > *:nth-child(3) { animation-delay: .08s } .ps-tab-content > *:nth-child(4) { animation-delay: .12s } .ps-tab-content > *:nth-child(5) { animation-delay: .16s } .ps-tab-content > *:nth-child(n+6) { animation-delay: .2s }
.ps-tab-content h2 { font-size: 1.45rem; letter-spacing: -.02em; color: var(--g); }
@media (prefers-color-scheme: dark) { :root:not([data-theme="light"]) .ps-tab-content h2 { color: #8ff0b2; } }
html[data-theme="dark"] .ps-tab-content h2 { color: #8ff0b2; }

/* bottom navigation: floating pill */
.ps-nav { margin: 0 10px calc(10px + env(safe-area-inset-bottom, 0px)); padding: 6px 4px; border: 1px solid var(--line); border-radius: 26px; background: color-mix(in srgb, var(--card) 88%, transparent); backdrop-filter: blur(14px); -webkit-backdrop-filter: blur(14px); box-shadow: var(--shadow-2); bottom: 8px; }
.ps-nav-btn { position: relative; border-radius: 20px; transition: color .2s, background .25s var(--ease), transform .15s var(--ease); }
.ps-nav-btn:active { transform: scale(.92); }
.ps-nav-btn-active { color: var(--g); background: linear-gradient(180deg, color-mix(in srgb, var(--lime) 38%, transparent), color-mix(in srgb, var(--g2) 12%, transparent)); }
.ps-nav-btn-active .ps-nav-icon { animation: ps-pop .35s var(--ease); transform: translateY(-1px) scale(1.12); }
.ps-fab { background: linear-gradient(135deg, var(--lime) 0%, var(--lime-2) 100%); color: #06240f; font-weight: 500; bottom: calc(5.4rem + env(safe-area-inset-bottom, 0px)); animation: ps-pulse 2.6s infinite; transition: transform .15s var(--ease); }
.ps-fab:active { transform: scale(.9) rotate(90deg); background: linear-gradient(135deg, var(--lime) 0%, var(--lime-2) 100%); }

/* ===================== Cards, tiles, rows ===================== */
.ps-card { border-radius: 20px; border-color: color-mix(in srgb, var(--line) 70%, transparent); box-shadow: var(--shadow-1); transition: box-shadow .2s, transform .2s var(--ease); }
.ps-card-success { background: linear-gradient(135deg, color-mix(in srgb, var(--lime) 30%, var(--card)), color-mix(in srgb, var(--g2) 10%, var(--card))); border-color: color-mix(in srgb, var(--g2) 35%, transparent); }
.ps-summary-stat { position: relative; overflow: hidden; border: none; border-radius: 20px; box-shadow: var(--shadow-1); padding: .85rem .9rem .85rem 1.1rem; background: var(--card); transition: transform .15s var(--ease); animation: ps-pop .45s var(--ease) both; }
.ps-summary-stat::before { content: ""; position: absolute; left: 0; top: 0; bottom: 0; width: 5px; background: var(--c, var(--g2)); }
.ps-summary-stat::after { content: ""; position: absolute; right: -24px; top: -24px; width: 80px; height: 80px; border-radius: 50%; background: var(--c, var(--g2)); opacity: .1; }
.ps-summary-stat strong { font-size: 1.6rem; letter-spacing: -.02em; color: var(--c, var(--g)); }
.ps-summary-row > *:nth-child(1) { --c: #0f8a4f; } .ps-summary-row > *:nth-child(2) { --c: #2a78d6; } .ps-summary-row > *:nth-child(3) { --c: #e34948; } .ps-summary-row > *:nth-child(4) { --c: #eb6834; } .ps-summary-row > *:nth-child(5) { --c: #d99a00; } .ps-summary-row > *:nth-child(6) { --c: #7c4dd6; }
.ps-summary-row > *:nth-child(2) { animation-delay: .05s } .ps-summary-row > *:nth-child(3) { animation-delay: .1s } .ps-summary-row > *:nth-child(4) { animation-delay: .15s } .ps-summary-row > *:nth-child(5) { animation-delay: .2s } .ps-summary-row > *:nth-child(6) { animation-delay: .25s }
.ps-summary-stat:active { transform: scale(.97); }
@media (prefers-color-scheme: dark) { :root:not([data-theme="light"]) .ps-summary-stat { background: #14301f; } }
html[data-theme="dark"] .ps-summary-stat { background: #14301f; }

/* module tiles: each module gets its own colour */
.ps-module-card { --mc: #0f8a4f; position: relative; overflow: hidden; border-radius: 22px; border: 1px solid color-mix(in srgb, var(--mc) 22%, var(--line)); background: linear-gradient(150deg, color-mix(in srgb, var(--mc) 16%, var(--card)) 0%, var(--card) 62%); box-shadow: var(--shadow-1); transition: transform .18s var(--ease), box-shadow .2s; animation: ps-pop .5s var(--ease) both; }
.ps-module-card::after { content: ""; position: absolute; right: -28px; bottom: -28px; width: 90px; height: 90px; border-radius: 50%; background: var(--mc); opacity: .13; }
.ps-module-card:active { transform: scale(.96); box-shadow: var(--shadow-2); background: linear-gradient(150deg, color-mix(in srgb, var(--mc) 24%, var(--card)) 0%, var(--card) 70%); }
.ps-module-card .ps-module-icon { width: 54px; height: 54px; border-radius: 17px; background: linear-gradient(135deg, color-mix(in srgb, var(--mc) 30%, #fff), color-mix(in srgb, var(--mc) 12%, #fff)); box-shadow: 0 6px 14px color-mix(in srgb, var(--mc) 30%, transparent); font-size: 1.8rem; margin-bottom: .55rem; }
.ps-module-title { color: var(--text); }
.ps-ops-module[data-key="feeding"] { --mc: #f59e0b; } .ps-ops-module[data-key="eggs_production"] { --mc: #fb7a24; } .ps-ops-module[data-key="inventory"] { --mc: #3b82f6; }
.ps-ops-module[data-key="health"] { --mc: #ef4466; } .ps-ops-module[data-key="weight_growth"] { --mc: #8b5cf6; } .ps-ops-module[data-key="sales_finance"] { --mc: #10b981; } .ps-ops-module[data-key="hatchery"] { --mc: #ec4899; }
.ps-module-grid > *:nth-child(2) { animation-delay: .05s } .ps-module-grid > *:nth-child(3) { animation-delay: .1s } .ps-module-grid > *:nth-child(4) { animation-delay: .15s } .ps-module-grid > *:nth-child(5) { animation-delay: .2s } .ps-module-grid > *:nth-child(n+6) { animation-delay: .25s }
@media (prefers-color-scheme: dark) { :root:not([data-theme="light"]) .ps-module-card .ps-module-icon { background: linear-gradient(135deg, color-mix(in srgb, var(--mc) 55%, #0b1d14), color-mix(in srgb, var(--mc) 25%, #0b1d14)); } }
html[data-theme="dark"] .ps-module-card .ps-module-icon { background: linear-gradient(135deg, color-mix(in srgb, var(--mc) 55%, #0b1d14), color-mix(in srgb, var(--mc) 25%, #0b1d14)); }

/* list rows (hubs, settings, notifications) */
.ps-list { border-radius: 20px; overflow: hidden; box-shadow: var(--shadow-1); border: 1px solid color-mix(in srgb, var(--line) 70%, transparent); background: var(--card); }
.ps-list-row { transition: background .2s, transform .15s var(--ease); }
.ps-menu-row { --rc: #0f8a4f; }
.ps-menu-row:active { background: color-mix(in srgb, var(--rc) 10%, var(--card)); transform: scale(.985); }
.ps-menu-row:nth-child(6n+1) { --rc: #0f8a4f; } .ps-menu-row:nth-child(6n+2) { --rc: #f59e0b; } .ps-menu-row:nth-child(6n+3) { --rc: #3b82f6; } .ps-menu-row:nth-child(6n+4) { --rc: #ef4466; } .ps-menu-row:nth-child(6n+5) { --rc: #8b5cf6; } .ps-menu-row:nth-child(6n) { --rc: #10b981; }
.ps-menu-row .ps-row-icon { width: 42px; height: 42px; border-radius: 14px; background: linear-gradient(135deg, color-mix(in srgb, var(--rc) 28%, #fff), color-mix(in srgb, var(--rc) 10%, #fff)); box-shadow: 0 4px 10px color-mix(in srgb, var(--rc) 25%, transparent); }
.ps-menu-row .ps-list-row-right { color: var(--rc); font-weight: 800; font-size: 1.2rem; }
@media (prefers-color-scheme: dark) { :root:not([data-theme="light"]) .ps-menu-row .ps-row-icon { background: linear-gradient(135deg, color-mix(in srgb, var(--rc) 50%, #0b1d14), color-mix(in srgb, var(--rc) 22%, #0b1d14)); } }
html[data-theme="dark"] .ps-menu-row .ps-row-icon { background: linear-gradient(135deg, color-mix(in srgb, var(--rc) 50%, #0b1d14), color-mix(in srgb, var(--rc) 22%, #0b1d14)); }
.ps-section-title, .ps-settings-group-title { letter-spacing: .08em; }

/* buttons & pills */
.ps-btn { border-radius: 14px; transition: transform .15s var(--ease), box-shadow .2s, background .2s; }
.ps-btn:active { transform: scale(.97); }
.ps-btn-primary { background: linear-gradient(135deg, var(--g2) 0%, var(--g) 100%); border: none; box-shadow: 0 8px 20px rgba(11,107,58,.28); }
.ps-btn-primary:active { background: linear-gradient(135deg, var(--g) 0%, #095430 100%); }
.ps-btn-secondary { border-color: color-mix(in srgb, var(--g2) 45%, transparent); }
.ps-filter-pill { transition: transform .15s var(--ease), background .2s; }
.ps-filter-pill:active { transform: scale(.94); }
.ps-filter-pill-active { background: linear-gradient(135deg, var(--g2), var(--g)); box-shadow: 0 6px 14px rgba(11,107,58,.3); border-color: transparent; }
.ps-tag { border-radius: 999px; font-weight: 700; }
input:focus, select:focus, textarea:focus { outline: none; border-color: var(--g2) !important; box-shadow: 0 0 0 4px color-mix(in srgb, var(--g2) 18%, transparent); }
.ps-search-box input { border-radius: 999px; padding-left: 16px; background: color-mix(in srgb, var(--card) 90%, var(--g2)); }
.ps-back-btn { font-weight: 800; transition: transform .15s var(--ease); }
.ps-back-btn:active { transform: translateX(-3px); }

/* modals */
.ps-modal { border-radius: 26px 26px 0 0; animation: ps-up .35s var(--ease) both; box-shadow: 0 -18px 50px rgba(0,0,0,.25); }

@media (prefers-reduced-motion: reduce) { *, *::before, *::after { animation: none !important; transition: none !important; } }

/* Specificity bump: styles.css has explicit html[data-theme] rules that would otherwise win. */
:root:root .ps-setup form input, :root:root .ps-setup form select, :root:root .ps-setup form textarea, :root:root .ps-setup input, :root:root .ps-setup select { background: rgba(255,255,255,.09); color: #fff; border-color: rgba(255,255,255,.22); }
:root:root .ps-setup .ps-card { background: rgba(255,255,255,.08); color: #fff; border-color: rgba(255,255,255,.18); }
:root:root .ps-setup .ps-btn-secondary { background: rgba(255,255,255,.09); color: #fff; border-color: rgba(255,255,255,.3); }
:root:root .ps-setup .ps-btn-primary { background: linear-gradient(135deg, var(--lime) 0%, var(--lime-2) 100%); color: #06240f; }
:root:root .ps-setup .ps-lang-btn { background: rgba(255,255,255,.12); color: #fff; }
:root:root .ps-setup .ps-lang-btn-active { background: var(--lime); color: #06240f; }
:root:root .ps-setup .ps-muted { color: rgba(255,255,255,.7); }
:root:root .ps-setup .ps-autocomplete-results { background: #0b2a19; color: #fff; }
:root:root .ps-module-card { background: linear-gradient(150deg, color-mix(in srgb, var(--mc) 16%, var(--card)) 0%, var(--card) 62%); }
:root:root .ps-module-card:active { background: linear-gradient(150deg, color-mix(in srgb, var(--mc) 26%, var(--card)) 0%, var(--card) 70%); }
:root:root .ps-module-card .ps-module-icon { background: linear-gradient(135deg, color-mix(in srgb, var(--mc) 32%, #fff), color-mix(in srgb, var(--mc) 12%, #fff)); }
:root:root .ps-menu-row .ps-row-icon { background: linear-gradient(135deg, color-mix(in srgb, var(--rc) 28%, #fff), color-mix(in srgb, var(--rc) 10%, #fff)); }
:root:root .ps-summary-stat { background: var(--card); }
:root:root .ps-card-success { background: linear-gradient(135deg, color-mix(in srgb, var(--lime) 30%, var(--card)), color-mix(in srgb, var(--g2) 10%, var(--card))); }
@media (prefers-color-scheme: dark) {
  :root:root:not([data-theme="light"]) .ps-module-card .ps-module-icon { background: linear-gradient(135deg, color-mix(in srgb, var(--mc) 55%, #0b1d14), color-mix(in srgb, var(--mc) 25%, #0b1d14)); }
  :root:root:not([data-theme="light"]) .ps-menu-row .ps-row-icon { background: linear-gradient(135deg, color-mix(in srgb, var(--rc) 50%, #0b1d14), color-mix(in srgb, var(--rc) 22%, #0b1d14)); }
}
html[data-theme="dark"]:root .ps-module-card .ps-module-icon { background: linear-gradient(135deg, color-mix(in srgb, var(--mc) 55%, #0b1d14), color-mix(in srgb, var(--mc) 25%, #0b1d14)); }
html[data-theme="dark"]:root .ps-menu-row .ps-row-icon { background: linear-gradient(135deg, color-mix(in srgb, var(--rc) 50%, #0b1d14), color-mix(in srgb, var(--rc) 22%, #0b1d14)); }

/* tables & selects */
select, .ps-report-period-select { border-radius: 12px; padding: 8px 12px; border: 1px solid color-mix(in srgb, var(--g2) 40%, var(--line)); background: var(--card); color: var(--text); font-weight: 700; }
table th { letter-spacing: .05em; }
.ps-table-wrap, .ps-flock-table-wrap { border-radius: 18px; box-shadow: var(--shadow-1); }
.ps-bulk-table th { background: linear-gradient(135deg, color-mix(in srgb, var(--g2) 22%, var(--card)), color-mix(in srgb, var(--lime) 22%, var(--card))); color: var(--text); }
.ps-recovery-code { background: linear-gradient(135deg, color-mix(in srgb, var(--lime) 30%, var(--card)), var(--card)); border-color: var(--g2); color: var(--g); }
.ps-modal-head h3 { color: var(--g); }
@media (prefers-color-scheme: dark) { :root:not([data-theme="light"]) .ps-summary-stat strong { color: color-mix(in srgb, var(--c) 55%, #fff); } }
html[data-theme="dark"] .ps-summary-stat strong { color: color-mix(in srgb, var(--c) 55%, #fff); }