/* LifeTracker 1.2.24 — one accessible percentage scale everywhere. */
:root{
  --percent-neutral:#737970;
  --percent-terracotta:#b66a54;
  --percent-amber:#c08a3e;
  --percent-sage:#6f9278;
  --percent-green:#47745a;
  --percent-emerald:#3f7658;
}

.neutral{--percent-color:var(--percent-neutral);--progress-color:var(--percent-neutral);--percent-soft:#eef0ed}
.terracotta{--percent-color:var(--percent-terracotta);--progress-color:var(--percent-terracotta);--percent-soft:#f6e9e4}
.amber{--percent-color:var(--percent-amber);--progress-color:var(--percent-amber);--percent-soft:#f7edda}
.sage{--percent-color:var(--percent-sage);--progress-color:var(--percent-sage);--percent-soft:#e8f0e9}
.green{--percent-color:var(--percent-green);--progress-color:var(--percent-green);--percent-soft:#e3ede6}
.emerald{--percent-color:var(--percent-emerald);--progress-color:var(--percent-emerald);--percent-soft:#deeee4}

/* Numbers carry the signal; the rest of each card stays calm. */
:where(.mini-kpi,.stats-kpi,.week-day,.month-plan,.weak-v419-card,.stats-task-card-v484,.focus-v419-item,.goal-v421-card,.goal-v422-card).neutral,
:where(.mini-kpi,.stats-kpi,.week-day,.month-plan,.weak-v419-card,.stats-task-card-v484,.focus-v419-item,.goal-v421-card,.goal-v422-card).terracotta,
:where(.mini-kpi,.stats-kpi,.week-day,.month-plan,.weak-v419-card,.stats-task-card-v484,.focus-v419-item,.goal-v421-card,.goal-v422-card).amber,
:where(.mini-kpi,.stats-kpi,.week-day,.month-plan,.weak-v419-card,.stats-task-card-v484,.focus-v419-item,.goal-v421-card,.goal-v422-card).sage,
:where(.mini-kpi,.stats-kpi,.week-day,.month-plan,.weak-v419-card,.stats-task-card-v484,.focus-v419-item,.goal-v421-card,.goal-v422-card).green,
:where(.mini-kpi,.stats-kpi,.week-day,.month-plan,.weak-v419-card,.stats-task-card-v484,.focus-v419-item,.goal-v421-card,.goal-v422-card).emerald{
  border-color:color-mix(in srgb,var(--percent-color) 25%,var(--premium-line,var(--line)))!important;
}
:where(.mini-kpi,.stats-kpi,.month-plan,.weak-v419-card,.stats-task-card-v484).neutral,
:where(.mini-kpi,.stats-kpi,.month-plan,.weak-v419-card,.stats-task-card-v484).terracotta,
:where(.mini-kpi,.stats-kpi,.month-plan,.weak-v419-card,.stats-task-card-v484).amber,
:where(.mini-kpi,.stats-kpi,.month-plan,.weak-v419-card,.stats-task-card-v484).sage,
:where(.mini-kpi,.stats-kpi,.month-plan,.weak-v419-card,.stats-task-card-v484).green,
:where(.mini-kpi,.stats-kpi,.month-plan,.weak-v419-card,.stats-task-card-v484).emerald{
  background:linear-gradient(135deg,var(--percent-soft),var(--premium-surface,#fffdf8) 68%)!important;
}

.mini-kpi:is(.neutral,.terracotta,.amber,.sage,.green,.emerald)>b,
.stats-kpi:is(.neutral,.terracotta,.amber,.sage,.green,.emerald)>b,
.month-plan:is(.neutral,.terracotta,.amber,.sage,.green,.emerald)>div>b,
.weak-v419-card:is(.neutral,.terracotta,.amber,.sage,.green,.emerald)>strong,
.stats-task-card-v484:is(.neutral,.terracotta,.amber,.sage,.green,.emerald) strong,
.goal-v421-card:is(.neutral,.terracotta,.amber,.sage,.green,.emerald) .goal-v421-head-percent>b,
.goal-v421-card:is(.neutral,.terracotta,.amber,.sage,.green,.emerald) .goal-v421-progress-title>b{
  color:var(--percent-color)!important;
}

.progress-line:is(.neutral,.terracotta,.amber,.sage,.green,.emerald),
:is(.neutral,.terracotta,.amber,.sage,.green,.emerald) .progress-line,
:is(.neutral,.terracotta,.amber,.sage,.green,.emerald) .percent-line,
:is(.neutral,.terracotta,.amber,.sage,.green,.emerald) .goal-percent-line{
  background:color-mix(in srgb,var(--percent-color) 14%,var(--premium-bg-deep,#e9dfce))!important;
}
.progress-line:is(.neutral,.terracotta,.amber,.sage,.green,.emerald)>i,
:is(.neutral,.terracotta,.amber,.sage,.green,.emerald) .progress-line>i,
:is(.neutral,.terracotta,.amber,.sage,.green,.emerald) .percent-line>i,
:is(.neutral,.terracotta,.amber,.sage,.green,.emerald) .goal-percent-line>i{
  background:var(--percent-color)!important;
}

.ring:is(.neutral,.terracotta,.amber,.sage,.green,.emerald),
:is(.neutral,.terracotta,.amber,.sage,.green,.emerald) .ring,
.goal-v421-card:is(.neutral,.terracotta,.amber,.sage,.green,.emerald) .goal-percent-colored,
.goal-v422-card:is(.neutral,.terracotta,.amber,.sage,.green,.emerald) .goal-percent-colored,
.goals-v420-focus .goal-percent-colored{
  background:conic-gradient(var(--goal-percent-color,var(--percent-color)) calc(var(--p)*1%),var(--premium-bg-deep,#e9dfce) 0)!important;
}
.goal-v421-card .goal-percent-line>i,.goal-v422-card .goal-percent-line>i{
  background:var(--percent-color)!important;
}
.goal-v421-card .goal-v421-head-percent>b,.goal-v422-card .goal-v421-head-percent>b,
.goal-v421-card .goal-v421-progress-title>b,.goal-v422-card .goal-v421-progress-title>b{
  color:var(--percent-color)!important;
}

/* Compact pills never use red for an untouched day. */
.pill.neutral{background:#eef0ed!important;color:#59605a!important}
.pill.terracotta{background:#f6e9e4!important;color:#8d4d3c!important}
.pill.amber{background:#f7edda!important;color:#835d25!important}
.pill.sage{background:#e8f0e9!important;color:#4e6d56!important}
.pill.green{background:#e3ede6!important;color:#315a43!important}
.pill.emerald{background:#deeee4!important;color:#215a3b!important}

/* Heatmap follows the same six semantic steps. */
.heat-cell.lv0{background:#eceeea!important;color:#666d67!important}
.heat-cell.lv1{background:#efd8d0!important;color:#814635!important}
.heat-cell.lv2{background:#ecd6ad!important;color:#78541e!important}
.heat-cell.lv3{background:#cbdccb!important;color:#405f48!important}
.heat-cell.lv4{background:#82a28a!important;color:#172b1e!important}
.heat-cell.lv5{background:#3f7658!important;color:#fff!important}

/* Percentage badges need readable foregrounds at every step. */
:is(.focus-v419-score,.focus-v419-num){background:var(--percent-color)!important}
.terracotta :is(.focus-v419-score,.focus-v419-num),
.green :is(.focus-v419-score,.focus-v419-num),
.emerald :is(.focus-v419-score,.focus-v419-num),
.neutral :is(.focus-v419-score,.focus-v419-num){color:#fff!important}
.amber :is(.focus-v419-score,.focus-v419-num),
.sage :is(.focus-v419-score,.focus-v419-num){color:#17231b!important}

body[data-lt-theme="dark"]{
  --percent-neutral:#9ba29c;
  --percent-terracotta:#d28770;
  --percent-amber:#d6a454;
  --percent-sage:#8cad94;
  --percent-green:#65a07a;
  --percent-emerald:#5d9c75;
}
body[data-lt-theme="dark"] .neutral{--percent-soft:#272d29}
body[data-lt-theme="dark"] .terracotta{--percent-soft:#352923}
body[data-lt-theme="dark"] .amber{--percent-soft:#352f22}
body[data-lt-theme="dark"] .sage{--percent-soft:#273329}
body[data-lt-theme="dark"] .green{--percent-soft:#223328}
body[data-lt-theme="dark"] .emerald{--percent-soft:#1e3528}