/* Личное портфолио — переключатель темы и светлая тема (html[data-theme=light]). Тёмная — по умолчанию, в pf.css.
   Светлая палитра: тёплый кремовый фон, тёмные чернила, то же золото, затемнённое для контраста (--och — текст/рамки, --och-bg — заливки). */

/* ===== переключатель (капсула: солнце / луна, активная — золотой круг) ===== */
.hdr-r{display:flex;align-items:center;gap:12px;justify-self:end}
.thm-tg{display:inline-flex;align-items:center;gap:2px;height:44px;padding:4px;border-radius:999px;flex:0 0 auto;background:rgba(21,21,19,.6);border:1px solid var(--bd2);color:inherit;transition:background-color .3s,border-color .3s}
.thm-tg .tt-i{width:34px;height:34px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#A39C90;transition:background-color .3s,color .3s}
.thm-tg svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.thm-tg .tt-moon{background:#C9A040;color:#141412}
.thm-tg .tt-moon svg{fill:currentColor;stroke:none}
.thm-tg:hover{border-color:rgba(201,160,64,.6)}
.thm-tg:hover .tt-sun{color:#EFE9DE}
.thm-tg:focus-visible{outline:2px solid #C9A040;outline-offset:3px}
html[data-theme=light] .thm-tg{background:rgba(255,253,248,.75)}
html[data-theme=light] .thm-tg .tt-sun{background:var(--och-bg);color:#1D1C19}
html[data-theme=light] .thm-tg .tt-sun svg{fill:currentColor;stroke:currentColor}
html[data-theme=light] .thm-tg .tt-moon{background:none;color:#6B655A}
html[data-theme=light] .thm-tg .tt-moon svg{fill:none;stroke:currentColor}
html[data-theme=light] .thm-tg:hover .tt-moon{color:#1D1C19}
html[data-theme=light] .thm-tg:focus-visible{outline-color:var(--och)}
@media (max-width:1000px){.hdr-r{gap:8px}.thm-tg{height:42px}.thm-tg .tt-i{width:32px;height:32px}}
@media (max-width:680px){.thm-tg{height:40px;padding:3px}.thm-tg .tt-i{width:32px;height:32px}.thm-tg svg{width:15px;height:15px}}
@media print{.thm-tg{display:none}}
/* смена темы: без разнобойных transition — мгновенно (класс thm-switch), плавно — одним кросс-фейдом View Transitions */
html.thm-switch,html.thm-switch *,html.thm-switch *::before,html.thm-switch *::after{transition:none!important;animation-play-state:paused!important}
::view-transition-old(root),::view-transition-new(root){animation-duration:.28s;animation-timing-function:ease}
@media (prefers-reduced-motion:reduce){::view-transition-old(root),::view-transition-new(root){animation:none}}

/* ===== светлая тема: переменные ===== */
html[data-theme=light]{--bg:#EFEADF;--frame:#FBF8F2;--card:#FFFDF8;--card2:#F4EFE5;--bd:rgba(48,40,26,.12);--bd2:rgba(48,40,26,.22);
 --iv:#1D1C19;--iv2:#3E3A33;--mut:#666055;--mut2:#7C7569;--och:#8A6414;--och2:#6F500F;--och-bg:#C9A04A;--pat:#3F7A67;--red:#A9462C;
 color-scheme:light;
 background-image:linear-gradient(rgba(48,40,26,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(48,40,26,.05) 1px,transparent 1px)}
html[data-theme=light] body{background-color:transparent;background-image:none}
html[data-theme=light] .skip{background:var(--och-bg);color:#1D1C19}
html[data-theme=light] :focus-visible{outline-color:var(--och)}
html[data-theme=light] ::selection{background:rgba(201,160,74,.35);color:#1D1C19}

/* золотые заливки — светлее, с тёмным текстом; ПРИМЕР-бейджи */
html[data-theme=light] .ex,html[data-theme=light] .tag.och,html[data-theme=light] .seg [aria-pressed="true"],html[data-theme=light] .seg .on,
html[data-theme=light] input:checked+.cb,html[data-theme=light] .cb.on,html[data-theme=light] .kx-steps li.cur .n,
html[data-theme=light] .zos .zos-tog button[aria-pressed="true"],html[data-theme=light] .ofroute:hover{background:var(--och-bg);border-color:var(--och-bg);color:#1D1C19}
html[data-theme=light] .ex{background:#B98F38;color:#fff;font-weight:600}
html[data-theme=light] .btn.p{background:var(--och-bg);border-color:var(--och-bg);color:#1D1C19}
html[data-theme=light] .btn.p:hover{background:#B8903C;border-color:#B8903C}
html[data-theme=light] .m3d-hot-dot,html[data-theme=light] .hs i,html[data-theme=light] .tl .cur i,html[data-theme=light] input:checked+.rd::after,
html[data-theme=light] input:checked+.tog,html[data-theme=light] .kx-bar i,html[data-theme=light] .mmbox i.done{background:var(--och-bg)}
html[data-theme=light] .tl .cur i{border-color:var(--och-bg)}
html[data-theme=light] .mk,html[data-theme=light] .ph{background:rgba(201,160,74,.14);outline-color:rgba(138,100,20,.75)}

/* «светлые» кнопки/чипы тёмной темы → тёмные чернила на креме */
html[data-theme=light] .btn.l{background:#1D1C19;color:#F6F1E7;border-color:#1D1C19}
html[data-theme=light] .btn.l:hover{background:#34312B;border-color:#34312B}
html[data-theme=light] .btn:hover{border-color:var(--iv2)}
html[data-theme=light] .chip.on,html[data-theme=light] .chip[aria-pressed="true"],html[data-theme=light] .st.on{background:#1D1C19;color:#F6F1E7;border-color:#1D1C19}
html[data-theme=light] .chip.on .n,html[data-theme=light] .chip[aria-pressed="true"] .n,html[data-theme=light] .st.on .no,html[data-theme=light] .st.on .ic{color:#BDB5A6}
html[data-theme=light] .tag.done{background:#1D1C19;color:#F6F1E7;border-color:#1D1C19}
html[data-theme=light] .tag.work,html[data-theme=light] .tag.ok,html[data-theme=light] .pill.work{background:rgba(63,122,103,.12);color:#2E6654;border-color:rgba(63,122,103,.45)}
html[data-theme=light] .tag.red{background:rgba(169,70,44,.1);color:#9A3E26;border-color:rgba(169,70,44,.45)}
html[data-theme=light] .ok,html[data-theme=light] .sv-b ul.inc li{color:#2E6654}
html[data-theme=light] .no,html[data-theme=light] .sv-b ul.exc li,html[data-theme=light] .kx-menu .no{color:#9A3E26}
html[data-theme=light] .lnk2:hover{color:var(--och2)}
html[data-theme=light] .tog{background:#D8D1C3}
html[data-theme=light] .tog::after{background:#fff}

/* шапка, меню, подвал */
html[data-theme=light] .hdr{background:rgba(251,248,242,.72)}
html[data-theme=light] .brand .nm .mk{border-color:rgba(138,100,20,.8);background:rgba(201,160,74,.1)}
@media (max-width:1000px){html[data-theme=light] .nav{background:#FBF8F2;box-shadow:0 30px 60px rgba(60,50,30,.18)}}
html[data-theme=light] .ftr a.u,html[data-theme=light] .lnk{text-decoration-color:rgba(138,100,20,.5)}

/* панели разделов и слово-водяной знак */
html[data-theme=light] .pnl-bg{background:#FAF7F1;border-color:rgba(48,40,26,.1);box-shadow:0 30px 80px rgba(60,50,30,.10),inset 0 1px 0 #fff}
html[data-theme=light] .pnl-wm{color:rgba(48,40,26,.055)}
@media (max-width:680px){html[data-theme=light] .pnl-wm{color:rgba(48,40,26,.05)}}

/* карточки, блоки, полупрозрачные тёмные подложки */
html[data-theme=light] .o-facts>div{background:#FFFDF8}
html[data-theme=light] .o-facts,html[data-theme=light] .o-main,html[data-theme=light] .kx-card,html[data-theme=light] .kx-prep,html[data-theme=light] .hkc,html[data-theme=light] .hform{background:rgba(255,253,248,.85)}
html[data-theme=light] .pill{background:rgba(255,253,248,.9)}
html[data-theme=light] .seg{background:rgba(48,40,26,.05)}
html[data-theme=light] .inp{background:#fff;border-color:rgba(48,40,26,.26)}
html[data-theme=light] .inp:focus{border-color:var(--och)}
html[data-theme=light] input::placeholder,html[data-theme=light] textarea::placeholder{color:#9A9385}
html[data-theme=light] .errors{color:#8E3A23;background:rgba(169,70,44,.07)}
html[data-theme=light] .okbox{color:#2E6654;background:rgba(63,122,103,.08)}
html[data-theme=light] .cookie{background:#FFFDF8;border-color:rgba(138,100,20,.5);box-shadow:0 20px 60px rgba(60,50,30,.22)}
html[data-theme=light] .sbar,html[data-theme=light] .bar{background:#FFFDF8;box-shadow:0 20px 50px rgba(60,50,30,.18)}
html[data-theme=light] .o-sticky{background:rgba(255,253,248,.96)}
html[data-theme=light] .kx-menu{background:#FFFDF8;box-shadow:0 20px 50px rgba(60,50,30,.2)}
html[data-theme=light] .kx-steps li.done .n{background:#4F8B75;border-color:#4F8B75;color:#fff}
html[data-theme=light] .kx-steps li.kx-warn .n::after{box-shadow:0 0 0 2px #FAF7F1}
html[data-theme=light] .kx-bar{background:rgba(48,40,26,.1)}
html[data-theme=light] .reestr .rrows tr.sec td{background:rgba(48,40,26,.04)}
html[data-theme=light] .zos .zos-t thead th{background:var(--card)}
html[data-theme=light] .doc .th.cover{background:linear-gradient(160deg,#F1EBDF,#E4DCCC)}
@media (max-width:900px){
 html[data-theme=light] .kx-prev{background:#EFEADF}
 html[data-theme=light] .kx-nav{background:linear-gradient(rgba(250,247,241,0),#FAF7F1 30%)}
}
/* предпросмотр документов: листы остаются белыми, подложка — светло-серая */
html[data-theme=light] .kx-prev .prevbox,html[data-theme=light] .kx-prev .prevbox iframe{background:#CFCAC0}
html[data-theme=light] .kx-shot img{box-shadow:0 18px 50px rgba(60,50,30,.25)}

/* картинки, 3D, схемы — тёмные подложки под фото оставлены, рамки светлые */
html[data-theme=light] .ocard .im,html[data-theme=light] .ocard2 .im,html[data-theme=light] .srow .pic{background:#E4DED2}
html[data-theme=light] .o-sc.emp .th{background:#F4EFE5}
html[data-theme=light] .o-sc .th{border-color:rgba(48,40,26,.2)}
html[data-theme=light] .o-scene{background:radial-gradient(ellipse at 50% 45%,#F7F3EB,#DCD5C7 75%)}
html[data-theme=light] .m3d{background:radial-gradient(ellipse at 50% 38%,#F8F4EC 0%,#E6E0D4 60%,#D6CFC1 100%)}
html[data-theme=light] .m3d:fullscreen{background:#E6E0D4}
html[data-theme=light] .m3d-status,html[data-theme=light] .m3d-hint{background:rgba(255,253,248,.85);color:#1D1C19}
html[data-theme=light] .m3d-tools button{background:rgba(255,253,248,.85);border-color:rgba(48,40,26,.22);color:#1D1C19}
html[data-theme=light] .m3d-tools button:hover{background:#fff}
html[data-theme=light] .lb{background:rgba(239,234,223,.95)}
html[data-theme=light] .lb-x{background:#FFFDF8}
html[data-theme=light] .lightbox{background:rgba(239,234,223,.95)}

/* «было — стало» (переменные ХОРОС-стиля --och-bg уже учитывает ba.css для data-mode — повторяем для data-theme) */
html[data-theme=light] .ba{background:#E6E0D4}
html[data-theme=light] .ba-tag-b{background:rgba(255,253,249,.88);color:#1D1C19;border-color:rgba(48,40,26,.18)}
html[data-theme=light] .ba-tag-a,html[data-theme=light] .ba-line,html[data-theme=light] .ba-knob{background:var(--och-bg);color:#1D1C19}
html[data-theme=light] .ba-knob{box-shadow:0 0 0 7px rgba(201,160,74,.25),0 6px 16px rgba(60,50,30,.35)}
html[data-theme=light] .ba-handle:focus-visible .ba-knob{box-shadow:0 0 0 3px #fff,0 0 0 6px var(--och)}
html[data-theme=light] .ba-m-back{background:rgba(236,231,221,.9)}
html[data-theme=light] .ba-m-box{background:#F8F5EF;box-shadow:0 30px 80px -24px rgba(60,50,30,.45)}
html[data-theme=light] .ba-zoom:hover,html[data-theme=light] .ba-m-btn:hover{background:rgba(201,160,74,.16)}

/* полоса карты: сама карта тёмная, края растворяются в кремовом фоне */
html[data-theme=light] .mstrip{border-color:rgba(48,40,26,.22)}
html[data-theme=light] .mstrip::after{background:linear-gradient(90deg,rgba(239,234,223,.95) 0,rgba(239,234,223,.15) 22%,rgba(239,234,223,.15) 78%,rgba(239,234,223,.95) 100%)}
@media (max-width:680px){html[data-theme=light] .mstrip::after{background:radial-gradient(ellipse at center,transparent 45%,rgba(239,234,223,.75))}}
html[data-theme=light] .mstrip .lbl2{color:#1D1C19;text-shadow:0 0 6px #fff,0 0 2px #fff}
html[data-theme=light] .mmbox{background:#FFFDF8}
html[data-theme=light] .mm-list a{color:#3E3A33}
html[data-theme=light] .mm-list a:hover,html[data-theme=light] .mm-list a.is-hl{color:#1D1C19}

/* ===== меню-капсула в шапке (как переключатель темы): рамка, радиус, высота, фон; активный пункт — заливка-таблетка ===== */
@media (min-width:1001px){
 .nav{align-self:center;justify-self:center;align-items:center;gap:2px;height:44px;padding:4px;border-radius:999px;background:rgba(21,21,19,.6);border:1px solid var(--bd2)}
 .nav a{display:flex;align-items:center;height:34px;padding:0 16px;border-radius:999px;transition:background-color .2s,color .2s}
 .nav a:hover{color:var(--iv);background:rgba(239,233,222,.06)}
 .nav a.on{background:#EFE9DE;color:#141412;font-weight:600;box-shadow:none}
 html[data-theme=light] .nav{background:rgba(255,253,248,.75)}
 html[data-theme=light] .nav a:hover{background:rgba(48,40,26,.06)}
 html[data-theme=light] .nav a.on{background:var(--och-bg);color:#1D1C19}
}
@media (min-width:1001px) and (max-width:1240px){.nav a{padding:0 12px;font-size:14px}}

/* ===== 18. Карта Москвы в светлой теме: светлая подложка, золотые кольца, белые таблички (как ХОРОС V2) ===== */
html[data-theme=light] .bh-foot{background:linear-gradient(transparent,rgba(248,245,239,.85))!important}

/* карта Москвы: светлая подложка, светлые таблички */
.mm-in>img.mm-l{display:none}
html[data-theme=light] .mm-in>img.mm-d{display:none}
html[data-theme=light] .mm-in>img.mm-l{display:block}
html[data-theme=light] .mmap{background:#ECE7DD}
html[data-theme=light] .mmbox{background:var(--card)}
html[data-theme=light] .mm-list a{color:var(--iv2)}
html[data-theme=light] .mm-list a:hover,html[data-theme=light] .mm-list a.is-hl,html[data-theme=light] .mm-list a:focus-visible{background:rgba(201,160,74,.14);color:var(--iv)}
html[data-theme=light] .mmbox i.done{background:var(--och-bg)}
html[data-theme=light] .mm-ring{color:#6E5214;text-shadow:0 0 5px #F4F0E8,0 0 2px #F4F0E8}
html[data-theme=light] .mm-city{background:rgba(255,253,249,.88);border-color:rgba(140,106,30,.5);box-shadow:0 6px 24px -8px rgba(60,50,30,.35)}
html[data-theme=light] .mm-pin{--c:#B88A2E;--c2:#9A7020}
html[data-theme=light] .mm-pin.live{--c:#4F8A76;--c2:#3C7462}
html[data-theme=light] .mm-pin.office{--c:#B88A2E;--c2:#9A7020}
html[data-theme=light] .mm-ico{filter:drop-shadow(0 3px 4px rgba(60,50,30,.35))}
html[data-theme=light] .mm-dot{background:#FFFDF9;box-shadow:0 0 0 3px color-mix(in srgb,var(--c) 25%,transparent),0 2px 6px rgba(60,50,30,.3)}
html[data-theme=light] .mm-lbl,html[data-theme=light] .mm-tip{background:rgba(255,253,249,.94);border-color:rgba(48,40,26,.22);box-shadow:0 4px 16px -6px rgba(60,50,30,.35)}
html[data-theme=light] .ofroute{background:rgba(255,253,249,.92);border-color:rgba(140,106,30,.5)}
html[data-theme=light] .ofroute:hover{background:var(--och-bg);color:#1D1C19}
html[data-theme=light] .ofmap .mmap{border-color:rgba(140,106,30,.3)}
html[data-theme=light] .mm-office{filter:drop-shadow(0 10px 14px rgba(60,50,30,.35))}
html[data-theme=light] .mm-attr{color:rgba(29,28,25,.55)}
html[data-theme=light] .mstrip{background:#ECE7DD}
html[data-theme=light] .mm-lbl,html[data-theme=light] .mm-tip,html[data-theme=light] .mm-city{color:#1D1C19}

/* ===== 4. Плавные переходы между страницами: cross-document View Transitions (Chrome/Edge/Safari 18.2+), иначе — мягкое появление содержимого ===== */
@media (prefers-reduced-motion:no-preference){
 @view-transition{navigation:auto}
 .hdr{view-transition-name:pf-hdr}
 ::view-transition-group(pf-hdr){animation:none}
 ::view-transition-old(root){animation:pfVtOut .2s ease both}
 ::view-transition-new(root){animation:pfVtIn .3s cubic-bezier(.2,.7,.2,1) both}
 @supports not (view-transition-name:none){main,.fpnl{animation:pfFadeIn .35s ease both}}
}
@keyframes pfVtOut{to{opacity:0}}
@keyframes pfVtIn{from{opacity:0;transform:translateY(6px)}}
@keyframes pfFadeIn{from{opacity:0}}
/* смена темы (тот же документ) — только кросс-фейд, без сдвига */
html.thm-switch::view-transition-old(root){animation:pfVtOut .28s ease both}
html.thm-switch::view-transition-new(root){animation:pfFadeIn .28s ease both}
html.thm-switch::view-transition-old(pf-hdr){animation:pfVtOut .28s ease both}
html.thm-switch::view-transition-new(pf-hdr){animation:pfFadeIn .28s ease both}

/* замечание 5: корзина в светлой теме */
html[data-theme=light] .cart-tg{background:rgba(255,255,255,.7);color:#4a463f}
html[data-theme=light] .cart-tg:hover,html[data-theme=light] .cart-tg.on{color:#9a7424;border-color:#b48a35}
html[data-theme=light] .cart-n{background:#b48a35;color:#fff}
html[data-theme=light] .ci-k{color:#9a7424}

/* ==========================================================================
   GLASS 2026 — светлая тема и переключатель (тёмная — блок GLASS 2026 в конце pf.css)
   ========================================================================== */
.thm-tg .tt-moon{background:var(--glass);color:var(--ink)}
.thm-tg .tt-sun{color:rgba(244,243,239,.75)}
.thm-tg:hover{border-color:rgba(255,255,255,.5)}
html[data-theme=light]{--bg:#ECEBE6;--ink:#16171A;--frame:rgba(255,255,255,.62);--card:rgba(255,255,255,.66);--card2:rgba(255,255,255,.82);--bd:rgba(22,23,26,.09);--bd2:rgba(22,23,26,.16);
 --iv:#16171A;--iv2:#3B3D42;--mut:#4C4F55;--mut2:#5C5F65;--och:#7A4708;--och2:#5E3905;--och-bg:#E8A03C;--amb:#B8741A;--pat:#2F6F62;--red:#A9462C;
 --gl-l:rgba(255,255,255,.74);--gl-m:rgba(255,255,255,.44);--gl-d:rgba(255,255,255,.9);--gbg:url("../img/glass/bg-light.webp");background-image:none}
html[data-theme=light] body::after{background:linear-gradient(180deg,rgba(236,235,230,0) 0,rgba(236,235,230,.3) 60%,rgba(236,235,230,.6) 100%)}
html[data-theme=light] .thm-tg{background:rgba(255,255,255,.6)}
html[data-theme=light] .thm-tg .tt-sun{background:var(--ink);color:#fff}
html[data-theme=light] .thm-tg .tt-moon{background:none;color:#5C5F65}
html[data-theme=light] .nav,html[data-theme=light] .cart-tg,html[data-theme=light] .burger{background:rgba(255,255,255,.55);border-color:rgba(22,23,26,.10)}
html[data-theme=light] .nav a{color:var(--ink)}html[data-theme=light] .nav a:hover{background:rgba(22,23,26,.05)}
html[data-theme=light] .nav a.on{background:var(--ink);color:#fff}
html[data-theme=light] .lg9{color:var(--ink)}
html[data-theme=light] .btn{border-color:rgba(22,23,26,.28);color:var(--ink);background:rgba(255,255,255,.3)}
html[data-theme=light] .btn:hover{border-color:rgba(22,23,26,.5);background:rgba(255,255,255,.6)}
html[data-theme=light] .btn .ar{background:rgba(22,23,26,.08)}
html[data-theme=light] .btn.l,html[data-theme=light] .btn.p{background:var(--ink);color:#fff;border-color:var(--ink)}
html[data-theme=light] .btn.l .ar,html[data-theme=light] .btn.p .ar{background:#fff;color:var(--ink)}
html[data-theme=light] .ex{background:rgba(232,160,60,.26);color:#5E3905}
html[data-theme=light] .mk,html[data-theme=light] .ph{color:#6E4206;border-color:#C98A2E;background:rgba(232,160,60,.1)}
html[data-theme=light] em{color:var(--mut)}
html[data-theme=light] .h9-k{color:var(--mut)}
html[data-theme=light] .frame,html[data-theme=light] .card,html[data-theme=light] .fpnl,html[data-theme=light] .hform,html[data-theme=light] .hsv{border-color:rgba(255,255,255,.85);box-shadow:0 1px 0 rgba(22,23,26,.03)}
html[data-theme=light] .gl-l,html[data-theme=light] .gc,html[data-theme=light] .hkc{background:var(--gl-l);border-color:rgba(255,255,255,.9)}
html[data-theme=light] .gh-st .gc.m{--iv:#16171A;--iv2:#3B3D42;--mut:#5C5F65;background:var(--gl-m)}
html[data-theme=light] .gh-st .gi{border-color:rgba(22,23,26,.2)}
html[data-theme=light] .pnl-bg{background:transparent!important}
html[data-theme=light] .fpnl{background:var(--frame)}
html[data-theme=light] .ocard2{background:#d9d8d2}
html[data-theme=light].lowfx,html[data-theme=light] .lowfx{--frame:#FAFAF8;--card:#FFFFFF;--card2:#F4F3EF;--gl-l:#FFFFFF;--gl-m:#F1F0EC}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){html[data-theme=light]{--frame:#FAFAF8;--card:#FFFFFF;--card2:#F4F3EF;--gl-l:#FFFFFF;--gl-m:#F1F0EC}}
@media (prefers-reduced-transparency:reduce){html[data-theme=light]{--frame:#FAFAF8;--card:#FFFFFF;--card2:#F4F3EF;--gl-l:#FFFFFF;--gl-m:#F1F0EC}}
html[data-theme=light] .hdr{background:transparent!important;border-bottom:0!important;box-shadow:none!important}
@media (max-width:1000px){html[data-theme=light] .nav{background:rgba(255,255,255,.96)}html[data-theme=light] .nav a.on{background:var(--ink);color:#fff}}
/* GLASS фаза 2 — светлая */
html[data-theme=light] .seg{background:rgba(255,255,255,.55);border-color:rgba(22,23,26,.10)}
html[data-theme=light] .seg [aria-pressed="true"],html[data-theme=light] .seg .on{background:var(--ink);color:#fff}
html[data-theme=light] .o-facts>div,html[data-theme=light] .o-about{border-color:rgba(255,255,255,.9)!important}
html[data-theme=light] .o-scene{background:radial-gradient(ellipse at 50% 45%,#f7f6f2,#dedcd5 75%);border-color:rgba(255,255,255,.9)}
html[data-theme=light] .m3d-btn{background:rgba(255,255,255,.7)!important;border-color:rgba(22,23,26,.12)!important;color:var(--ink)!important}
html[data-theme=light] .mstrip{background:var(--frame);border-color:rgba(255,255,255,.85)}
/* GLASS фаза 3 — светлая */
html[data-theme=light] .svc{background:rgba(255,255,255,.72);border-color:rgba(255,255,255,.9)}
html[data-theme=light] .svc.open,html[data-theme=light] .svc.on{background:rgba(255,255,255,.92)}
html[data-theme=light] .sbar{background:rgba(22,23,26,.92);--iv:#F4F3EF;color:#F4F3EF}
html[data-theme=light] .sbar .lbl2,html[data-theme=light] .sbar .sel{color:rgba(244,243,239,.85)}
html[data-theme=light] .sbar .btn{background:#F4F3EF;color:#16171A;border-color:#F4F3EF}
html[data-theme=light] .g3-s{--iv:#16171A;--mut:#4C4F55;color:#16171A}
html[data-theme=light] .g3-o{background:#d9d8d2}
html[data-theme=light] .seg.has-pill [aria-pressed="true"],html[data-theme=light] .seg.has-pill .on{background:transparent!important}
html[data-theme=light] .seg-pill{background:var(--ink)}
html[data-theme=light] .seg [aria-pressed="true"],html[data-theme=light] .seg [aria-pressed="true"]:hover,html[data-theme=light] .seg .on{color:#fff!important}
html[data-theme=light] .nav .seg-pill{background:var(--ink)}
html[data-theme=light] .nav a.on,html[data-theme=light] .nav a.pf-to{color:#fff!important}html[data-theme=light] .nav a.pf-off{color:var(--ink)!important}
html[data-theme=light] .nav.has-pill a:not(.on):hover{background:rgba(22,23,26,.05)}
html[data-theme=light] .thm-tg .tt-sun{color:#fff}html[data-theme=light] .thm-tg .tt-moon{color:#5C5F65}
html.thm-switch .thm-tg::before{transition:transform var(--dur) var(--ease),background-color var(--dur) var(--ease)!important}
html.thm-switch .thm-tg .tt-i{transition:color var(--dur) var(--ease)!important}
@media (prefers-reduced-motion:reduce){html.thm-switch .thm-tg::before{transition:none!important}}
html[data-theme=light] .svc .pick{background:rgba(255,255,255,.6)!important}
html[data-theme=light] .svc.on .pick{box-shadow:inset 0 1px 0 rgba(255,255,255,.4),0 8px 22px rgba(60,130,140,.30),0 0 14px rgba(159,211,196,.35)}
/* GLASS: переход по меню — шапка без кросс-фейда, пилюля меню морфит от старого пункта к новому силами View Transitions (композитор), содержимое — короткое затухание */
@media (prefers-reduced-motion:no-preference){
 .nav>.seg-pill{view-transition-name:pf-pill}
 ::view-transition-old(pf-hdr){animation:none;display:none}
 ::view-transition-new(pf-hdr){animation:none}
 ::view-transition-group(pf-pill){animation-duration:.28s;animation-timing-function:cubic-bezier(.3,.7,.2,1)}
 ::view-transition-old(pf-pill),::view-transition-new(pf-pill){animation:none;height:100%}
 ::view-transition-old(pf-pill){display:none}
 ::view-transition-old(root){animation:pfVtOut .12s ease both}
 ::view-transition-new(root){animation:pfFadeIn .18s ease both}
}
/* светлый фон: те же пятна, светлые оттенки + шум */
html[data-theme=light]{--g1:#B4C6DC;--g2:#DED6CA;--g3:#C3CFC6;--g4:#D3D1B4;--g5:#ECEBE6;--g0:#DCE2E6}
html[data-theme=light] body::after{background-image:var(--noise),linear-gradient(180deg,rgba(236,235,230,0) 0,rgba(236,235,230,.25) 62%,rgba(236,235,230,.55) 100%)!important;opacity:.7}
/* ==========================================================================
   СВЕТЛАЯ ТЕМА: «Мятный градиент» вместо чёрных пилюль (тёмная тема не меняется).
   Градиент #347F86 → #2B6F73 (белый текст ≥ 4.6:1, WCAG AA), мятный блик и мягкое свечение #9FD3C4.
   ========================================================================== */
html[data-theme=light]{--mint-g:linear-gradient(135deg,#35818A 0%,#317A82 40%,#2B6F73 100%);--mint-g2:linear-gradient(135deg,#35818A 0%,#337E86 45%,#2E767A 100%);
 --mint-sh:inset 0 1px 0 rgba(222,244,236,.55),inset 0 0 0 1px rgba(159,211,196,.35),0 6px 18px rgba(60,130,140,.28),0 0 16px rgba(159,211,196,.35)}
html[data-theme=light] .btn.l,html[data-theme=light] .btn.p,html[data-theme=light] .gl-l .btn.p,html[data-theme=light] .gl-l .btn.l,html[data-theme=light] .gc .btn.l,
html[data-theme=light] .kx-card .btn.p,html[data-theme=light] .hdr .cta,html[data-theme=light] .sbar .btn{
 background:var(--mint-g)!important;color:#fff!important;border-color:rgba(159,211,196,.7)!important;box-shadow:var(--mint-sh)}
html[data-theme=light] .btn.l:hover,html[data-theme=light] .btn.p:hover,html[data-theme=light] .kx-card .btn.p:hover,html[data-theme=light] .hdr .cta:hover,html[data-theme=light] .sbar .btn:hover{
 background:var(--mint-g2)!important;box-shadow:inset 0 1px 0 rgba(222,244,236,.6),inset 0 0 0 1px rgba(159,211,196,.45),0 8px 24px rgba(60,130,140,.34),0 0 22px rgba(159,211,196,.45)}
html[data-theme=light] .btn.l .ar,html[data-theme=light] .btn.p .ar,html[data-theme=light] .kx-card .btn.p .ar,html[data-theme=light] .gl-l .btn.p .ar,html[data-theme=light] .hdr .cta .ar{
 background:#fff!important;color:#2B6F73!important;font-weight:300}
/* активные пилюли: меню, сегменты, переключатель темы */
html[data-theme=light] .seg-pill,html[data-theme=light] .nav .seg-pill{background:var(--mint-g);box-shadow:var(--mint-sh)}
html[data-theme=light] .nav.has-pill a.on:not(.nav-cta){background:transparent!important}
html[data-theme=light] .nav:not(.has-pill) a.on{background:var(--mint-g)!important}
html[data-theme=light] .thm-tg::before{background:var(--mint-g);box-shadow:0 0 10px rgba(159,211,196,.5)}
/* круглые кнопки ↗ на карточках */
html[data-theme=light] .g3-k .g3-go,html[data-theme=light] .g3-s .g3-go,html[data-theme=light] .o-sc .zm{background:var(--mint-g);color:#fff}
/* «Выбрано» в светлой теме: тот же мятный градиент, белый текст читается (было белое на белёсом) */
html[data-theme=light] .svc.on .pick,html[data-theme=light] .svc .pick:has(input:checked){background:var(--mint-g)!important;color:#fff!important;border-color:rgba(159,211,196,.75)!important;box-shadow:var(--mint-sh)}
html[data-theme=light] .svc.on .pick:hover{background:var(--mint-g2)!important}
html[data-theme=light] .svc .pick{color:#1F4F55!important}
html[data-theme=light] .svc.on .pick{color:#fff!important}
html[data-theme=light] .pchip:has(input:checked){background:#1D1C19;color:#F6F1E7;border-color:#1D1C19}
html[data-theme=light] input:checked+.cb,html[data-theme=light] .cb.on{background:#2F8A68;border-color:#2F8A68;color:#fff}
html[data-theme=light] .pchip:has(input:checked){background:#2F8A68;border-color:#2F8A68;color:#fff}
html[data-theme=light] .zos .zos-tog button[aria-pressed="true"]{background:#2F8A68;border-color:#2F8A68;color:#fff}
html[data-theme=light] .zos .zos-tog button:not([aria-pressed="true"]):hover{color:#2F8A68}
html[data-theme=light] .seg:not(.has-pill) [aria-pressed="true"],html[data-theme=light] .seg:not(.has-pill) .on{background:#2F8A68;color:#fff}
/* тёмная тема: кнопки последнего шага конструкторов и корзины/заказов — бирюзовый градиент, как в светлой */
html:not([data-theme=light]){--mint-g:linear-gradient(135deg,#35818A 0%,#317A82 40%,#2B6F73 100%);--mint-g2:linear-gradient(135deg,#3B8E97 0%,#35858D 45%,#2F7A7E 100%)}
html:not([data-theme=light]) :is(.kx-final,.kx-card,.kx-orderbox,.pnl-korzina,.pnl-korzina-order,.pnl-aosr-order,.pnl-reestr-order,.pnl-akty-order,.pnl-zos-order) .btn.p{
 background:var(--mint-g)!important;color:#fff!important;border-color:rgba(159,211,196,.55)!important;box-shadow:inset 0 1px 0 rgba(222,244,236,.3),0 6px 18px rgba(60,130,140,.35)}
html:not([data-theme=light]) :is(.kx-final,.kx-card,.kx-orderbox,.pnl-korzina,.pnl-korzina-order,.pnl-aosr-order,.pnl-reestr-order,.pnl-akty-order,.pnl-zos-order) .btn.p:hover{background:var(--mint-g2)!important;box-shadow:inset 0 1px 0 rgba(222,244,236,.4),0 8px 24px rgba(60,130,140,.45),0 0 18px rgba(159,211,196,.25)}
html:not([data-theme=light]) :is(.kx-final,.kx-card,.kx-orderbox,.pnl-korzina,.pnl-korzina-order,.pnl-aosr-order,.pnl-reestr-order,.pnl-akty-order,.pnl-zos-order) .btn.p .ar{background:#fff!important;color:#2B6F73!important}
html:not([data-theme=light]) .kx-go .kx-cart{background:rgba(60,130,140,.16)!important;color:#E6F3EF!important;border:1px solid rgba(159,211,196,.6)!important;box-shadow:none}
html:not([data-theme=light]) .kx-go .kx-cart:hover{background:rgba(60,130,140,.3)!important;border-color:#9FD3C4!important}
html:not([data-theme=light]) .kx-go .kx-cart .ar{background:rgba(159,211,196,.9)!important;color:#12312F!important}
.kx-fix{color:var(--iv)!important;opacity:.85;text-decoration:underline;text-underline-offset:3px;text-decoration-color:rgba(159,211,196,.5)}.kx-fix:hover{opacity:1}
html[data-theme=light] .kx-fix{color:#2B2A27!important}
/* «В корзину» на светлой карточке конструктора (kx-card светлая и в тёмной теме) — бирюзовый контур, тёмно-бирюзовый текст */
/* тёмная тема: вложенные карточки внутри светлой стеклянной карточки конструктора (система в «Актах», карточки последнего шага и т.п.)
   были тёмно-серыми с тёмным текстом — делаем светлое стекло, как сама карточка, и читаемый текст */
html:not([data-theme=light]) .kx-card .card{background:rgba(255,255,255,.62)!important;border-color:rgba(255,255,255,.85)!important;color:#16171A}
html:not([data-theme=light]) .kx-card .card .k,html:not([data-theme=light]) .kx-card .card .lbl2,html:not([data-theme=light]) .kx-card .card label{color:#2A2C30!important}
html:not([data-theme=light]) .kx-card .card .mut,html:not([data-theme=light]) .kx-card .card .hint{color:#4A4D53!important}
html:not([data-theme=light]) .kx-card .card .inp,html:not([data-theme=light]) .kx-card .card input:not([type=checkbox]):not([type=radio]),html:not([data-theme=light]) .kx-card .card select,html:not([data-theme=light]) .kx-card .card textarea{background:rgba(255,255,255,.8)!important;border-color:rgba(22,23,26,.16)!important;color:#16171A!important}
html:not([data-theme=light]) .kx-card .card ::placeholder{color:rgba(22,23,26,.5)!important}
/* выбранная система / выбранный чип внутри конструктора — бирюзовый */
html:not([data-theme=light]) .kx-card .chip[aria-pressed="true"],html:not([data-theme=light]) .kx-card .chip.on{background:var(--mint-g)!important;border-color:rgba(159,211,196,.6)!important;color:#fff!important}
html:not([data-theme=light]) .kx-card .chip[aria-pressed="true"] .x{color:#fff}
html:not([data-theme=light]) .kx-card table th{background:rgba(255,255,255,.7)!important;color:#2A2C30!important;border-color:rgba(22,23,26,.12)!important}
/* вариант A (20.10.2026): внутренние карточки конструкторов в тёмной теме — мягкое стекло, скругления, заголовок без плашки */
html:not([data-theme=light]) .kx-card .card{background:rgba(255,255,255,.55)!important;border:1px solid rgba(255,255,255,.9)!important;border-radius:20px!important;box-shadow:0 8px 24px rgba(20,30,40,.08),inset 0 1px 0 rgba(255,255,255,.9)!important}
html:not([data-theme=light]) .kx-card :is(.card.org,.card.actedit,.card.pastebox){padding:20px 22px 22px!important;position:relative;margin:0;display:block}
html:not([data-theme=light]) .kx-card .card.actedit{display:grid}
html:not([data-theme=light]) .kx-card fieldset.card legend{float:left;width:100%;box-sizing:border-box;margin:0 0 14px;background:none!important;padding:0!important;font-weight:600;font-size:14px;color:#1F2226!important;letter-spacing:0;text-transform:none;font-family:var(--sans)}
html:not([data-theme=light]) .kx-card fieldset.card legend+*{clear:both}
html:not([data-theme=light]) .kx-card .card .inp,html:not([data-theme=light]) .kx-card .card select,html:not([data-theme=light]) .kx-card .card textarea{border-radius:12px!important;background:rgba(255,255,255,.85)!important;border:1px solid rgba(22,23,26,.12)!important}
html:not([data-theme=light]) .kx-card .card label{color:#3A3D42!important}
html:not([data-theme=light]) .kx-card .aosr-panel{gap:16px}
/* 21.10.2026: светлая тема — внутренние карточки конструкторов как вариант A тёмной темы (скругления, отступы, заголовок) */
html[data-theme=light] .kx-card .card{background:rgba(255,255,255,.72)!important;border:1px solid rgba(22,23,26,.10)!important;border-radius:20px!important;box-shadow:0 8px 24px rgba(20,30,40,.07),inset 0 1px 0 rgba(255,255,255,.9)!important}
html[data-theme=light] .kx-card :is(.card.org,.card.actedit,.card.pastebox){padding:20px 22px 22px!important;position:relative;margin:0;display:block}
html[data-theme=light] .kx-card .card.actedit{display:grid}
html[data-theme=light] .kx-card fieldset.card legend{float:left;width:100%;box-sizing:border-box;margin:0 0 14px;background:none!important;padding:0!important;font-weight:600;font-size:14px;color:#1F2226!important;letter-spacing:0;text-transform:none;font-family:var(--sans)}
html[data-theme=light] .kx-card fieldset.card legend+*{clear:both}
html[data-theme=light] .kx-card .card .inp,html[data-theme=light] .kx-card .card select,html[data-theme=light] .kx-card .card textarea{border-radius:12px!important}
html[data-theme=light] .kx-card .aosr-panel{gap:16px}
@media (max-width:680px){html .kx-card :is(.card.org,.card.actedit,.card.pastebox){padding:16px 14px 16px!important}}
/* Главная, карточки g3: чёткий заголовок/иконка в светлой карточке конструкторов и контрастная стрелка (обе темы) */
.g3-k h3,.g3-k .lbl2{color:var(--iv)!important;opacity:1!important;filter:none!important;transition:none!important}
.g3-k .gi{color:#16171A!important;border-color:rgba(22,23,26,.28)!important;background:rgba(255,255,255,.55);opacity:1!important;transition:none!important}
.g3-go{width:40px;height:40px;background:#fff!important;color:#16171A!important;box-shadow:0 2px 10px rgba(0,0,0,.22);opacity:1!important}
.g3-go svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}
.g3-k .g3-go{background:#16171A!important;color:#fff!important;box-shadow:0 2px 10px rgba(22,23,26,.25)}
html[data-theme=light] .g3-k .g3-go{background:#2B6F73!important}
html[data-theme=light] .g3-s .g3-go{background:#2B6F73!important;color:#fff!important;box-shadow:0 2px 10px rgba(22,23,26,.25)}
/* Документы: незаполненные реквизиты [заполнить: …] */
.legal .fl{display:inline;background:rgba(232,160,60,.16);border:1px dashed #B8741A;border-radius:5px;padding:0 5px;color:inherit;font-size:inherit;margin:0}
.fbot.freq{padding-bottom:0;opacity:.85}
.sb-chk a,.chk a{text-decoration:underline}
/* Страницы заказа: блок оплаты не шире экрана на телефоне */
.paybox>*{min-width:0}.paybox .btn{white-space:normal;max-width:100%;height:auto;min-height:44px;text-align:left}
@media (max-width:680px){.paybox{grid-template-columns:minmax(0,1fr)!important}}
/* kx final step: cart + back link contrast (23.10) */
html:not([data-theme=light]) .kx-go .kx-cart,html:not([data-theme=light]) .kx-card .kx-go .kx-cart{background:rgba(159,211,196,.14)!important;color:#F2F7F5!important;border:1.5px solid rgba(159,211,196,.75)!important;font-weight:600}
html:not([data-theme=light]) .kx-go .kx-cart:hover{background:rgba(159,211,196,.26)!important;border-color:#BFE6DA!important}
html:not([data-theme=light]) .kx-go .kx-cart .ar{background:#9FD3C4!important;color:#10302C!important}
html:not([data-theme=light]) .kx-go .kx-fix{color:#D9E4E0!important;opacity:1}
html:not([data-theme=light]) .kx-go .kx-fix:hover{color:#fff!important}
html[data-theme=light] .kx-go .kx-cart{background:rgba(47,122,126,.08)!important;color:#1F4F52!important;border:1.5px solid #2F7A7E!important;font-weight:600}
html[data-theme=light] .kx-go .kx-cart:hover{background:rgba(47,122,126,.16)!important}
html[data-theme=light] .kx-go .kx-cart .ar{background:#2F7A7E!important;color:#fff!important}
html[data-theme=light] .kx-go .kx-fix{color:#2B2A27!important;opacity:1;text-decoration-color:rgba(47,122,126,.6)}
/* kx step header label + pager: follow card bg (kx-card is light in both themes) (23.10) */
.kx-ch .lbl2,.kx-fh .lbl2{opacity:1!important}
html:not([data-theme=light]) .kx-ch .lbl2,html:not([data-theme=light]) .kx-fh .lbl2{color:#CFE3DC!important}
html:not([data-theme=light]) .kx-sn,html:not([data-theme=light]) .kx-sn span,html:not([data-theme=light]) .kx-sn button{color:#E6EEEB!important;opacity:1}
html[data-theme=light] .kx-ch .lbl2,html[data-theme=light] .kx-fh .lbl2,html body .kx-card .kx-ch .lbl2,html body .kx-card .kx-fh .lbl2,html body .kx-final .kx-fh .lbl2,html body .kx-card .lbl2{color:#3A4A47!important}
html[data-theme=light] .kx-sn,html[data-theme=light] .kx-sn span,html[data-theme=light] .kx-sn button,html body .kx-card .kx-sn,html body .kx-card .kx-sn span,html body .kx-card .kx-sn button,html body .kx-final .kx-sn,html body .kx-final .kx-sn span,html body .kx-final .kx-sn button{color:#1F2422!important;opacity:1}
html body .kx-final .kx-sn button,html body .kx-card .kx-sn button,html[data-theme=light] .kx-sn button{border-color:rgba(31,36,34,.35)!important}
.kx-sn button:disabled{opacity:.4!important}
html body .kx-card .hint,html body .kx-card .mut{color:#4A4D52!important}
/* jr-tag badge: compact centered pill everywhere (23.10) */
.jr-tag{display:inline-flex!important;align-items:center;justify-content:center;align-self:start;justify-self:start;width:auto!important;height:auto!important;min-height:0!important;flex:0 0 auto;max-width:max-content;padding:3px 9px!important;border-radius:99px!important;line-height:1.3!important;font-size:10px;letter-spacing:.06em;text-transform:uppercase;white-space:nowrap;vertical-align:middle;text-align:center;font-weight:600}
html:not([data-theme=light]) .jr-tag,html:not([data-theme=light]) .kx-card .jr-tag{background:rgba(110,156,140,.2)!important;color:#A9D8C6!important}
html:not([data-theme=light]) .jr-tag.obr,html:not([data-theme=light]) .kx-card .jr-tag.obr{background:rgba(197,155,63,.2)!important;color:#E6C27A!important}
html[data-theme=light] .jr-tag{background:rgba(60,120,100,.12)!important;color:#2f6f5a!important}
html[data-theme=light] .jr-tag.obr{background:rgba(160,110,20,.12)!important;color:#8a5b00!important}
/* exec sections grid: wraps for 8+ cards (23.10) */
.secs{grid-template-columns:repeat(auto-fill,minmax(190px,1fr))!important}
.secbtn{min-width:0;padding:16px 16px!important;gap:12px!important}.secbtn>div{min-width:0}
.secbtn .serif{font-size:22px!important;line-height:1.1}.secbtn .mut{overflow-wrap:break-word;hyphens:manual}
@media(max-width:560px){.secs{grid-template-columns:1fr!important;gap:8px}.secbtn{padding:12px 14px!important}.secbtn .serif{font-size:20px!important}.secbtn .mut{font-size:12px!important}}
/* jr-tag on light cards (any theme) */
.kx-card .jr-tag,html:not([data-theme=light]) .kx-card .jr-tag,.gl-l .jr-tag,.gc .jr-tag{background:rgba(47,111,90,.14)!important;color:#245A48!important}
.kx-card .jr-tag.obr,html:not([data-theme=light]) .kx-card .jr-tag.obr,.gl-l .jr-tag.obr,.gc .jr-tag.obr{background:rgba(160,110,20,.16)!important;color:#7A4F00!important}
/* dark theme, last step: card is transparent (dark) → light text */
html:not([data-theme=light]) body .kx-last .kx-card .lbl2{color:#CFE3DC!important}
html:not([data-theme=light]) body .kx-last .kx-card .kx-sn,html:not([data-theme=light]) body .kx-last .kx-card .kx-sn span,html:not([data-theme=light]) body .kx-last .kx-card .kx-sn button{color:#E6EEEB!important;border-color:rgba(230,238,235,.4)!important}
html:not([data-theme=light]) body .kx-last .kx-card .mut,html:not([data-theme=light]) body .kx-last .kx-card .hint{color:#B9BEC4!important}
html:not([data-theme=light]) body .kx-last .kx-card .jr-tag{background:rgba(110,156,140,.22)!important;color:#A9D8C6!important}
html:not([data-theme=light]) body .kx-last .kx-card .jr-tag.obr{background:rgba(197,155,63,.22)!important;color:#E6C27A!important}
html:not([data-theme=light]) body .kx-last .kx-card .card .lbl2{color:#3A4A47!important}
html:not([data-theme=light]) body .kx-last .kx-card .card .mut,html:not([data-theme=light]) body .kx-last .kx-card .card .hint{color:#4A4D52!important}
html:not([data-theme=light]) body .kx-last .kx-card .card .jr-tag{background:rgba(47,111,90,.14)!important;color:#245A48!important}
html:not([data-theme=light]) body .kx-last .kx-card .card .jr-tag.obr{background:rgba(160,110,20,.16)!important;color:#7A4F00!important}