/* B3 Dark on the Profile tab. Its cards are light ceramic in every theme, while Dark and Auto
   (on a dark phone) turn the words light, so titles, values and the back pill vanished and the
   chosen option looked like every other one. In Dark only, these surfaces take the dark material
   the rest of the dark app uses, and a chosen option takes the pale blue fill with dark ink, as
   chosen options do elsewhere. Light is untouched: every rule here needs data-theme="dark". */

:root[data-theme="dark"] body.pm-premium .pf-back,
:root[data-theme="dark"] body.pm-premium .pfdest:not(.quiet),
:root[data-theme="dark"] body.pm-premium .pfa-acct,
:root[data-theme="dark"] body.pm-premium .pfa-sec,
:root[data-theme="dark"] body.pm-premium .pfn-sec,
:root[data-theme="dark"] body.pm-premium .pfg-sec,
:root[data-theme="dark"] body.pm-premium .pf-tile,
:root[data-theme="dark"] body.pm-premium .pfb-hero,
:root[data-theme="dark"] body.pm-premium .pf-stage,
:root[data-theme="dark"] body.pm-premium #setup .msq-t,
:root[data-theme="dark"] body.pm-premium #pfSheet .pfs-card{
  background:linear-gradient(180deg,#202122 0%,#18191A 100%)!important;border-color:rgba(255,255,255,.08)!important;
  box-shadow:0 1px 0 rgba(255,255,255,.07) inset,0 0 0 1px rgba(255,255,255,.06) inset,0 12px 26px -14px rgba(0,0,0,.7)!important;color:var(--ink)}
:root[data-theme="dark"] body.pm-premium .pfdest.quiet{border-color:rgba(255,255,255,.14)}
:root[data-theme="dark"] body.pm-premium .pfr-c{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.14);box-shadow:none}
:root[data-theme="dark"] body.pm-premium .pfrow{border-bottom-color:rgba(255,255,255,.08)}
:root[data-theme="dark"] body.pm-premium .pf-tags b{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.14);box-shadow:none;color:var(--ink)}
:root[data-theme="dark"] body.pm-premium #setup .msq-t.today{box-shadow:0 0 0 2px #A7CFF2!important}
:root[data-theme="dark"] body.pm-premium #setup .ibtn i,:root[data-theme="dark"] body.pm-premium #pfSheet .ibtn i{background:rgba(255,255,255,.16);color:var(--ink)}
:root[data-theme="dark"] body.pm-premium #setup .nc-v,:root[data-theme="dark"] body.pm-premium #pfSheet .nc-v{background:rgba(255,255,255,.06)!important;border-color:rgba(255,255,255,.12)!important;box-shadow:none!important}
:root[data-theme="dark"] body.pm-premium #setup .nc-u,:root[data-theme="dark"] body.pm-premium #pfSheet .nc-u{color:var(--ink-2)}
:root[data-theme="dark"] body.pm-premium #pfSheet .pfs-done{color:var(--ink)!important}/* the account card: the logo keeps its own pale plate, the Sign in key takes the accent fill */

:root[data-theme="dark"] body.pm-premium .pfa-acct .pfa-go{background:linear-gradient(180deg,rgba(255,255,255,.3) 0%,rgba(255,255,255,0) 100%),#A7CFF2;color:#10161F;box-shadow:0 8px 16px -10px rgba(0,0,0,.8)}/* options: unchosen ones sit in a quiet well with light words; the chosen one is pale blue, dark ink */

:root[data-theme="dark"] body.pm-premium #setup .opt:not(.on):not(.sel){background:rgba(255,255,255,.06)!important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.12)!important;color:var(--ink)!important}
:root[data-theme="dark"] body.pm-premium #setup .opt.on,:root[data-theme="dark"] body.pm-premium #setup .opt.sel,
:root[data-theme="dark"] body.pm-premium .pfs-body .opt.on,:root[data-theme="dark"] body.pm-premium .pfs-body .opt.sel{
  background:linear-gradient(180deg,#DCEBF9 0%,#A7CFF2 100%)!important;color:#10161F!important;box-shadow:0 1px 0 rgba(255,255,255,.6) inset,0 10px 22px -12px rgba(0,0,0,.7)!important}
:root[data-theme="dark"] body.pm-premium #setup .opt.on *,:root[data-theme="dark"] body.pm-premium #setup .opt.sel *,
:root[data-theme="dark"] body.pm-premium .pfs-body .opt.on *,:root[data-theme="dark"] body.pm-premium .pfs-body .opt.sel *{color:#10161F!important}

/* Coach in Dark (and Auto on a dark phone): on phones the quick-action tiles and the composer sit in a
   fade that was always the light page colour, so the tiles' light words were on near-white. In Dark the
   fade is the dark page colour instead, keyboard-open band included. Desktop has no fade (unchanged). */
@media (max-width:899px){
  :root[data-theme="dark"] body.pm-premium #ask .chatdock{background:linear-gradient(180deg,rgba(13,14,15,0) 0%,rgba(13,14,15,.96) 38%)!important}
  html[data-theme="dark"].kb-open body.pm-premium #ask .chatdock{background:rgba(13,14,15,.97)!important}
  html[data-theme="dark"].coach-screen body.pm-premium #ask .chatdock{background:none!important}
}/* Start over's red was 3.5:1 on the dark key; in Dark it is a lighter red, 5.2:1 */

:root[data-theme="dark"] body.pm-premium #setup .pf-bad{color:#EF7070}/* the week-path tile's dots are black in Light (ink on light); in Dark they take the light ink, as the words do */

:root[data-theme="dark"] body.pm-premium #coachChips .ca-path svg circle{fill:var(--ink)}/* the composer keeps its pale field in Dark; its "Ask auxe" hint was 2.5:1 on it, now 4.7:1 */

:root[data-theme="dark"] body.pm-premium #ask #chatIn::placeholder{color:#4E5A6E!important}