/**
 * PetFlower cabinet light theme (moodboard cream).
 * Applied via html[data-theme="light"] (also sets data-pf-skin="lite" for ambient JS).
 */
html[data-theme="light"] {
  --soil-g1: rgba(159, 175, 100, 0.22) !important;
  --soil-g2: rgba(255, 210, 131, 0.18) !important;
  --soil-g3: rgba(254, 163, 101, 0.12) !important;
  --soil-grad-mid: #FFF8EA !important;
  --soil-grad-deep: #F6EDD4 !important;
  --soil-wash: rgba(159, 175, 100, 0.1) !important;

  --bg-deep: #F6EDD4;
  --bg: #FFF8EA;
  --border: rgba(47, 42, 34, 0.12);
  --border-glow: rgba(111, 128, 64, 0.35);
  --text: #2F2A22;
  --muted: #5C564C;
  --accent: #6F8040;
  --accent-deep: #55622E;
  --peach: #FFD283;
  --ember: #FEA365;
  --cream: #FFF8EA;
  --sand: #FCECC3;
  --ink: #2F2A22;
  --ink-lift: #3A342C;
  --ink-deep: #241F19;

  --shadow: 0 10px 28px rgba(47, 42, 34, 0.08);
  --shadow-lg: 0 22px 48px rgba(47, 42, 34, 0.12);
  --glass-surface-bg: linear-gradient(165deg, rgba(255, 248, 234, 0.92), rgba(252, 236, 195, 0.88));
  --glass-card-bg: #fff;
  --glass-modal-bg: #fff;
  --glass-surface-shadow: 0 12px 32px rgba(47, 42, 34, 0.08), inset 0 1px 0 rgba(255, 255, 255, 0.7);
  --glass-card-shadow: 0 14px 36px rgba(47, 42, 34, 0.09), inset 0 1px 0 rgba(255, 255, 255, 0.8);
  --glass-modal-shadow: 0 28px 56px rgba(47, 42, 34, 0.16);
  --input-bg: rgba(255, 255, 255, 0.88);
  --input-bg-hover: #fff;
  --nav-bg: rgba(255, 248, 234, 0.88);
  --nav-btn-bg: rgba(47, 42, 34, 0.04);
  color-scheme: light;
}

html[data-theme="light"] body,
html[data-theme="light"] body.pf-mode-lk {
  color: var(--text);
  background-color: var(--soil-grad-deep) !important;
  background-image:
    radial-gradient(ellipse 90% 60% at 50% -20%, rgba(159, 175, 100, 0.28), transparent 55%),
    radial-gradient(ellipse 50% 40% at 100% 10%, rgba(255, 210, 131, 0.35), transparent 50%),
    radial-gradient(ellipse 45% 35% at 0% 70%, rgba(254, 163, 101, 0.18), transparent 45%),
    linear-gradient(180deg, #FFF8EA 0%, #F6EDD4 100%) !important;
}

html[data-theme="light"] #soil-tint-layer {
  opacity: 0.35;
  mix-blend-mode: multiply;
}

html[data-theme="light"] #pixel-leaf-canvas,
html[data-theme="light"] body.pf-mode-lk #pixel-leaf-canvas {
  opacity: 0.28 !important;
  mix-blend-mode: multiply !important;
}

/* ——— Banner ——— */
html[data-theme="light"] .pf-demo-banner {
  background: rgba(255, 248, 234, 0.92);
  color: var(--ink);
  border-bottom-color: rgba(47, 42, 34, 0.08);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
}
html[data-theme="light"] .pf-demo-banner span { opacity: 0.7; }

/* ——— Chrome (colors only — layout stays from app.html) ——— */
html[data-theme="light"] #app-main-title {
  filter: none;
  color: var(--ink);
}
html[data-theme="light"] #auth-subtitle.sub {
  color: var(--muted);
}
html[data-theme="light"] .panel {
  background: rgba(255, 255, 255, 0.72);
  border: 1px solid rgba(47, 42, 34, 0.08);
  box-shadow: var(--shadow);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
}

/* ——— Auth ——— */
html[data-theme="light"] #login-panel .auth-form-card {
  background: #fff;
  border: 1px solid rgba(47, 42, 34, 0.08);
  box-shadow: var(--shadow);
}
html[data-theme="light"] #login-panel .auth-form-card-title {
  color: var(--ink);
}
html[data-theme="light"] #login-panel label,
html[data-theme="light"] #login-panel .login-hint,
html[data-theme="light"] #login-panel .muted-note {
  color: var(--muted);
}
html[data-theme="light"] #login-panel input[type="text"],
html[data-theme="light"] #login-panel input[type="email"],
html[data-theme="light"] #login-panel input[type="password"] {
  background: #fff;
  color: var(--ink);
  border-color: rgba(47, 42, 34, 0.14);
}
html[data-theme="light"] .auth-tabs {
  background: rgba(47, 42, 34, 0.05);
  border-color: transparent;
}
html[data-theme="light"] .auth-tab {
  color: var(--muted);
}
html[data-theme="light"] .auth-tab.active {
  background: #fff;
  color: var(--ink);
  box-shadow: 0 2px 10px rgba(47, 42, 34, 0.08);
}
html[data-theme="light"] #auth-local-demo {
  background: rgba(159, 175, 100, 0.14);
  border-color: rgba(159, 175, 100, 0.35);
  color: var(--ink);
}
html[data-theme="light"] #auth-form-register .login-hint {
  color: var(--muted);
}

/* ——— LK home ——— */
html[data-theme="light"] .lk-title {
  color: var(--ink);
}
html[data-theme="light"] .lk-welcome {
  color: var(--muted);
}
html[data-theme="light"] .lk-card {
  background: #fff;
  border: 1px solid rgba(47, 42, 34, 0.08);
  box-shadow: 0 10px 28px rgba(47, 42, 34, 0.06);
}
html[data-theme="light"] .lk-card:hover {
  border-color: rgba(159, 175, 100, 0.45);
  box-shadow: 0 14px 32px rgba(47, 42, 34, 0.1);
}
html[data-theme="light"] .lk-card-name,
html[data-theme="light"] .lk-card-dev,
html[data-theme="light"] .lk-card-health-title {
  color: var(--ink);
}
html[data-theme="light"] .lk-card-dev,
html[data-theme="light"] .lk-card-health-title {
  color: var(--muted);
}
html[data-theme="light"] .lk-health-dial-face {
  background: linear-gradient(165deg, #FFF8EA, #FCECC3) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.8), 0 1px 4px rgba(47, 42, 34, 0.08) !important;
}
html[data-theme="light"] .lk-health-dial-score {
  color: var(--ink) !important;
}
html[data-theme="light"] .lk-health-dial-score .unit {
  color: rgba(47, 42, 34, 0.45) !important;
}
html[data-theme="light"] .lk-meta-chip--species {
  color: #2F2A22 !important;
  background: rgba(159, 175, 100, 0.28) !important;
  border-color: rgba(111, 128, 64, 0.4) !important;
}
html[data-theme="light"] .lk-meta-chip--soil {
  color: #6F8040 !important;
  background: rgba(159, 175, 100, 0.12) !important;
  border-color: rgba(159, 175, 100, 0.4) !important;
}
html[data-theme="light"] .lk-meta-chip--temp {
  color: #9a6b12 !important;
  background: rgba(255, 210, 131, 0.22) !important;
  border-color: rgba(254, 163, 101, 0.4) !important;
}
html[data-theme="light"] .lk-meta-chip--rh {
  color: #2a6f8a !important;
  background: rgba(125, 211, 252, 0.16) !important;
  border-color: rgba(56, 152, 190, 0.35) !important;
}
html[data-theme="light"] .lk-meta-chip--light {
  color: #8a4b1a !important;
  background: rgba(254, 163, 101, 0.16) !important;
  border-color: rgba(254, 163, 101, 0.4) !important;
}
html[data-theme="light"] .lk-batt-mini {
  background: rgba(252, 236, 195, 0.55) !important;
  border: 1px solid rgba(47, 42, 34, 0.08);
  box-shadow: none !important;
}
html[data-theme="light"] .lk-batt-mini-head {
  color: var(--muted);
}
html[data-theme="light"] .lk-batt-mini-head strong {
  color: var(--ink) !important;
}
html[data-theme="light"] .lk-batt-mini-track {
  background: rgba(47, 42, 34, 0.08);
  border-color: transparent;
}
html[data-theme="light"] .lk-batt-mini-fill {
  background: linear-gradient(90deg, #6F8040, #9FAF64) !important;
}
html[data-theme="light"] .btn.lk-card-btn-unlink {
  background: rgba(47, 42, 34, 0.04);
  color: var(--ink);
  border-color: rgba(47, 42, 34, 0.12);
}
html[data-theme="light"] .btn.lk-card-btn-unlink:hover {
  background: rgba(47, 42, 34, 0.08);
  color: var(--ink);
}

/* ——— Account / floropedia hub ——— */
html[data-theme="light"] #lk-account-panel,
html[data-theme="light"] #lk-floropedia-hub .lk-floropedia-hub-card,
html[data-theme="light"] .lk-floropedia-hub-card {
  background: #fff;
  border-color: rgba(47, 42, 34, 0.08);
  color: var(--ink);
}
html[data-theme="light"] .lk-logout-danger-btn {
  color: #b42318;
  border-color: rgba(180, 35, 24, 0.25);
  background: rgba(180, 35, 24, 0.06);
}

/* ——— Dashboard chrome ——— */
html[data-theme="light"] .dash-user-bar {
  background: rgba(255, 255, 255, 0.82);
  border: 1px solid rgba(47, 42, 34, 0.08);
  box-shadow: var(--shadow);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
}
html[data-theme="light"] .dash-user-bar .dash-user-text {
  color: var(--ink);
}
html[data-theme="light"] .dash-user-bar .dash-user-muted,
html[data-theme="light"] .dash-release-chip {
  color: var(--muted);
}
html[data-theme="light"] .btn.dash-user-bar-btn {
  background: rgba(47, 42, 34, 0.05);
  color: var(--ink);
  border-color: rgba(47, 42, 34, 0.12);
}
html[data-theme="light"] .btn.dash-user-bar-btn:hover {
  background: rgba(159, 175, 100, 0.2);
  color: var(--ink);
}
html[data-theme="light"] .pf-screen-back--sticky {
  background: linear-gradient(
    180deg,
    transparent 0%,
    color-mix(in srgb, var(--soil-grad-deep) 90%, transparent) 32%,
    var(--soil-grad-deep) 100%
  ) !important;
}
html[data-theme="light"] .pf-screen-back .lk-back-header-btn {
  background: rgba(255, 248, 234, 0.92) !important;
  color: var(--ink) !important;
  border-color: rgba(47, 42, 34, 0.14) !important;
}
html[data-theme="light"] .pf-screen-back .lk-back-header-btn:hover {
  background: #fff !important;
  border-color: rgba(47, 42, 34, 0.22) !important;
}
html[data-theme="light"] .dash-greet,
html[data-theme="light"] .dash-todo {
  background: #fff;
  border: 1px solid rgba(47, 42, 34, 0.08);
  color: var(--ink);
}
html[data-theme="light"] .dash-batt-live-pct,
html[data-theme="light"] .dash-batt-live-label {
  color: var(--ink);
}
html[data-theme="light"] .dash-batt-live-fill {
  background: linear-gradient(90deg, #6F8040, #9FAF64) !important;
}

/* ——— Nav (colors only) ——— */
html[data-theme="light"] .dash-nav-wrap {
  background: rgba(255, 255, 255, 0.86);
  border-color: rgba(47, 42, 34, 0.08);
  box-shadow: var(--shadow);
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
}
html[data-theme="light"] .dash-nav-heading {
  color: var(--muted);
}
html[data-theme="light"] .dash-nav-btn {
  background: transparent;
  color: var(--muted);
  border-color: transparent;
}
html[data-theme="light"] .dash-nav-btn:hover,
html[data-theme="light"] .dash-nav button:hover,
html[data-theme="light"] .seg button:hover,
html[data-theme="light"] button.seg-btn:hover {
  color: var(--ink) !important;
  background: rgba(159, 175, 100, 0.18) !important;
  border-color: transparent !important;
  box-shadow: none;
}
html[data-theme="light"] .dash-nav-btn.active,
html[data-theme="light"] .dash-nav-btn.active:hover,
html[data-theme="light"] .seg button.on,
html[data-theme="light"] .dash-nav button.on,
html[data-theme="light"] button.seg-btn.on {
  color: var(--ink) !important;
  background: rgba(159, 175, 100, 0.32) !important;
  border-color: rgba(159, 175, 100, 0.45) !important;
  box-shadow: none !important;
}
html[data-theme="light"] .dash-nav button,
html[data-theme="light"] .seg button,
html[data-theme="light"] button.seg-btn {
  color: var(--muted) !important;
  border-color: rgba(47, 42, 34, 0.1) !important;
  background: rgba(47, 42, 34, 0.03) !important;
}

/* ——— Sections / cards ——— */
html[data-theme="light"] .health-panel,
html[data-theme="light"] .hero-soil,
html[data-theme="light"] .card,
html[data-theme="light"] .cal-box,
html[data-theme="light"] .chart-box,
html[data-theme="light"] #doctor-panel,
html[data-theme="light"] #panel-settings,
html[data-theme="light"] .stat-compact,
html[data-theme="light"] .cal-insight-card,
html[data-theme="light"] .fold,
html[data-theme="light"] .lk-modal.panel {
  background: #fff !important;
  border-color: rgba(47, 42, 34, 0.08) !important;
  color: var(--ink) !important;
  box-shadow: var(--shadow);
}
html[data-theme="light"] .health-title,
html[data-theme="light"] .health-score-num,
html[data-theme="light"] .hero-val,
html[data-theme="light"] .hero-label,
html[data-theme="light"] .card .k,
html[data-theme="light"] .card .val,
html[data-theme="light"] .dash-meta,
html[data-theme="light"] .meta-fresh,
html[data-theme="light"] .meta-water,
html[data-theme="light"] #doctor-heading,
html[data-theme="light"] #history-heading,
html[data-theme="light"] .settings-block h3,
html[data-theme="light"] .settings-block label,
html[data-theme="light"] .cal-insight-card .k,
html[data-theme="light"] .cal-dow,
html[data-theme="light"] .stat-compact p,
html[data-theme="light"] .cal-sum-note {
  color: var(--ink) !important;
}
html[data-theme="light"] .health-title,
html[data-theme="light"] .hero-label,
html[data-theme="light"] .card .k,
html[data-theme="light"] .cal-insight-card .k,
html[data-theme="light"] .cal-dow,
html[data-theme="light"] .stat-compact p,
html[data-theme="light"] .cal-sum-note,
html[data-theme="light"] .meta-fresh,
html[data-theme="light"] .meta-water,
html[data-theme="light"] .dash-user-muted {
  color: var(--muted) !important;
}
html[data-theme="light"] .cal-insight-card .v,
html[data-theme="light"] .health-score-num,
html[data-theme="light"] .hero-val,
html[data-theme="light"] .card .val {
  color: var(--ink) !important;
}
html[data-theme="light"] a,
html[data-theme="light"] .linkish,
html[data-theme="light"] button.linkish,
html[data-theme="light"] .auth-forgot-link {
  color: var(--accent-deep) !important;
}
html[data-theme="light"] a:hover,
html[data-theme="light"] .linkish:hover {
  color: #4f5c2c !important;
}

/* Buttons stay brand */
html[data-theme="light"] .btn-primary,
html[data-theme="light"] .btn.btn-primary {
  background: linear-gradient(125deg, #9FAF64, #FFD283);
  color: #2F2A22;
  border-color: transparent;
}
html[data-theme="light"] .btn-ghost,
html[data-theme="light"] .btn.btn-ghost {
  background: rgba(47, 42, 34, 0.04);
  color: var(--ink);
  border-color: rgba(47, 42, 34, 0.12);
}
html[data-theme="light"] .lk-card-actions .lk-card-btn-open {
  background: #fff !important;
  color: var(--accent-deep) !important;
  border: 1.5px solid rgba(111, 128, 64, 0.45) !important;
  box-shadow: none !important;
}
html[data-theme="light"] .lk-card-actions .lk-card-btn-open:hover {
  background: rgba(159, 175, 100, 0.14) !important;
  border-color: rgba(111, 128, 64, 0.65) !important;
  color: #4f5c2c !important;
}
html[data-theme="light"] #btn-lk-add.btn-primary {
  background: linear-gradient(125deg, #9FAF64, #FFD283) !important;
  color: #2F2A22 !important;
  border-color: transparent !important;
  box-shadow: 0 8px 22px rgba(111, 128, 64, 0.18) !important;
}

/* Inputs / settings */
html[data-theme="light"] input,
html[data-theme="light"] select,
html[data-theme="light"] textarea {
  background: #fff !important;
  color: var(--ink) !important;
  border-color: rgba(47, 42, 34, 0.14) !important;
}
html[data-theme="light"] .plant-pick-item {
  background: #fff !important;
  color: var(--ink) !important;
  border-color: rgba(47, 42, 34, 0.1) !important;
}
html[data-theme="light"] button.cal-day-real {
  background: rgba(252, 236, 195, 0.45);
  color: var(--ink);
  border-color: rgba(47, 42, 34, 0.08);
}
html[data-theme="light"] button.cal-day-real:hover {
  background: rgba(159, 175, 100, 0.2) !important;
  border-color: rgba(159, 175, 100, 0.4) !important;
}
html[data-theme="light"] button.cal-day-real.selected {
  background: rgba(159, 175, 100, 0.28);
  color: var(--ink);
}

/* Doctor chat */
html[data-theme="light"] #doctor-msgs,
html[data-theme="light"] .doctor-msg {
  color: var(--ink);
}
html[data-theme="light"] .doctor-msg.bot,
html[data-theme="light"] .doctor-msg.user {
  background: rgba(252, 236, 195, 0.55);
  border-color: rgba(47, 42, 34, 0.08);
}

/* History table */
html[data-theme="light"] table,
html[data-theme="light"] th,
html[data-theme="light"] td,
html[data-theme="light"] tbody tr:hover {
  color: var(--ink);
  border-color: rgba(47, 42, 34, 0.08);
}
html[data-theme="light"] tbody tr:hover {
  background: rgba(159, 175, 100, 0.1) !important;
}

/* Boot / cookie */
html[data-theme="light"] .app-boot-overlay {
  background: rgba(255, 248, 234, 0.88);
}
html[data-theme="light"] .app-boot-card {
  background: #fff;
  color: var(--ink);
  border: 1px solid rgba(47, 42, 34, 0.08);
}
html[data-theme="light"] .app-boot-title { color: var(--ink); }
html[data-theme="light"] .app-boot-sub { color: var(--muted); }
html[data-theme="light"] .cookie-banner {
  background: #fff;
  color: var(--ink);
  border-color: rgba(47, 42, 34, 0.1);
}

/* Snap strip / secondary */
html[data-theme="light"] .lk-snap-strip,
html[data-theme="light"] #lk-snap-strip {
  color: var(--muted);
}

/* Status chips on light — светлый фон + тёмный текст (не тёмный чип с ink) */
html[data-theme="light"] .health-status-chip {
  background: rgba(47, 42, 34, 0.05) !important;
  border-color: rgba(47, 42, 34, 0.12) !important;
  color: var(--ink) !important;
  box-shadow: none !important;
}
html[data-theme="light"] .health-status-label {
  color: inherit !important;
}
html[data-theme="light"] .health-status-chip.health-chip-good {
  border-color: rgba(111, 128, 64, 0.45) !important;
  background: linear-gradient(135deg, rgba(159, 175, 100, 0.28), #fff) !important;
  color: #4f5c2c !important;
  box-shadow: 0 4px 14px rgba(111, 128, 64, 0.1) !important;
}
html[data-theme="light"] .health-status-chip.health-chip-good .health-status-glow {
  background: #6F8040 !important;
  box-shadow: 0 0 0 3px rgba(159, 175, 100, 0.22) !important;
}
html[data-theme="light"] .health-status-chip.health-chip-mid {
  border-color: rgba(154, 107, 18, 0.4) !important;
  background: linear-gradient(135deg, rgba(255, 210, 131, 0.45), #fff) !important;
  color: #7a4e0c !important;
  box-shadow: none !important;
}
html[data-theme="light"] .health-status-chip.health-chip-mid .health-status-glow {
  background: #c9891a !important;
  box-shadow: 0 0 0 3px rgba(251, 191, 36, 0.22) !important;
}
html[data-theme="light"] .health-status-chip.health-chip-bad {
  border-color: rgba(180, 35, 24, 0.35) !important;
  background: linear-gradient(135deg, rgba(248, 113, 113, 0.18), #fff) !important;
  color: #8f1f1a !important;
  box-shadow: none !important;
}
html[data-theme="light"] .health-status-chip.health-chip-bad .health-status-glow {
  background: #c23b32 !important;
  box-shadow: 0 0 0 3px rgba(248, 113, 113, 0.2) !important;
}
html[data-theme="light"] .health-status-chip.health-chip-wait {
  border-color: rgba(47, 42, 34, 0.14) !important;
  background: rgba(47, 42, 34, 0.05) !important;
  color: var(--muted) !important;
  box-shadow: none !important;
}
html[data-theme="light"] .health-status-chip.health-chip-wait .health-status-glow {
  background: rgba(47, 42, 34, 0.35) !important;
  box-shadow: none !important;
}

/* ——— Remaining ink leftovers ——— */
html[data-theme="light"] .lk-card-health {
  background: linear-gradient(145deg, rgba(252, 236, 195, 0.55), rgba(255, 248, 234, 0.95)) !important;
  border: 1px solid rgba(47, 42, 34, 0.08) !important;
}
html[data-theme="light"] .lk-card-health-title {
  color: var(--muted) !important;
}
html[data-theme="light"] .lk-snap-chip {
  background: #fff !important;
  color: var(--ink) !important;
  border: 1px solid rgba(47, 42, 34, 0.1) !important;
  box-shadow: 0 4px 14px rgba(47, 42, 34, 0.05) !important;
}
html[data-theme="light"] .lk-snap-chip-name { color: var(--ink) !important; }
html[data-theme="light"] .lk-snap-chip-meta { color: var(--muted) !important; }
html[data-theme="light"] .lk-snap-chip--good .lk-snap-chip-meta { color: #6F8040 !important; }
html[data-theme="light"] .lk-snap-chip--mid .lk-snap-chip-meta { color: #9a6b12 !important; }
html[data-theme="light"] .lk-snap-chip--bad .lk-snap-chip-meta { color: #b42318 !important; }
html[data-theme="light"] .lk-snap-chip--good { border-color: rgba(159, 175, 100, 0.55) !important; }
html[data-theme="light"] .lk-snap-chip--mid { border-color: rgba(254, 163, 101, 0.55) !important; }
html[data-theme="light"] .lk-snap-chip--bad { border-color: rgba(248, 113, 113, 0.5) !important; }

html[data-theme="light"] .btn.lk-card-toggle,
html[data-theme="light"] .lk-card-toggle {
  background: rgba(47, 42, 34, 0.04) !important;
  border-color: rgba(47, 42, 34, 0.12) !important;
  color: var(--ink) !important;
}

/* Floropedia / account text */
html[data-theme="light"] #lk-account-panel h3,
html[data-theme="light"] #lk-account-panel p,
html[data-theme="light"] .lk-floropedia-hub-card h2,
html[data-theme="light"] .lk-floropedia-hub-card p {
  color: var(--ink) !important;
}
html[data-theme="light"] #lk-account-panel .muted-note,
html[data-theme="light"] .lk-floropedia-hub-card p {
  color: var(--muted) !important;
}

html[data-theme="light"] .dash-todo__title {
  color: var(--ink) !important;
}
html[data-theme="light"] .dash-todo__item {
  background: rgba(252, 236, 195, 0.4) !important;
  border-color: rgba(47, 42, 34, 0.08) !important;
  color: var(--ink) !important;
}
html[data-theme="light"] .dash-todo--ok {
  border-color: rgba(111, 128, 64, 0.35) !important;
  background: rgba(159, 175, 100, 0.12) !important;
}
html[data-theme="light"] .dash-todo--needs {
  border-color: rgba(254, 163, 101, 0.4) !important;
  background: rgba(255, 210, 131, 0.22) !important;
}
html[data-theme="light"] .dash-todo--severe {
  border-color: rgba(196, 92, 62, 0.4) !important;
  background: rgba(196, 92, 62, 0.1) !important;
}
html[data-theme="light"] .dash-user-battery,
html[data-theme="light"] .dash-batt-live {
  background: rgba(252, 236, 195, 0.65) !important;
  border: 1px solid rgba(47, 42, 34, 0.08) !important;
  color: var(--ink) !important;
}
html[data-theme="light"] .dash-batt-live-label,
html[data-theme="light"] .dash-batt-live-pct,
html[data-theme="light"] .dash-batt-tag {
  color: var(--ink) !important;
}
html[data-theme="light"] .dash-batt-tag--usb {
  color: #6F8040 !important;
  background: rgba(159, 175, 100, 0.18) !important;
  border-color: rgba(159, 175, 100, 0.4) !important;
}
html[data-theme="light"] .dash-greet {
  background: rgba(159, 175, 100, 0.12) !important;
  border-color: rgba(159, 175, 100, 0.28) !important;
  color: var(--ink) !important;
}
html[data-theme="light"] .dash-greet-text {
  color: var(--ink) !important;
}

html[data-theme="light"] .chart-help,
html[data-theme="light"] #chart-help {
  color: var(--muted) !important;
}
html[data-theme="light"] .notif-history {
  border-top-color: rgba(47, 42, 34, 0.1);
}
html[data-theme="light"] .notif-history-title,
html[data-theme="light"] .notif-history-time,
html[data-theme="light"] .notif-history-body,
html[data-theme="light"] .notif-history-empty {
  color: var(--muted) !important;
}
html[data-theme="light"] .notif-history-title-row {
  color: var(--ink) !important;
}
html[data-theme="light"] .notif-history-item {
  background: rgba(252, 236, 195, 0.45) !important;
  border-color: rgba(47, 42, 34, 0.08) !important;
}


/* Moodboard grain on cream */
html[data-theme="light"] body.pf-mood::before,
html[data-theme="light"] .pf-grain {
  opacity: 0.04;
  mix-blend-mode: multiply;
}

/* Theme segmented control in settings */
html[data-theme="light"] .settings-theme-seg {
  background: rgba(47, 42, 34, 0.06);
  border-color: rgba(47, 42, 34, 0.1);
}
html[data-theme="light"] .settings-theme-btn {
  color: var(--muted);
}
html[data-theme="light"] .settings-theme-btn[aria-pressed="true"] {
  background: #fff;
  color: var(--ink);
  box-shadow: 0 2px 10px rgba(47, 42, 34, 0.08);
}

/* Demo banner on light */
html[data-theme="light"] .pf-demo-banner {
  background: rgba(255, 248, 234, 0.94);
  color: var(--ink);
  border-bottom-color: rgba(47, 42, 34, 0.08);
}
html[data-theme="light"] .pf-demo-banner a {
  color: #FFF8EA;
  background: linear-gradient(125deg, #6F8040, #9FAF64);
}


html[data-theme="light"] .lk-kicker {
  color: var(--accent-deep);
}
html[data-theme="light"] .lk-head-lead {
  color: var(--ink);
}
html[data-theme="light"] .lk-card-plant-label {
  color: var(--accent-deep);
}
html[data-theme="light"] .lk-card-species {
  color: var(--muted);
}
html[data-theme="light"] .lk-card-plant-thumb {
  background: rgba(159, 175, 100, 0.16);
  border-color: rgba(111, 128, 64, 0.28);
}
html[data-theme="light"] .lk-hub-links {
  border-top-color: rgba(47, 42, 34, 0.1);
}
html[data-theme="light"] .lk-hub-link {
  color: var(--ink) !important;
}
html[data-theme="light"] .lk-card-care {
  background: rgba(159, 175, 100, 0.1);
  border-color: rgba(111, 128, 64, 0.22);
}
html[data-theme="light"] .lk-card-care-title {
  color: var(--accent-deep);
}
html[data-theme="light"] .lk-card-care ul {
  color: var(--ink);
}
html[data-theme="light"] .lk-add-guide {
  background: #fff !important;
  border-color: rgba(47, 42, 34, 0.1) !important;
}
html[data-theme="light"] .lk-add-guide-title,
html[data-theme="light"] .lk-add-guide-lead,
html[data-theme="light"] .lk-add-guide-steps,
html[data-theme="light"] .muted-note,
html[data-theme="light"] #lk-panel .muted-note {
  color: var(--muted) !important;
}
html[data-theme="light"] .lk-add-guide-title {
  color: var(--ink) !important;
}
html[data-theme="light"] .lk-add-guide-steps {
  color: var(--ink) !important;
}
html[data-theme="light"] .lk-add-lead,
html[data-theme="light"] #lk-add-title,
html[data-theme="light"] .lk-add-step-title {
  color: var(--ink) !important;
}
html[data-theme="light"] .lk-add-step-text,
html[data-theme="light"] .lk-add-field-hint,
html[data-theme="light"] .lk-add-claim-hint,
html[data-theme="light"] .lk-add-flow-footer {
  color: var(--muted) !important;
}
html[data-theme="light"] .lk-add-new-flow {
  background: linear-gradient(165deg, #fff, #FFF8EA) !important;
  border-color: rgba(47, 42, 34, 0.1) !important;
  box-shadow: 0 12px 28px rgba(47, 42, 34, 0.06) !important;
}
html[data-theme="light"] .lk-add-step:not(:last-of-type)::after {
  background: linear-gradient(180deg, rgba(111, 128, 64, 0.35), rgba(111, 128, 64, 0)) !important;
}
html[data-theme="light"] .lk-add-step-num {
  background: rgba(159, 175, 100, 0.16) !important;
  border-color: rgba(111, 128, 64, 0.28) !important;
  color: var(--accent-deep) !important;
}
html[data-theme="light"] .lk-add-step-text a,
html[data-theme="light"] .lk-add-step-details-inner a,
html[data-theme="light"] .lk-add-flow-footer a {
  color: var(--accent-deep) !important;
}
html[data-theme="light"] .lk-add-step-details > summary {
  color: var(--accent-deep) !important;
}
html[data-theme="light"] .lk-add-claim-inner {
  border-top-color: rgba(47, 42, 34, 0.1) !important;
}
html[data-theme="light"] .lk-add-claim-inner label {
  color: var(--muted) !important;
}
html[data-theme="light"] .lk-add-claim-inner textarea,
html[data-theme="light"] .lk-add-claim-inner input[type="text"],
html[data-theme="light"] .lk-add-section input[type="text"],
html[data-theme="light"] .lk-add-section input[type="password"] {
  background: var(--input-bg) !important;
  color: var(--ink) !important;
  border-color: rgba(47, 42, 34, 0.14) !important;
}
html[data-theme="light"] .lk-add-claim-inner textarea::placeholder,
html[data-theme="light"] .lk-add-claim-inner input[type="text"]::placeholder {
  color: rgba(92, 86, 76, 0.55) !important;
}
html[data-theme="light"] .lk-add-section {
  background: rgba(255, 248, 234, 0.7) !important;
  border-color: rgba(47, 42, 34, 0.1) !important;
}
html[data-theme="light"] .lk-add-section-title {
  color: var(--accent-deep) !important;
}
html[data-theme="light"] .lk-add-claim-verify {
  background: rgba(47, 42, 34, 0.04) !important;
  border-color: rgba(47, 42, 34, 0.12) !important;
  color: var(--ink) !important;
}
html[data-theme="light"] .lk-add-claim-verify.is-ready {
  background: rgba(159, 175, 100, 0.14) !important;
  border-color: rgba(111, 128, 64, 0.35) !important;
  color: var(--accent-deep) !important;
}
html[data-theme="light"] .lk-add-claim-msg.is-ok,
html[data-theme="light"] .lk-add-claim-success strong {
  color: var(--accent-deep) !important;
}
html[data-theme="light"] .lk-add-claim-msg.is-err,
html[data-theme="light"] .lk-add-field-err,
html[data-theme="light"] #lk-add-claim-err {
  color: #b42318 !important;
}
html[data-theme="light"] .lk-add-claim-success {
  background: rgba(159, 175, 100, 0.12) !important;
  border-color: rgba(111, 128, 64, 0.28) !important;
  color: var(--ink) !important;
}
html[data-theme="light"] .lk-add-actions .lk-add-btn-cancel {
  color: var(--ink) !important;
  border-color: rgba(47, 42, 34, 0.14) !important;
  background: rgba(47, 42, 34, 0.04) !important;
}
html[data-theme="light"] .lk-subscription-card {
  background: #fff !important;
  border-color: rgba(47, 42, 34, 0.1) !important;
  color: var(--ink) !important;
}
html[data-theme="light"] .lk-add-guide-steps a,
html[data-theme="light"] .lk-add-guide-link,
html[data-theme="light"] .lk-add-shell .lk-add-guide-link {
  color: var(--accent-deep) !important;
}
html[data-theme="light"] .lk-meta-stale-note {
  color: var(--muted) !important;
}
html[data-theme="light"] .lk-meta-chip--light.lk-meta-chip--signal-ok {
  color: #4f5c2c !important;
  background: rgba(159, 175, 100, 0.14) !important;
  border-color: rgba(111, 128, 64, 0.35) !important;
}
html[data-theme="light"] .lk-meta-chip--light.lk-meta-chip--signal-warn {
  color: #7a4e0c !important;
  background: rgba(255, 210, 131, 0.28) !important;
  border-color: rgba(154, 107, 18, 0.35) !important;
}
html[data-theme="light"] .lk-meta-chip--light.lk-meta-chip--signal-bad {
  color: #8f1f1a !important;
  background: rgba(248, 113, 113, 0.14) !important;
  border-color: rgba(180, 35, 24, 0.3) !important;
}
html[data-theme="light"] .lk-subscription-title {
  color: var(--ink) !important;
}
html[data-theme="light"] .lk-subscription-status.is-active,
html[data-theme="light"] .lk-subscription-msg.is-ok,
html[data-theme="light"] .err.is-ok,
html[data-theme="light"] .stat-compact strong {
  color: var(--accent-deep) !important;
}
html[data-theme="light"] .lk-subscription-msg.is-err {
  color: #b42318 !important;
}

/* Показатели: бледные «ночные» цвета → тёмные на креме */
html[data-theme="light"] .card.pf-ok .val,
html[data-theme="light"] .hero-soil.soil-in-range .hero-val {
  color: #4f5c2c !important;
  text-shadow: none !important;
}
html[data-theme="light"] .card.pf-warn-low-mild .val,
html[data-theme="light"] .card.pf-warn-high-mild .val,
html[data-theme="light"] .hero-soil.soil-below-mild .hero-val,
html[data-theme="light"] .hero-soil.soil-above-mild .hero-val {
  color: #8a4b1a !important;
  text-shadow: none !important;
}
html[data-theme="light"] .card.pf-warn-low-bad .val,
html[data-theme="light"] .card.pf-warn-high-bad .val,
html[data-theme="light"] .hero-soil.soil-below-bad .hero-val,
html[data-theme="light"] .hero-soil.soil-above-bad .hero-val,
html[data-theme="light"] .dash-batt-alert {
  color: #8f1f1a !important;
  text-shadow: none !important;
}
html[data-theme="light"] .dash-batt-alert {
  background: rgba(180, 35, 24, 0.08) !important;
  border-color: rgba(180, 35, 24, 0.28) !important;
}
html[data-theme="light"] .hist-metric--soil .hist-metric-val {
  color: #4f5c2c !important;
}
html[data-theme="light"] .hist-metric--temp .hist-metric-val {
  color: #8a4b1a !important;
}
html[data-theme="light"] .hist-metric--rh .hist-metric-val {
  color: #1f6a85 !important;
}
html[data-theme="light"] .hist-metric--light .hist-metric-val {
  color: #8a4b1a !important;
}

/* Цветопедия: кремовый текст на белых карточках */
html[data-theme="light"] .lk-floro-name,
html[data-theme="light"] .floropedia-detail-title,
html[data-theme="light"] .lk-floro-care,
html[data-theme="light"] .lk-floro-ranges,
html[data-theme="light"] .floropedia-detail-inner .lk-floro-stat-tip {
  color: var(--ink) !important;
}
html[data-theme="light"] .lk-floro-meta {
  color: var(--muted) !important;
}
html[data-theme="light"] .lk-floro-sec {
  color: var(--accent-deep) !important;
}
html[data-theme="light"] .lk-floro-ranges,
html[data-theme="light"] .floropedia-detail-inner .lk-floro-stat-tip {
  background: rgba(159, 175, 100, 0.1) !important;
  border-color: rgba(111, 128, 64, 0.22) !important;
}
html[data-theme="light"] .chart-tooltip,
html[data-theme="light"] .chart-tooltip .tt-row,
html[data-theme="light"] .chart-tooltip .tt-row strong {
  color: var(--ink) !important;
}
html[data-theme="light"] .theme-toggle {
  background: rgba(255, 255, 255, 0.9);
  border-color: rgba(47, 42, 34, 0.12);
  color: var(--ink);
  box-shadow: 0 6px 16px rgba(47, 42, 34, 0.06);
}
html[data-theme="light"] .theme-toggle:hover {
  background: #fff;
  border-color: rgba(159, 175, 100, 0.45);
}
html[data-theme="light"] .ios-settings-group__title,
html[data-theme="light"] .ios-settings-footer,
html[data-theme="light"] .ios-settings-acc__hint {
  color: var(--muted) !important;
}
html[data-theme="light"] .ios-settings-nav {
  background: #fff !important;
  border-color: rgba(47, 42, 34, 0.08) !important;
  box-shadow: 0 1px 2px rgba(47, 42, 34, 0.04);
}
html[data-theme="light"] .ios-settings-acc {
  border-bottom-color: rgba(47, 42, 34, 0.08) !important;
}
html[data-theme="light"] .ios-settings-acc__title,
html[data-theme="light"] .ios-settings-row__label,
html[data-theme="light"] .ios-settings-row .settings-toggle-label {
  color: var(--ink) !important;
}
html[data-theme="light"] .ios-settings-acc > summary::after {
  border-color: rgba(47, 42, 34, 0.35);
}
html[data-theme="light"] .ios-settings-acc__body {
  border-top-color: rgba(47, 42, 34, 0.08) !important;
  background: rgba(252, 236, 195, 0.28);
}
html[data-theme="light"] .ios-settings-group__card {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}
html[data-theme="light"] .ios-settings-row {
  border-bottom-color: rgba(47, 42, 34, 0.08) !important;
}
html[data-theme="light"] .ios-settings-row .settings-toggle-label input[type="checkbox"] {
  background: rgba(120, 120, 128, 0.32) !important;
}
html[data-theme="light"] .ios-settings-row .settings-toggle-label input[type="checkbox"]:checked {
  background: #6F8040 !important;
}
html[data-theme="light"] .ios-settings-group .settings-theme-seg {
  background: rgba(47, 42, 34, 0.08) !important;
}
html[data-theme="light"] .ios-settings-group .settings-theme-btn {
  color: var(--muted) !important;
}
html[data-theme="light"] .ios-settings-group .settings-theme-btn.on,
html[data-theme="light"] .ios-settings-group .settings-theme-btn[aria-pressed="true"] {
  background: #fff !important;
  color: var(--ink) !important;
}
html[data-theme="light"] #settings-share-url,
html[data-theme="light"] select.pf-select,
html[data-theme="light"] .ios-settings-row .pf-select,
html[data-theme="light"] .ios-settings-row input[type="text"],
html[data-theme="light"] .ios-settings-row input[type="search"] {
  background: #fff !important;
  color: var(--ink) !important;
  border-color: rgba(47, 42, 34, 0.14) !important;
}
html[data-theme="light"] .plant-pick-item {
  background: #fff !important;
  border-color: rgba(47, 42, 34, 0.1) !important;
  color: var(--ink) !important;
}
html[data-theme="light"] .plant-pick-item.is-selected {
  border-color: rgba(111, 128, 64, 0.45) !important;
  box-shadow: 0 0 0 2px rgba(159, 175, 100, 0.22);
}
html[data-theme="light"] #panel-settings.panel-settings {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}
html[data-theme="light"] ::placeholder {
  color: rgba(47, 42, 34, 0.42) !important;
  opacity: 1;
}
html[data-theme="light"] .settings-block-title,
html[data-theme="light"] .fold-block summary,
html[data-theme="light"] .health-wait,
html[data-theme="light"] .health-tips {
  color: var(--ink) !important;
}
html[data-theme="light"] .health-tips {
  color: var(--muted) !important;
}

/* Compact plant list — light theme */
html[data-theme="light"] .lk-card.lk-card--compact {
  background: #fff;
  border-color: rgba(47, 42, 34, 0.08);
  box-shadow: 0 10px 28px rgba(47, 42, 34, 0.06);
}
html[data-theme="light"] .lk-card.lk-card--compact:hover {
  border-color: rgba(159, 175, 100, 0.4);
  box-shadow: 0 14px 32px rgba(47, 42, 34, 0.1);
}
html[data-theme="light"] .lk-card.lk-card--compact .lk-card-species {
  color: rgba(47, 42, 34, 0.55);
}
html[data-theme="light"] .lk-card.lk-card--compact .lk-card-health .health-status-chip,
html[data-theme="light"] .lk-card.lk-card--compact .lk-card-health--scored .health-status-chip {
  color: var(--ink);
}
html[data-theme="light"] .lk-card.lk-card--compact .health-status-chip.health-chip-good { color: #55622E; }
html[data-theme="light"] .lk-card.lk-card--compact .health-status-chip.health-chip-mid { color: #9a5a2a; }
html[data-theme="light"] .lk-card.lk-card--compact .health-status-chip.health-chip-bad { color: #b45309; }
html[data-theme="light"] .lk-card.lk-card--compact .health-status-chip.health-chip-wait { color: var(--muted); }
html[data-theme="light"] .lk-card.lk-card--compact .lk-meta-chip,
html[data-theme="light"] .lk-card.lk-card--compact .lk-meta-chip--soil,
html[data-theme="light"] .lk-card.lk-card--compact .lk-meta-chip--temp,
html[data-theme="light"] .lk-card.lk-card--compact .lk-meta-chip--rh,
html[data-theme="light"] .lk-card.lk-card--compact .lk-meta-chip--light,
html[data-theme="light"] .lk-card.lk-card--compact .lk-meta-chip--light.lk-meta-chip--signal-ok,
html[data-theme="light"] .lk-card.lk-card--compact .lk-meta-chip--light.lk-meta-chip--signal-warn,
html[data-theme="light"] .lk-card.lk-card--compact .lk-meta-chip--light.lk-meta-chip--signal-bad,
html[data-theme="light"] .lk-card.lk-card--compact .lk-meta-chip--light.lk-meta-chip--signal-muted {
  color: rgba(47, 42, 34, 0.72) !important;
  background: transparent !important;
  border: none !important;
}
html[data-theme="light"] .lk-card.lk-card--compact .lk-meta-chip + .lk-meta-chip::before {
  color: rgba(47, 42, 34, 0.28);
}
html[data-theme="light"] .lk-card.lk-card--compact .lk-card-btn-open {
  background: rgba(159, 175, 100, 0.22);
  border-color: rgba(111, 128, 64, 0.35);
  color: var(--ink);
}
html[data-theme="light"] .lk-card.lk-card--compact .lk-card-btn-unlink {
  color: rgba(47, 42, 34, 0.5);
  border-color: rgba(47, 42, 34, 0.12);
}
html[data-theme="light"] .lk-hub-link {
  color: rgba(47, 42, 34, 0.78);
  border-color: rgba(47, 42, 34, 0.12);
}

html[data-theme="light"] .lk-empty {
  border-color: rgba(47, 42, 34, 0.1);
  background:
    radial-gradient(ellipse 70% 90% at 8% 50%, rgba(159, 175, 100, 0.16), transparent 55%),
    #fff;
  box-shadow: 0 10px 24px -18px rgba(47, 42, 34, 0.16);
}
html[data-theme="light"] .lk-empty-guide {
  color: #55622E;
}
html[data-theme="light"] .health-next {
  border-color: rgba(47, 42, 34, 0.1);
  background: rgba(47, 42, 34, 0.03);
}
html[data-theme="light"] .health-next-kicker {
  color: rgba(47, 42, 34, 0.45);
}
html[data-theme="light"] .health-next-action {
  color: var(--ink);
}
html[data-theme="light"] .health-next-detail {
  color: rgba(47, 42, 34, 0.62);
}
html[data-theme="light"] .health-next.is-ok {
  border-color: rgba(111, 128, 64, 0.28);
  background: rgba(159, 175, 100, 0.12);
}
html[data-theme="light"] .health-next.is-ok .health-next-action { color: #55622E; }
html[data-theme="light"] .health-next.is-warn {
  border-color: rgba(254, 163, 101, 0.4);
  background: rgba(255, 210, 131, 0.22);
}
html[data-theme="light"] .health-next.is-warn .health-next-action { color: #9a5a2a; }
html[data-theme="light"] .health-next.is-bad,
html[data-theme="light"] .health-next.is-offline {
  border-color: rgba(185, 83, 9, 0.35);
  background: rgba(254, 163, 101, 0.16);
}
html[data-theme="light"] .health-next.is-bad .health-next-action,
html[data-theme="light"] .health-next.is-offline .health-next-action { color: #9a3412; }
html[data-theme="light"] .health-next.is-wait .health-next-action {
  color: rgba(47, 42, 34, 0.72);
}
html[data-theme="light"] .lk-card.lk-card--compact .health-status-chip.health-chip-action-ok {
  color: #55622E;
}
html[data-theme="light"] .lk-card.lk-card--compact .health-status-chip.health-chip-action-warn {
  color: #9a5a2a;
}
html[data-theme="light"] .lk-card.lk-card--compact .health-status-chip.health-chip-action-bad,
html[data-theme="light"] .lk-card.lk-card--compact .health-status-chip.health-chip-action-offline {
  color: #9a3412;
}
html[data-theme="light"] .lk-card.lk-card--compact .health-status-chip.health-chip-action-wait {
  color: var(--muted);
}
html[data-theme="light"] .lk-card.lk-card--compact.lk-card--action-ok {
  border-left-color: rgba(111, 128, 64, 0.75);
}
html[data-theme="light"] .lk-card.lk-card--compact.lk-card--action-warn {
  border-left-color: rgba(254, 163, 101, 0.9);
}
html[data-theme="light"] .lk-card.lk-card--compact.lk-card--action-bad,
html[data-theme="light"] .lk-card.lk-card--compact.lk-card--action-offline {
  border-left-color: rgba(185, 83, 9, 0.85);
}
html[data-theme="light"] .lk-card.lk-card--compact.lk-card--action-wait {
  border-left-color: rgba(47, 42, 34, 0.2);
}