.theme-control{position:relative;flex-shrink:0;z-index:30;color:var(--ui-ink)}
.theme-trigger{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-width:42px;height:42px;padding:0 13px;border:1px solid #dfd2ea;border-radius:13px;background:#fff;color:#765296;font:700 11px Manrope,sans-serif;cursor:pointer;position:relative;transition:background-color .2s,border-color .2s,box-shadow .2s}
.theme-trigger:hover,.theme-trigger[aria-expanded=true]{background:#f1e9ff;border-color:#b393e1;box-shadow:0 3px 14px #7952e812}
.theme-icon{width:19px;height:19px;flex-shrink:0}
.theme-trigger>.theme-icon-dark{display:none}
.theme-auto-dot{display:none;position:absolute;right:8px;top:7px;width:5px;height:5px;border-radius:50%;background:#7952e8;box-shadow:0 0 0 2px #fff}
:root[data-theme-mode=system] .theme-auto-dot{display:block}
.theme-menu{position:absolute;right:0;top:calc(100% + 14px);width:314px;max-width:calc(100vw - 32px);padding:22px;border:1px solid #dfd0eb;border-radius:21px;background:#fff;box-shadow:0 20px 65px #39254e26;text-align:left;animation:theme-menu-in .18s ease-out}
.theme-menu[hidden]{display:none}
.theme-menu-heading>span{font-size:7px;letter-spacing:1.3px;font-weight:800;color:#896399}
.theme-menu-heading h2{font-size:19px;letter-spacing:-.6px;line-height:1.35;color:#39254e;margin:10px 0 9px}
.theme-menu-heading p{font-size:11px;line-height:1.7;color:#826c90;margin:0 0 18px}
.theme-choices{display:grid;gap:8px}
.theme-choices>button{display:flex;align-items:center;gap:12px;text-align:left;padding:12px 10px;min-height:66px;border:1px solid #e6dcec;border-radius:12px;background:#fff;color:#624976;font:inherit;cursor:pointer}
.theme-choices>button:hover{background:#faf6ff;border-color:#bea3e2}
.theme-choices>button[aria-pressed=true]{background:#f0e7ff;border-color:#a47dda;box-shadow:0 0 0 1px #7952e80c}
.theme-choice-icon{display:grid;place-items:center;width:35px;height:35px;border-radius:11px;flex-shrink:0;background:#f4eefe;color:#7952e8}
[data-theme-mode=light]>.theme-choice-icon{background:#fff0da;color:#a16b2a}
[data-theme-mode=dark]>.theme-choice-icon{background:#39254e;color:#dec5ff}
.theme-choices strong{display:block;font-size:12px;font-weight:750;line-height:1.5}
.theme-choices small{display:block;font-size:10px;line-height:1.7;margin-top:3px;color:#735b83}
.theme-choice-check{margin-left:auto;font-size:15px;font-weight:700;color:#7952e8;visibility:hidden;flex-shrink:0}
.theme-choices [aria-pressed=true]>.theme-choice-check{visibility:visible}
.theme-status{font-size:10px;line-height:1.8;color:#735b83;padding-top:15px;margin:15px 0 0;border-top:1px solid #ece3f3}
.topbar{position:relative;z-index:20}
.guest-page>.theme-control{position:absolute;right:24px;top:28px}
.comparison-actions{display:flex;align-items:center;gap:14px}
.lp-nav-wrap>.theme-control{margin-left:auto}
:root[data-theme=light]{color-scheme:light}
:root[data-theme=dark]{color-scheme:dark}
:root[data-theme=dark] .theme-trigger{background:#2c2238;border-color:#5e4770;color:#dbc2ff}
:root[data-theme=dark] .theme-trigger:hover,:root[data-theme=dark] .theme-trigger[aria-expanded=true]{background:#39284c;border-color:#a383c5;box-shadow:0 3px 14px #0002}
:root[data-theme=dark] .theme-trigger>.theme-icon-light{display:none}
:root[data-theme=dark] .theme-trigger>.theme-icon-dark{display:block}
:root[data-theme=dark] .theme-auto-dot{background:#d6baff;box-shadow:0 0 0 2px #2c2238}
:root[data-theme=dark] .theme-menu{background:#231b2d;border-color:#644c77;box-shadow:0 20px 65px #0007}
:root[data-theme=dark] .theme-menu-heading>span{color:#c8a6df}
:root[data-theme=dark] .theme-menu-heading h2{color:#f3edf9}
:root[data-theme=dark] .theme-menu-heading p,:root[data-theme=dark] .theme-status{color:#bfadcc}
:root[data-theme=dark] .theme-choices>button{background:#2b2137;border-color:#4e3c5d;color:#e4d4ef}
:root[data-theme=dark] .theme-choices>button:hover{background:#39284a;border-color:#8e69ad}
:root[data-theme=dark] .theme-choices>button[aria-pressed=true]{background:#46305d;border-color:#b68be6}
:root[data-theme=dark] .theme-choice-icon{background:#44305b;color:#e0c6ff}
:root[data-theme=dark] [data-theme-mode=light]>.theme-choice-icon{background:#55402c;color:#ffdb9f}
:root[data-theme=dark] [data-theme-mode=dark]>.theme-choice-icon{background:#261834;color:#dec5ff}
:root[data-theme=dark] .theme-choices small{color:#c4afd4}
:root[data-theme=dark] .theme-choice-check{color:#e0bdff}
:root[data-theme=dark] .theme-status{border-color:#4e3c5c}
:root[data-theme=dark] .mobile-brand .iskra-logo{color:#c9acff}
/* Only paint transitions are animated: cards, sensor geometry and map positions
   retain their own styles. Reduced motion also covers the MapLibre palette. */
.theme-changing :is(body,.sidebar,.topbar,.surface,.people-panel,.map-bottom,.map-label,.radius-label,.map-legend,.profile-details,.modal,.modal-close,.messenger-link,.contact-address,.conversations-panel,.conversation-header,.chat-composer,.incoming .message-bubble,.form-field input,.form-field select,.form-field textarea,.lp-header,.lp-feature,.lp-pro-section,.lp-plan,.lp-final,.theme-trigger,.theme-menu,.theme-choices>button){transition:background-color .24s ease,color .2s ease,border-color .24s ease,box-shadow .24s ease}
@keyframes theme-menu-in{from{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:1100px){.theme-trigger-label{display:none}.theme-trigger{width:42px;padding:0}.top-right{gap:13px}}
@media(max-width:900px){.lp-nav-wrap>.theme-control{margin-left:auto}.lp-header-cta{display:none}.lp-nav-wrap .lp-menu-toggle{order:3}.lp-nav-wrap>.theme-control{order:2}.lp-menu-toggle{margin-left:0}}
@media(max-width:600px){.topbar{gap:9px}.top-right{gap:9px}.theme-trigger{width:38px;height:40px;min-width:38px;border-radius:12px}.theme-trigger-label{display:none}.theme-menu{position:fixed;top:77px;right:16px;width:314px;max-height:calc(100dvh - 100px);overflow:auto}.guest-page>.theme-control{top:26px;right:18px}.guest-page .theme-menu{top:78px}.comparison-actions{gap:9px}.comparison-actions .comparison-back{font-size:10px;padding:10px 9px;gap:6px}.comparison-bar{gap:12px}.lp-nav-wrap{gap:10px}.lp-header .theme-menu{top:78px}}
@media(max-width:360px){.topbar{gap:7px}.top-right{gap:7px}.demo-badge{font-size:0;padding:8px;gap:0}.demo-badge:after{content:'Демо';font-size:7px;margin-left:5px}.theme-trigger{width:35px;min-width:35px;height:38px}.theme-menu{right:12px;width:296px;max-width:calc(100vw - 24px);padding:19px}.guest-page>.theme-control{right:15px;top:24px}.comparison-actions .comparison-back{font-size:9px;padding:10px 7px}.comparison-brand{width:115px}.comparison-brand .iskra-logo{font-size:27px}}
@media(prefers-reduced-motion:reduce){.theme-changing *,.theme-menu,.theme-trigger{animation:none!important;transition:none!important}}

/* Shared theme menu: consistent touch targets and readable descriptions. */
.theme-trigger{min-width:44px;min-height:44px;height:44px}
.theme-menu-heading>span{font-size:10px;letter-spacing:1px}
.theme-menu-heading p,.theme-status{font-size:12px;line-height:1.7}
.theme-choices strong{font-size:14px}
.theme-choices small{font-size:12px;line-height:1.6}
@media(max-width:800px){.theme-trigger{width:44px;min-width:44px;height:44px}.theme-menu{top:calc(var(--app-topbar-height,72px) + 8px)}}