/* Темен изглед — генерирано од style.css со scripts/make-dark.py (не уредувај рачно; рачните поправки се на дното) */
html.dark { color-scheme: dark; }
html.dark { --bg: #1b2025; --paper: #1e242f; --ink: #cfd5df; --slate: #9ba2b1; --hair: #313744; --track: #2f3641 }
html.dark .banner { background: #262213; color: #ffcc3d }
html.dark .tile-ac.on { background: color-mix(in srgb, var(--mode) 11%, #1e242f) }
html.dark .tile.on .tile-power, html.dark .tile-icon { background: var(--mode); color: #fff; box-shadow: 0 6px 16px color-mix(in srgb, var(--mode) 35%, transparent) }
html.dark .tile-ac.on .tile-state { color: color-mix(in srgb, var(--mode) 75%, var(--ink)) }
html.dark .switch[aria-checked="true"] { background: var(--mode) }
html.dark .sheet.off .dial-value, html.dark .sheet.off .dial-knob { stroke: #373f4d }
html.dark .mode-btn.active { background: var(--mode); color: #fff }
html.dark .segmented button.active { background: var(--paper); color: var(--ink); box-shadow: 0 1px 4px rgba(27, 36, 48, .12) }
html.dark .row .switch { background: #12161d }
html.dark .row .switch[aria-checked="true"] { background: var(--mode) }
html.dark .cat.active { background: var(--ink); color: #fff }
html.dark .cat.active .cat-count { background: rgba(255, 255, 255, 0.024) }
html.dark .tile-light.on { background: color-mix(in srgb, var(--glow) 16%, #1e242f) }
html.dark .tile-light.on .tile-power { background: var(--glow); color: #fff; box-shadow: 0 6px 18px color-mix(in srgb, var(--glow) 55%, transparent) }
html.dark .tile-light.on .tile-state { color: var(--ink) }
html.dark .tile-cover .tile-icon { background: #151d28 }
html.dark .tile-cover.needs-learn .tile-state { color: #ffb23d }
html.dark .tile-add { border: 2px dashed #353c49 }
html.dark .learn-status { background: #161e2c }
html.dark .learn-status[data-status="done"] { background: #14271f }
html.dark .learn-status[data-status="error"] { background: #2c1616 }
html.dark .danger-btn { background: #2c1616 }
html.dark .big-toggle.on { background: #110e09 }
html.dark .sky { background: linear-gradient(180deg, #121a24 0, #141e29 230px, var(--bg) 440px) }
html.dark .hello { color: #a8b6c5 }
html.dark .avatar { background: #1e242f }
html.dark .chip { background: rgba(255, 255, 255, 0.094); color: #b5c1ce }
html.dark .action { color: #b5c1ce }
html.dark .dev.on { box-shadow: 0 8px 24px color-mix(in srgb, var(--c) 18%, transparent) }
html.dark .dev.on .s { color: color-mix(in srgb, var(--c) 78%, #ededed) }
html.dark .dev .tog { background: #161a1f }
html.dark .dev .tog::after { background: #1e242f }
html.dark .dev.on .tog { background: var(--c) }
html.dark .tabbar { background: rgba(255, 255, 255, 0.103) }
html.dark .tabbar button.active { color: var(--cool) }
html.dark .hk-pin-box { background: #2b2416 }
html.dark .hk-pin-box .pin { background: #1e242f }
html.dark #a-mode button.active { background: var(--mode); color: #fff; box-shadow: none }
html.dark .cam { background: linear-gradient(135deg, #151b21, #111519) }
html.dark .cam-open { background: rgba(255, 255, 255, 0.11) }
html.dark .v-btn.on { background: rgba(255, 255, 255, .25) }
html.dark .day[aria-pressed="true"] { background: var(--cool); color: #fff }
html.dark .pp-dots i.on { background: var(--ink) }
html.dark .set-card .switch[aria-checked="true"] { background: var(--cool) }
html.dark body.at-home .hello { color: #b6c1ce }
html.dark .wx-ico { color: #6f95cd }
html.dark .wx-cond { color: #b2bbcc }
html.dark .wx-in { background: rgba(255, 255, 255, 0.094) }
html.dark .wx-in span { color: #b2bbcc }
html.dark .wx-note { background: rgba(255, 255, 255, 0.072); color: #bcc6d2 }
html.dark .scene-pill:active, html.dark .scene-pill.pressed { background: #151d29 }
@media (min-width: 1024px) {
  html.dark .tabbar button.active { background: #151d2a }
}
html.dark .seg-mini button[aria-pressed="true"] { background: var(--paper); color: var(--ink); box-shadow: 0 1px 4px rgba(20, 32, 46, .1) }
html.dark .lang-switch button.on { color: var(--cool) }
html.dark .hk-qr { background: #1e242f }
html.dark .skin-pick button[aria-pressed="true"] { color: var(--ink); background: var(--paper) }
html.dark .skin-pick [data-skin="sage"] i { background: linear-gradient(135deg, #151920 0 50%, #5e7d58 50%) }
html.dark .skin-pick [data-skin="neu"] i { background: #191d22 }
html.dark.skin-panel { --bg: #1b1f26; --paper: #1e242f; --ink: #d3d7e2; --slate: #9ca4b1; --hair: #303642; --pn-card: linear-gradient(180deg, #1e242f 0%, #192131 100%) }
html.dark.skin-panel body { background: radial-gradient(900px 420px at 50% -120px, #141c29 0, rgba(20, 28, 41, 0.0) 70%), var(--bg) }
html.dark.skin-panel .avatar { background: #1e242f }
html.dark .pn-acc { background: linear-gradient(180deg, #1a222d, #191f27); box-shadow: inset 0 1px 0 rgba(255, 255, 255, .04), inset 0 -1px 0 rgba(0, 0, 0, 0.10) }
html.dark .pn-acc.on { background: linear-gradient(180deg, #1e242f, color-mix(in srgb, var(--c) 9%, #1e242f)); box-shadow: inset 0 1px 0 rgba(255, 255, 255, .04), 0 10px 22px color-mix(in srgb, var(--c) 22%, transparent) }
html.dark .pn-acc.on small { color: color-mix(in srgb, var(--c) 80%, #ededed) }
html.dark .pn-bulb.on span { color: var(--ink) }
@media (hover: hover) {
  html.dark .pn-bulb:hover { background: #1b202a }
}
html.dark .pn-cb { background: linear-gradient(180deg, #1b212b, #191d23); box-shadow: inset 0 1px 0 rgba(255, 255, 255, .04), 0 1px 2px rgba(0, 0, 0, 0.20) }
html.dark .pn-cb.pn-down { box-shadow: 0 6px 14px rgba(0, 0, 0, 0.60), inset 0 1px 0 rgba(255, 255, 255, .04) }
html.dark.skin-panel .tabbar { background: rgba(255, 255, 255, 0.108); box-shadow: 0 12px 32px rgba(0, 0, 0, 0.30), inset 0 1px 0 rgba(255, 255, 255, .04) }
html.dark .door-card { background: linear-gradient(180deg, #1e242f, #192131); box-shadow: inset 0 1px 0 rgba(255, 255, 255, .04), 0 1px 1px rgba(0, 0, 0, 0.10), 0 6px 14px rgba(0, 0, 0, 0.12), 0 22px 44px -16px rgba(0, 0, 0, 0.35) }
html.dark .door-btn { box-shadow: 0 10px 22px rgba(20, 147, 95, .35), inset 0 1px 0 rgba(255, 255, 255, .04) }
html.dark.skin-panel .cat.active { background: linear-gradient(180deg, #2a3346, #141b2b); color: #fff; box-shadow: 0 8px 18px rgba(20, 27, 43, .25) }
html.dark.skin-panel .dev.on { box-shadow: var(--pn-shadow), 0 14px 30px -10px color-mix(in srgb, var(--c) 35%, transparent) }
html.dark.skin-panel .dev .tog { background: #171b21 }
html.dark.skin-panel .dev.on .tog { background: var(--c); box-shadow: inset 0 1px 2px rgba(0, 0, 0, .15), 0 4px 10px color-mix(in srgb, var(--c) 40%, transparent) }
html.dark.skin-panel .dev .mini button { background: linear-gradient(180deg, #1b212b, #191d23); box-shadow: inset 0 1px 0 rgba(255, 255, 255, .04), 0 1px 2px rgba(0, 0, 0, 0.20) }
html.dark.skin-panel .pill-btn:not(.primary) { background: linear-gradient(180deg, #1b212b, #191d23); box-shadow: inset 0 1px 0 rgba(255, 255, 255, .04), 0 1px 2px rgba(0, 0, 0, 0.20) }
html.dark.skin-panel .pill-btn.primary, html.dark.skin-panel .btn-primary { box-shadow: 0 8px 18px rgba(0, 0, 0, 0.60), inset 0 1px 0 rgba(255, 255, 255, .04) }
html.dark.skin-panel .switch[aria-checked="true"] { background: #2f7bf6 }
html.dark.skin-panel .field input, html.dark.skin-panel .name-field, html.dark.skin-panel .enc-in input, html.dark.skin-panel .ic-form select { background: #1a2028 }
html.dark.skin-panel .field input:focus { background: #1e242f }
html.dark.skin-panel .seg-mini { background: #1a1e26 }
html.dark.skin-panel .hk-pin-box { background: linear-gradient(180deg, #2c2516, #272013) }
html.dark.skin-panel .sheet, html.dark.skin-panel .modal-card { background: linear-gradient(180deg, #1e242f, #1d222b) }
html.dark.skin-panel .mode-btn { background: linear-gradient(180deg, #1b212b, #191d23); box-shadow: inset 0 1px 0 rgba(255, 255, 255, .04), 0 1px 2px rgba(0, 0, 0, 0.15) }
html.dark.skin-panel .mode-btn.active { background: var(--mode); color: #fff; box-shadow: 0 8px 18px color-mix(in srgb, var(--mode) 35%, transparent) }
html.dark.skin-panel #view-devices .cats { background: rgba(27, 31, 38, 0.82) }
html.dark .pn-pw { background: linear-gradient(180deg, #1b212b, #161b23); color: #bdc2cb; box-shadow: inset 0 1px 0 rgba(255, 255, 255, .04), 0 2px 5px rgba(0, 0, 0, 0.30) }
html.dark .pn-bulb.on .pn-pw { box-shadow: 0 3px 10px color-mix(in srgb, var(--c) 55%, transparent), inset 0 1px 0 rgba(255, 255, 255, .04) }
html.dark .k-preset.active { box-shadow: 0 0 0 2px var(--ink) inset; background: var(--paper) }
html.dark.skin-panel .k-preset { background: linear-gradient(180deg, #1b212b, #191f25); box-shadow: inset 0 1px 0 rgba(255, 255, 255, .04), 0 1px 2px rgba(0, 0, 0, 0.15) }
html.dark.skin-panel .k-preset.active { background: #1e242f }
html.dark .fx.active { background: var(--paper); box-shadow: 0 0 0 2px #2f7bf6, 0 6px 14px rgba(47, 123, 246, .18) }
html.dark.skin-panel .fx { background: linear-gradient(180deg, #1b212b, #191f25); box-shadow: inset 0 1px 0 rgba(255, 255, 255, .04), 0 1px 2px rgba(0, 0, 0, 0.15) }
html.dark.skin-panel .fx.active { background: #1e242f }
html.dark.skin-panel .wr-in { background: #1a2028 }
html.dark.skin-panel .wr-in:focus { background: #1e242f }
html.dark .fx i { background: radial-gradient(circle at 35% 30%, rgba(255, 255, 255, 0.066), transparent 55%), linear-gradient(140deg, var(--c1, #0f1117), var(--c2, #1a1e26)) }
html.dark .fx i::before { background: radial-gradient(circle, color-mix(in srgb, var(--c2, #0e1117) 55%, transparent), transparent 70%) }
html.dark .fx i.lt { color: #b9c1d0 }
html.dark .pn-temps::before { background: linear-gradient(transparent, #15181d 20%, #15181d 80%, transparent) }
html.dark .pn-room { background: linear-gradient(180deg, #1b212b, #191f26); box-shadow: inset 0 1px 0 rgba(255, 255, 255, .04), 0 1px 2px rgba(0, 0, 0, 0.15) }
html.dark .pn-room.on { background: linear-gradient(180deg, #302a18, color-mix(in srgb, var(--c) 16%, #1e242f)); box-shadow: inset 0 1px 0 rgba(255, 255, 255, .04), 0 8px 22px color-mix(in srgb, var(--c) 26%, transparent) }
html.dark .pr-bar span { background: linear-gradient(90deg, color-mix(in srgb, var(--c) 70%, #1e242f), var(--c)) }
html.dark .pn-room.dead { background: repeating-linear-gradient(135deg, #191e28 0 10px, #181d26 10px 20px) }
html.dark .l-dead { background: #191e28 }
html.dark .pr-bar.big { background: #181d26 }
html.dark .pn-mys { background: linear-gradient(180deg, #1b212b, #191f25); box-shadow: inset 0 1px 0 rgba(255, 255, 255, .04), 0 1px 2px rgba(0, 0, 0, 0.15) }
html.dark .pn-mys.add i { background: #161e2b }
html.dark .smart-sec .warn { color: #f69246; background: #2b2416 }
html.dark .h-grid { stroke: #303642 }
html.dark .h-ax { fill: #bdc2cb }
html.dark .hb i { background: #1b2027 }
html.dark .tb-dim-time { color: #c0c5ce }
html.dark .tb-dim-sub { color: #8992a3 }
html.dark .remote-steps { background: #1a212a }
html.dark .remote-steps i { background: #1e242f }
html.dark .s-energy { background: #292415; color: #ffbc3d }
html.dark .en-x { background: #1b1f25 }
html.dark .en-cost { color: #6ad397; background: #16291d }
html.dark .en-settings { background: #1c2129 }
html.dark .en-bar { background: #1b1f25 }
html.dark .en-w input { background: #1e242f }
html.dark .ui-seg { background: #1b1f25 }
html.dark .ui-seg button[aria-checked="true"] { background: #1e242f }
html.dark .ui-pick { background: #1a2028 }
html.dark .ui-pick:hover { background: #191d23 }
html.dark .ui-pick[aria-expanded="true"] { background: #161d2b; color: #558be7 }
html.dark .ui-room-select { background: #1e242f }
html.dark .ui-pop-card { background: #1e242f }
html.dark .ui-opt:hover, html.dark .ui-opt:focus-visible { background: #1a2028 }
html.dark .ui-opt[aria-selected="true"] { color: #558be7 }
html.dark .ui-step { background: #1a2028 }
html.dark .ui-step button { background: #1e242f }
html.dark .ui-step button:active { background: #161d2b }
html.dark .ui-time { background: #1a2028 }
html.dark .smart-cat { background: #1b212b }
html.dark .smart-cat[open] { background: #1e242f }
html.dark .smart-ic { background: #1e242f }
html.dark .smart-st { background: #1b1f25 }
html.dark .smart-st.on { color: #5be1a2; background: #14271b }
html.dark .smart-in .warn { color: #ffbc3d; background: #2b2416 }
html.dark.skin-panel { --pn-field: #1a2028 }
html.dark.skin-panel .pill-btn.primary, html.dark.skin-panel .btn-primary { box-shadow: 0 8px 18px rgba(47, 123, 246, .28), inset 0 1px 0 rgba(255, 255, 255, .04) }
html.dark.skin-panel .pill-btn { background: #1e242f }
html.dark.skin-panel .cat.active { background: linear-gradient(180deg, #4a90ff, var(--pn-blue-2)); color: #fff; box-shadow: 0 8px 18px rgba(47, 123, 246, .25) }
html.dark.skin-panel .pn-cb.pn-down, html.dark.skin-panel .dev .mini button[data-act="down"] { box-shadow: 0 6px 14px rgba(47, 123, 246, .3), inset 0 1px 0 rgba(255, 255, 255, .04) }
html.dark.skin-panel .field input:focus, html.dark.skin-panel .form-row input:focus, html.dark.skin-panel .wr-in:focus, html.dark.skin-panel .en-w input:focus { background: #1e242f }
html.dark.skin-panel #view-settings .switch[aria-checked="true"], html.dark.skin-panel .modal .switch[aria-checked="true"] { background: var(--pn-blue) }
html.dark .en-hero { background: linear-gradient(135deg, #2b2616, #1e242f) }
html.dark .en-row { background: #1b212b }
html.dark .en-ic { background: #1e242f }
html.dark .en-bar { background: #191d22 }
html.dark .en-tag { background: #1b1f25 }
html.dark .en-tag.measured { background: #14271b; color: #5be1a2 }
html.dark .en-tag.estimated { background: #262113; color: #ffbc3d }
html.dark .en-card { background: #1e242f }
html.dark .day-pre { background: var(--pn-field, #191f29) }
html.dark .day-pre[aria-pressed="true"] { background: #161d2b }
html.dark #sched-days .day { border: 1.5px solid #313744; background: #1e242f }
html.dark #sched-days .day[aria-pressed="true"] { background: var(--pn-blue, #2f7bf6); color: #fff }
html.dark .day-sum.warn { color: #e85e54 }
html.dark .sp-room { border-bottom: 1px solid #2e3440 }
html.dark .sp-more { background: var(--pn-field, #191f29) }
html.dark .en-back { background: #1e242f }
html.dark #view-energy .en-hero { background: linear-gradient(135deg, #292415, #1e242f 70%) }
html.dark .en-cmp { background: #1b1f25 }
html.dark .en-cmp.down { background: #14271b; color: #5be1a2 }
html.dark .en-cmp.up { background: #292015; color: #ff9a3d }
html.dark .en-chart-card, html.dark .en-gcard, html.dark #view-energy .en-settings { background: #1e242f }
html.dark .en-b.hl { fill: #ffb53d }
html.dark .en-maxl { background: rgba(255, 255, 255, 0.102) }
html.dark .en-gi { background: #1b212b }
html.dark .en-gbar { background: #1b1f25 }
html.dark .en-item { border-top: 1px solid #2e3440 }
html.dark .en-item .en-ic { background: #1b212b }
html.dark .en-rhead:hover { background: #1b242c }
html.dark .en-sub { border-left: 2px solid #353c49 }
html.dark .en-gbar i.rest { background: linear-gradient(90deg, #0f1117, #8a96a6) }
html.dark .bn-row { background: #1b212b }
html.dark .bn-row.blinking { background: #282314 }
html.dark .bn-ic { background: #1e242f }
html.dark .bn-in { border: 1px solid #313744; background: #1e242f }
html.dark .set-fold-btn { background: #1e242f }
html.dark .act-row { border-top: 1px solid #2e3440 }
html.dark .act-card { background: #1e242f }
html.dark .act-empty { background: #1e242f }
html.dark .v-btn.v-talk.on { background: #e5484d; color: #fff }
html.dark .talk-btn { background: #1b1f25 }
html.dark .talk-btn.on { background: #e5484d; color: #fff }
html.dark .act-tag.miss { color: #f78645; background: #262113 }
html.dark .act-tag.ok { color: #47f6ac; background: #14271b }
html.dark .act-tag.wait { color: #acb5c6; background: #1b1f25 }
html.dark .act-play { background: rgba(255, 255, 255, 0.11) }
html.dark .act-play svg { fill: #d5dae3 }
html.dark .lg-body { background: radial-gradient(900px 460px at 50% -140px, #141c29 0, rgba(20, 28, 41, 0.0) 70%), #1b1f26; color: #d3d7e2 }
html.dark .lg-brand i { box-shadow: 0 6px 14px rgba(31, 98, 214, .28), inset 0 1px 0 rgba(255, 255, 255, .04) }
html.dark .lg-date { color: #9ca4b1 }
html.dark .lg-tile { background: linear-gradient(180deg, #1e242f 0%, #192131 100%); box-shadow: inset 0 1px 0 rgba(255, 255, 255, .04), 0 1px 1px rgba(0, 0, 0, 0.10), 0 6px 14px rgba(0, 0, 0, 0.12), 0 22px 44px -16px rgba(0, 0, 0, 0.35) }
html.dark .lg-card { background: linear-gradient(180deg, #1e242f 0%, #192131 100%); box-shadow: inset 0 1px 0 rgba(255, 255, 255, .04), 0 2px 4px rgba(0, 0, 0, 0.12), 0 12px 24px rgba(0, 0, 0, 0.20), 0 32px 60px -18px rgba(0, 0, 0, 0.55) }
html.dark .lg-sub { color: #9ca4b1 }
html.dark .lg-field > span:first-child { color: #acb5c6 }
html.dark .lg-field input { background: #1a2028; color: #d3d7e2 }
html.dark .lg-field input:focus { background: #1e242f }
html.dark .lg-eye { color: #9ca4b1 }
html.dark .lg-eye[aria-pressed="true"] { color: #2f7bf6 }
html.dark .lg-btn { box-shadow: 0 10px 22px rgba(31, 98, 214, .28), inset 0 1px 0 rgba(255, 255, 255, .04) }
html.dark .lg-shield { background: #161d2b; color: #568be6 }
html.dark .lg-check { color: #b9c1d0 }
html.dark .lg-link { color: #568be6 }
html.dark .lg-link#back { color: #9ca4b1 }
html.dark .lg-error { color: #e66056 }
html.dark .lg-lang button { color: #9ca4b1 }
html.dark .lg-lang button.on { color: #568be6 }
@media (min-width: 960px) {
  html.dark .lg { background: #1e242f; box-shadow: inset 0 1px 0 rgba(255, 255, 255, .04), 0 2px 4px rgba(0, 0, 0, 0.12), 0 12px 24px rgba(0, 0, 0, 0.20), 0 40px 80px -24px rgba(0, 0, 0, 0.60) }
  html.dark .lg-hello { background: radial-gradient(520px 320px at 0% 0%, #141b27 0, rgba(20, 27, 39, 0.0) 70%), linear-gradient(160deg, #171f2d 0%, #19202e 60%, #191f2b 100%); border-right: 1px solid #2e3440 }
  html.dark .lg-card { background: #1e242f }
}
html.dark .tfa-qr { background: #1e242f }
html.dark .tfa-secret { background: #1a2028 }
html.dark .tfa-codes code { background: #1a2028 }
html.dark .me-av { color: #568be6; background: linear-gradient(180deg, #161d2b, #131a25); box-shadow: inset 0 1px 0 rgba(255, 255, 255, .04) }
@media (min-width: 1024px) {
  html.dark .tabbar .side-out:hover { background: #2c1616; color: #e66056 }
}
@media (min-width: 1024px) {
  html.dark.skin-panel .tabbar { background: linear-gradient(180deg, #1e242f 0%, #192131 100%); box-shadow: inset 0 1px 0 rgba(255, 255, 255, .04), 0 1px 1px rgba(0, 0, 0, 0.10), 0 6px 14px rgba(0, 0, 0, 0.12), 0 22px 44px -16px rgba(0, 0, 0, 0.35) }
  html.dark.skin-panel .tabbar .brand { color: #d3d7e2 }
  html.dark.skin-panel .tabbar .brand i { box-shadow: 0 6px 14px rgba(31, 98, 214, .28), inset 0 1px 0 rgba(255, 255, 255, .04) }
  html.dark.skin-panel .tabbar button[data-view] { color: #b9c1d0 }
  html.dark.skin-panel .tabbar button[data-view]:hover { background: #1a212a }
  html.dark.skin-panel .tabbar button[data-view].active { background: #171e2d; color: #568be6 }
  html.dark .nav-ic { box-shadow: 0 3px 8px rgba(0, 0, 0, 0.35), inset 0 1px 0 rgba(255, 255, 255, .04) }
}
html.dark .tfa-steps > li { background: #1b212b }
html.dark .tfa-qr { background: #1e242f }
html.dark .tfa-key-l { color: #acb5c6 }
html.dark .tfa-key { background: #1e242f }
html.dark .tfa-code { background: #1e242f; color: #d3d7e2 }
html.dark .lg-pk { box-shadow: 0 10px 22px rgba(0, 0, 0, 0.55), inset 0 1px 0 rgba(255, 255, 255, .04) }
html.dark .lg-or::before, html.dark .lg-or::after { background: #181c21 }
html.dark .lg-number { color: #cdd2de; background: #18202c; border: 1px solid #303743 }
html.dark .lg-wait { color: #9ca4b1 }
html.dark .set-select { border: 1px solid var(--line, #323844) }
html.dark .set-input { border: 1px solid var(--line, #323844); background: var(--card, #1e242f) }
html.dark .allow-box { border-top: 1px solid var(--line, #303642) }
html.dark .lg-sub .lg-key { color: #cdd2de }
html.dark .card-intro { border-bottom: 1px solid var(--line, #303642) }
html.dark .allow-mine { border: 1px solid var(--line, #323844); background: #181f2f }
html.dark .allow-mine small { color: #9ca4b1 }
html.dark .talk-btn { color: #cdd2de; background: linear-gradient(180deg, #1e242f, #191f2b) }
html.dark .talk-btn.on { box-shadow: 0 10px 22px rgba(224, 57, 63, .35), inset 0 1px 0 rgba(255, 255, 255, .04) }
html.dark .talk-btn.on svg { background: rgba(255, 255, 255, .22); box-shadow: none }
html.dark[data-theme="dark"] .talk-btn:not(.on) { color: #eef2f8; background: linear-gradient(180deg, #252d3b, #1c2330); box-shadow: inset 0 0 0 1px #2e3748 }
html.dark .ac-tabs { background: var(--bg, #1b1f25) }
html.dark .ac-tabs button[aria-pressed="true"] { background: var(--paper, #1e242f) }
@media (min-width: 1024px) {
  html.dark #sheet.ac-page .back-btn { background: var(--paper, #1e242f) }
  html.dark #sheet.ac-page > [data-body="ac"], html.dark #sheet.ac-page .ac-side > #ac-hist, html.dark #sheet.ac-page .ac-side > .sheet-settings { background: var(--paper, #1e242f) }
  html.dark #sheet.ac-page .ac-side .hb i { background: #1b2027 }
}
html.dark .cat[aria-pressed="true"] { background: var(--ink); color: #fff }
html.dark.skin-panel .cat[aria-pressed="true"] { background: linear-gradient(180deg, #4a90ff, var(--pn-blue-2)); color: #fff; box-shadow: 0 8px 18px rgba(47, 123, 246, .25) }
html.dark .pn-led { background: var(--pn-field, #1a2028) }
html.dark .pn-led.on { background: linear-gradient(135deg, #292314, #1e242f) }
html.dark .pn-led-ic { background: #1e242f }
html.dark .pn-led.on .pn-led-ic { color: #ffbb3d }
html.dark .pn-led-dim { background: #1e242f }
html.dark .pn-sh-allbtn { background: var(--pn-field, #1a2028) }
html.dark .pn-sh { background: var(--pn-field, #1a2028) }
html.dark .pn-sh-b { background: #1e242f }
html.dark .pn-sh-room-row { background: var(--pn-field, #1a2028) }
html.dark .pn-sh-sub .pn-sh { background: #1e242f }
html.dark .pn-sh-group.open > .pn-sh-room-row { background: #161d2b }
html.dark .door-snap.live .door-live::before { background: #110909 }
html.dark .door-src.on { background: #1c222b }
html.dark .en-tariff { color: #f47a48 }
html.dark .en-tariff.low { color: #59e48d }
html.dark .en-tar-g input { border: 1px solid var(--line, #323844); background: var(--paper, #1e242f) }
html.dark .en-app { background: #1a2028; color: #8c94a5 }
html.dark .en-appedit input { border: 1px solid var(--line, #323844) }
html.dark .en-appform input { border: 1px solid var(--line, #323844) }
html.dark .ac-en-c { background: var(--pn-field, #1a2028) }
html.dark .ac-en-c small { color: #6ad397 }
html.dark .smart-st.bad { color: #e85e54; background: #2a1615 }
html.dark .wg-qr-row { background: var(--pn-field, #1a2028) }
html.dark .wg-qr { background: #1e242f }
@media (max-width: 1023.98px) {
  html.dark .set-index { background: var(--card, #1e242f) }
  html.dark .set-idx-row + .set-idx-row { border-top: 1px solid var(--line, #303642) }
  html.dark #view-settings.sg-open .set-sec.cur > .set-back { background: none; color: var(--blue, #2f7bf6) }
}
html.dark #l-assume button[aria-pressed="true"] { background: #2f7bf6; color: #fff; box-shadow: 0 4px 12px rgba(47, 123, 246, .35) }
html.dark .en-meter-row { border-top: 1px solid var(--line, #303642) }
html.dark .wg-look { border-top: 1px solid var(--line, #303642) }
html.dark .wg-part[aria-pressed="true"] { background: #2f7bf6; color: #fff }
html.dark .wg-font[aria-pressed="true"] { background: rgba(47, 123, 246, .08) }
html.dark .pn-energy .pn-tar { color: #f47a48 }
html.dark .pn-energy .pn-tar.low { color: #59e48d }
html.dark .pn-acc:not(.on) .pn-spark { color: var(--slate) }
html.dark .door-visits { border-top: 1px solid var(--line, #303642) }
html.dark .pn-cover .pn-seg .pn-cb.active { background: var(--card, #1e242f) }
html.dark .pn-led.on .pn-led-t small { color: #ffb13d }
html.dark .pn-led-pick select { background: var(--card, #1e242f) }

/* ---- рачни поправки ---- */
/* основа */
html.dark.skin-panel {
  --bg: #0e1218; --paper: #161b24; --ink: #e8edf5; --slate: #98a2b3; --hair: #262e3b; --track: #252d3a;
  --pn-card: linear-gradient(180deg, #19202b 0%, #161c26 100%);
  --pn-field: #1e2632;
  --pn-shadow: inset 0 1px 0 rgba(255, 255, 255, .04), 0 1px 1px rgba(0, 0, 0, .3), 0 10px 30px rgba(0, 0, 0, .35);
  --pn-shadow-hi: inset 0 1px 0 rgba(255, 255, 255, .05), 0 12px 34px rgba(0, 0, 0, .45);
  --line: #2a3342;
}
html.dark.skin-panel body { background: radial-gradient(900px 420px at 50% -120px, #172236 0, rgba(23, 34, 54, 0) 70%), var(--bg); color: var(--ink); }
html.dark .switch::after { background: #f4f6fa; }
html.dark input, html.dark select, html.dark textarea { color: var(--ink); }
html.dark ::placeholder { color: #6f7a8c; }
html.dark .pn-card, html.dark .set-card, html.dark .modal-card, html.dark .sheet, html.dark .tabbar, html.dark .en-card { color: var(--ink); }
html.dark .lg-number { background: #1b2230; border-color: #2a3344; color: #eef2f8; }
html.dark .door-src.on { background: #000; }
html.dark img.logo, html.dark svg.logo { filter: none; }
html.dark .pn-cover .pn-ill svg, html.dark .pn-sh-ic svg { filter: brightness(.82) saturate(.9); }
html.dark .door-snap { background: #000; }
html.dark .en-chart [stroke="#dfe5ee"], html.dark .en-chart [stroke="#e9edf2"] { stroke: #2a3342; }
html.dark .en-maxl { background: transparent; }
/* прекинувачите на Уреди: светло копче, да се гледа дали е вклучено */
html.dark .dev .tog::after, html.dark.skin-panel .dev .tog::after { background: #eef2f8; }
html.dark .dev:not(.on) .tog::after { background: #c5ccd8; }