/* ============================================================
   BY KHADIJA — ağ “mirvari” tema (html[data-theme="light"])
   Tünd tema standartdır; seçim: saytda / kabinetdə / paneldə ay–günəş düyməsi (localStorage: bk_theme)
   ============================================================ */
html[data-theme="light"] {
  color-scheme: light;
  --bg: #f7f2ee; --bg2: #fbf7f4; --card: #ffffff; --card2: #faf4f1; --inp: #fffcfa; --line: rgba(150, 96, 112, .2);
  --tx: #1e1318; --mut: #5c4750; --mut2: #85707a;
  --acc: #cf4675; --acc2: #b83a64; --acc-d: #a3304f; --acc-bg: rgba(212, 80, 122, .09); --acc-line: rgba(212, 80, 122, .42);
  --gold: #94702a; --gold-grad: linear-gradient(120deg, #8c6a24 0%, #c9a65a 35%, #e9d3a0 52%, #b8924a 70%, #8a6623 100%);
  --ok: #1f9d6a; --ok-bg: rgba(31, 157, 106, .1); --bad: #d43f5a; --bad-bg: rgba(212, 63, 90, .09); --info: #6a5bd8; --info-bg: rgba(106, 91, 216, .09);
  --pearl: radial-gradient(1100px 620px at 0% -10%, rgba(255, 206, 222, .55), transparent 60%), radial-gradient(900px 600px at 105% 5%, rgba(224, 214, 255, .5), transparent 60%), radial-gradient(1000px 700px at 50% 115%, rgba(255, 234, 204, .55), transparent 62%);
}
html[data-theme="light"] body, html[data-theme="light"] body.x { background-color: #f7f2ee; background-image: var(--pearl); background-attachment: fixed; }
/* ═══ AUTO: 2026-10-17 — pearlgen.cjs ilə yaradılıb (əl ilə dəyişməyin; sazlamalar pearl.css-in sonundadır) ═══ */

/* assets/app.css */
html[data-theme="light"]{--sh:0 1px 0 rgba(255,255,255,0.18) inset,0 10px 30px -14px rgba(120,70,88,0.196)}
html[data-theme="light"] .side{background:rgba(255,251,248,0.96)}
html[data-theme="light"] .side-brand img{box-shadow:0 6px 16px -6px rgba(120,70,88,0.098)}
html[data-theme="light"] .top{background:rgba(255,251,248,0.93)}
html[data-theme="light"] .modal-box{box-shadow:0 30px 80px -20px rgba(120,70,88,0.220)}
html[data-theme="light"] .install img{box-shadow:0 6px 16px -6px rgba(120,70,88,0.098)}
@media (max-width:900px){html[data-theme="light"] .app.menu-open .side{box-shadow:20px 0 60px rgba(120,70,88,0.168)}}
@media (max-width:900px){html[data-theme="light"] .bottom-nav{background:rgba(255,251,248,0.96)}}
html[data-theme="light"] .icon-btn.wa{color:#128a43}
@media (hover:hover) and (pointer:fine){html[data-theme="light"] .icon-btn.wa:hover{color:#128a43}}
html[data-theme="light"] .thumb .icon-btn{background:rgba(255,255,255,0.92)}
html[data-theme="light"] .bk-hero{box-shadow:0 30px 70px -30px rgba(120,70,88,0.220)}
html[data-theme="light"] .bk-hero{background:#fffaf7}
html[data-theme="light"] body.site{background:#fffaf7}
html[data-theme="light"] .s-nav.on{background:rgba(255,251,248,0.91)}
html[data-theme="light"] .s-wa-btn{color:#128a43 !important}
html[data-theme="light"] .s-video{box-shadow:0 40px 90px -30px rgba(120,70,88,0.220),0 0 0 8px rgba(255,255,255,0.12)}
html[data-theme="light"] .site-bar{background:rgba(255,251,248,0.96)}
html[data-theme="light"] .wa-btn{color:#128a43 !important}
html[data-theme="light"] .chip.slot.busy{background:#fffaf7;border-color:#fffaf7}
html[data-theme="light"] .tl-slot.busy{background:#fffaf7;border-color:#fffaf7}
html[data-theme="light"] .bc-bubble{color:var(--mut)}
html[data-theme="light"] .nt-panel{box-shadow:0 24px 60px rgba(120,70,88,0.154)}
html[data-theme="light"] .srch{background:rgba(255,251,248,0.67)}
html[data-theme="light"] .srch-box{box-shadow:0 30px 80px rgba(120,70,88,0.168)}
html[data-theme="light"] .res-vid{background:#fffaf7}
html[data-theme="light"] .res-vid video{background:#fffaf7}
html[data-theme="light"] .quick4 button:nth-child(2) i{color:#1f8a5e}
html[data-theme="light"] .debt-btn{color:#c23a5c}
html[data-theme="light"] .came-ok{color:#1f8a5e}
html[data-theme="light"] .svc-ss{background:var(--card2,rgba(120,72,88,0.046))}
html[data-theme="light"] .sl{background:rgba(120,72,88,0.046)}
html[data-theme="light"] .vlast{background:rgba(120,72,88,0.034)}
html[data-theme="light"] .dsale{background:rgba(120,72,88,0.023)}
html[data-theme="light"] .dsend-m{box-shadow:0 18px 40px -16px rgba(120,70,88,0.220)}

/* assets/theme.css */
html[data-theme="light"]{--bg:#fffaf7;--sh:0 1px 0 rgba(255,255,255,0.24) inset,0 18px 40px -22px rgba(120,70,88,0.220)}
html[data-theme="light"] .side{background:linear-gradient(180deg,rgba(255,251,248,0.96),rgba(255,251,248,0.96))}
html[data-theme="light"] .nav a.on{color:var(--acc-d)}
html[data-theme="light"] .top{background:rgba(255,251,248,0.77)}
html[data-theme="light"] .card{background:linear-gradient(160deg,rgba(120,72,88,0.040),rgba(120,72,88,0.011)),var(--card)}
html[data-theme="light"] .btn.primary{box-shadow:0 12px 26px -12px rgba(255,95,128,.7),0 1px 0 rgba(255,255,255,1.00) inset}
html[data-theme="light"] .btn.primary::after{background:linear-gradient(110deg,transparent 30%,rgba(120,72,88,0.322) 50%,transparent 70%)}
html[data-theme="light"] .dkpi>div{background:linear-gradient(160deg,rgba(120,72,88,0.046),rgba(120,72,88,0.011)),var(--card)}
html[data-theme="light"] .dtabs button.on{color:var(--acc-d)}
html[data-theme="light"] .dph img{background:#fffaf7}
html[data-theme="light"] .ss-c.on,html[data-theme="light"] .ss-d.on,html[data-theme="light"] .ss-z.on,html[data-theme="light"] .ss-n.on,html[data-theme="light"] .ss-p.on,html[data-theme="light"] .ss-t.on{color:var(--acc-d)}
html[data-theme="light"] .ss-z em{background:rgba(120,72,88,0.092)}
html[data-theme="light"] .wz-dots i{background:rgba(120,72,88,0.138)}
html[data-theme="light"] .cat-card{background:linear-gradient(160deg,rgba(120,72,88,0.046),rgba(120,72,88,0.011)),var(--card)}
html[data-theme="light"] .cat-zones em{color:#8a5f0c}
html[data-theme="light"] .dsale{background:linear-gradient(160deg,rgba(120,72,88,0.046),rgba(120,72,88,0.011))}
html[data-theme="light"] .dsl-ring{background:conic-gradient(var(--acc) calc(var(--p)*1%),rgba(120,72,88,0.092) 0)}
html[data-theme="light"] .dsend-m button.bad{color:var(--bad,#c23a5c)}
@media(max-width:900px){html[data-theme="light"] .bottom-nav{box-shadow:0 18px 40px -10px rgba(120,70,88,0.210)}}
html[data-theme="light"] .lcard{background:rgba(120,72,88,0.023)}
html[data-theme="light"] .img-ph{background:rgba(120,72,88,0.057)}
html[data-theme="light"] .ss-zh b{color:var(--gold,#8a5f0c)}
html[data-theme="light"] .ss-zp{color:var(--acc,#c23a5c)}
html[data-theme="light"] .zone-line em{background:rgba(120,72,88,0.092)}
html[data-theme="light"] .lrow input,html[data-theme="light"] .lrow textarea{background:rgba(120,72,88,0.046)}
html[data-theme="light"] .img-up input[type=file]::file-selector-button{background:rgba(120,72,88,0.092)}

/* assets/site.css */
html[data-theme="light"] body.x{background:#fffaf7}
html[data-theme="light"] .x-nav.on{background:rgba(255,251,248,0.77);border-color:rgba(120,72,88,0.069)}
html[data-theme="light"] .x-btn.main::before{background:linear-gradient(110deg,transparent 30%,rgba(120,72,88,0.500) 50%,transparent 70%)}
html[data-theme="light"] .x-btn.wa{color:#128a43}
html[data-theme="light"] .x-scroll{border:1.5px solid rgba(120,72,88,0.287)}
html[data-theme="light"] .x-card{background:linear-gradient(155deg,rgba(120,72,88,0.081),rgba(120,72,88,0.017));border:1px solid rgba(120,72,88,0.092)}
html[data-theme="light"] .x .bk-card{background:linear-gradient(160deg,rgba(120,72,88,0.069),rgba(120,72,88,0.017));box-shadow:0 40px 80px -40px rgba(120,70,88,0.220)}
html[data-theme="light"] .x .s-ci{background:linear-gradient(155deg,rgba(120,72,88,0.069),rgba(120,72,88,0.017));border:1px solid rgba(120,72,88,0.092)}
html[data-theme="light"] .x-foot{border-top:1px solid rgba(120,72,88,0.069)}
html[data-theme="light"] .x-seo{color:var(--mut,var(--mut))}
html[data-theme="light"] .x-faq-list details{border:1px solid rgba(120,72,88,0.115);background:rgba(120,72,88,0.034)}
html[data-theme="light"] .x-about-i{border:1px solid rgba(120,72,88,0.115);background:rgba(120,72,88,0.034)}
html[data-theme="light"] .x-res-i{border:1px solid rgba(120,72,88,0.115);background:rgba(120,72,88,0.034)}
html[data-theme="light"] .x-res-img figcaption{background:rgba(255,255,255,0.92)}
html[data-theme="light"] .x-res-vid{background:#fffaf7}
html[data-theme="light"] .x-res-vid video{background:#fffaf7}
html[data-theme="light"] .x-res-i{box-shadow:0 18px 40px rgba(120,70,88,0.126)}
html[data-theme="light"] .x-res-nav{border:1px solid rgba(120,72,88,0.207);background:rgba(255,251,248,0.65)}
html[data-theme="light"] .x-diet{background:linear-gradient(160deg,rgba(120,72,88,0.086),rgba(120,72,88,0.017));box-shadow:0 30px 60px -40px rgba(120,70,88,0.220)}
html[data-theme="light"] .xd-tags span{color:var(--acc-d)}
html[data-theme="light"] .x-diet-note{border:1px solid rgba(120,72,88,0.115);background:rgba(120,72,88,0.034)}
html[data-theme="light"] .x-diet-note ul{color:var(--mut)}
html[data-theme="light"] .xd-warn{color:#8a5f0c}
html[data-theme="light"] .xd-inc{color:var(--mut)}
html[data-theme="light"] .x-dguide article{border:1px solid rgba(120,72,88,0.115);background:linear-gradient(160deg,rgba(120,72,88,0.057),rgba(120,72,88,0.017))}
html[data-theme="light"] .x-dguide ol,html[data-theme="light"] .x-dguide ul{color:var(--mut)}
html[data-theme="light"] .x-lang{background:rgba(255,255,255,0.83);border-color:rgba(120,72,88,0.161)}
html[data-theme="light"] .x-lang button{color:var(--mut)}
html[data-theme="light"] .bk-lang{background:rgba(255,255,255,0.90)}
html[data-theme="light"] .x-steps article{background:linear-gradient(160deg,rgba(120,72,88,0.057),rgba(120,72,88,0.017))}
html[data-theme="light"] body.sub .x-nav{background:rgba(255,251,248,0.87)}
html[data-theme="light"] .x-tile{background:linear-gradient(160deg,rgba(120,72,88,0.057),rgba(120,72,88,0.017))}
html[data-theme="light"] .x-tile>i:first-child{color:#8a5f0c}
html[data-theme="light"] .x-tile span{color:var(--acc-d)}
html[data-theme="light"] .x-band{background:radial-gradient(500px 200px at 0% 0%,rgba(255,107,134,.16),transparent 70%),linear-gradient(160deg,rgba(120,72,88,0.046),rgba(120,72,88,0.011))}
html[data-theme="light"] .bk-hint{color:#8a5f0c}
html[data-theme="light"] .x-burger{border:1px solid rgba(120,72,88,0.161);background:rgba(120,72,88,0.046)}
html[data-theme="light"] .x-burger span{background:var(--tx)}
html[data-theme="light"] .x-drawer{background:rgba(255,251,248,0.96)}
html[data-theme="light"] .x-drawer nav a{color:var(--tx);border:1px solid rgba(120,72,88,0.069);background:rgba(120,72,88,0.034)}
html[data-theme="light"] .x-drawer nav a i{color:#8a5f0c}
html[data-theme="light"] .x-foot2{background:linear-gradient(180deg,rgba(120,72,88,0.023),rgba(255,255,255,0.92))}
html[data-theme="light"] .x-foot2 h4{color:#8a5f0c}
html[data-theme="light"] .x-soc a{border:1px solid rgba(120,72,88,0.161);background:rgba(120,72,88,0.046);color:var(--tx)}
html[data-theme="light"] .x-fc li i{color:#8a5f0c}
html[data-theme="light"] .x-fc a{color:var(--tx)}
html[data-theme="light"] .x-foot-bot{border-top:1px solid rgba(120,72,88,0.069)}
html[data-theme="light"] .x-appbar{background:rgba(255,251,248,0.93);box-shadow:0 18px 40px -10px rgba(120,70,88,0.210),0 0 0 1px rgba(255,255,255,0.18) inset}
html[data-theme="light"] .x-appbar a.on{color:var(--acc-d)}
html[data-theme="light"] .x-appbar a.x-ab-main i{border:3px solid #fffaf7}
html[data-theme="light"] .x-card-img{background:#fffaf7}
html[data-theme="light"] .x-zones em{color:#8a5f0c}
html[data-theme="light"] .x-creds li{background:rgba(120,72,88,0.034);color:var(--tx)}
html[data-theme="light"] .x-creds i{color:#8a5f0c}
@media (max-width:900px){html[data-theme="light"] .x-nav{background:rgba(255,251,248,0.87) !important}}
html[data-theme="light"] .x-map{border:1px solid rgba(120,72,88,0.115);box-shadow:0 30px 70px -40px rgba(120,70,88,0.220)}
html[data-theme="light"] .x-map-f::after{background:linear-gradient(180deg,transparent 55%,rgba(255,251,248,0.80));box-shadow:inset 0 0 0 1px rgba(255,255,255,0.24)}
html[data-theme="light"] .x-map-card{background:rgba(255,251,248,0.83);border:1px solid rgba(120,72,88,0.115)}
html[data-theme="light"] .x-cx-side,html[data-theme="light"] .x-msgform{border:1px solid rgba(120,72,88,0.103);background:linear-gradient(155deg,rgba(120,72,88,0.063),rgba(120,72,88,0.017))}
html[data-theme="light"] .x-ci{border:1px solid rgba(120,72,88,0.081);background:rgba(120,72,88,0.034)}
html[data-theme="light"] .x-ci.c-wa .x-ci-ic{color:#1f8a5e}
html[data-theme="light"] .x-ci.c-ig .x-ci-ic{color:#c23a5c}
html[data-theme="light"] .x-msgform input,html[data-theme="light"] .x-msgform textarea{background:rgba(255,255,255,0.80);border:1px solid rgba(120,72,88,0.138)}
html[data-theme="light"] .x-err{color:#c23a5c}
html[data-theme="light"] .x-ok{color:#1f8a5e}
@media(max-width:820px){html[data-theme="light"] .x-map-card{border-top:1px solid rgba(120,72,88,0.092);background:rgba(120,72,88,0.034)}}
html[data-theme="light"] .x-portal-in{background:radial-gradient(600px 300px at 0% 0%,rgba(255,107,134,.12),transparent 70%),linear-gradient(155deg,rgba(120,72,88,0.057),rgba(120,72,88,0.014))}
html[data-theme="light"] .x-portal-card{border:1px solid rgba(120,72,88,0.115);background:rgba(255,251,248,0.75);box-shadow:0 30px 60px -30px rgba(120,70,88,0.220),0 0 0 6px rgba(255,255,255,0.12)}
html[data-theme="light"] .xpc-st span{border:1px solid rgba(120,72,88,0.092);background:rgba(120,72,88,0.034)}
html[data-theme="light"] .xpc-pk em{background:rgba(120,72,88,0.092)}
html[data-theme="light"] .xpc-res{color:#1f8a5e}
html[data-theme="light"] .x-promo{background:linear-gradient(120deg,rgba(217,179,92,.14),rgba(255,107,134,.12) 60%,rgba(120,72,88,0.034))}
html[data-theme="light"] .x-promo-tag{color:#8a5f0c}
html[data-theme="light"] .x-cd span{background:rgba(120,72,88,0.069);border:1px solid rgba(120,72,88,0.115)}
html[data-theme="light"] .x-rev{border:1px solid rgba(120,72,88,0.115);background:rgba(120,72,88,0.040)}
html[data-theme="light"] .x-rev-st{color:#8a5f0c}

/* assets/portal.css */
html[data-theme="light"] .kb-card{border:1px solid rgba(120,72,88,0.103);background:linear-gradient(155deg, rgba(120,72,88,0.063), rgba(120,72,88,0.017))}
html[data-theme="light"] .kb-auth input{background:rgba(255,255,255,0.80);border:1px solid rgba(120,72,88,0.138)}
html[data-theme="light"] .kb-st{border:1px solid rgba(120,72,88,0.103);background:rgba(120,72,88,0.034)}
html[data-theme="light"] .kb-st.debt b{color:#c23a5c}
html[data-theme="light"] .kb-st.ok b{color:#1f8a5e}
html[data-theme="light"] .kb-row{border-top:1px solid rgba(120,72,88,0.069)}
html[data-theme="light"] .kb-pk{border-top:1px solid rgba(120,72,88,0.069)}
html[data-theme="light"] .kb-bar{background:rgba(120,72,88,0.092)}
html[data-theme="light"] .kb-lost b{color:#1f8a5e}
html[data-theme="light"] .kb-tbl td{border-top:1px solid rgba(120,72,88,0.069)}
html[data-theme="light"] .kb-form input:not([type=checkbox]):not([type=radio]),html[data-theme="light"] .kb-form textarea{background:rgba(255,255,255,0.80);border:1px solid rgba(120,72,88,0.138)}
html[data-theme="light"] .kb-seg span{border:1px solid rgba(120,72,88,0.138);background:rgba(255,255,255,0.80)}
html[data-theme="light"] .kb-seg input:checked + span{color:var(--acc-d)}
html[data-theme="light"] .kb-chk{border:1px solid rgba(120,72,88,0.092);background:rgba(120,72,88,0.023)}
html[data-theme="light"] .kb-tabs{background:rgba(120,72,88,0.046);border:1px solid rgba(120,72,88,0.092)}
html[data-theme="light"] .kb-st-tag{background:rgba(120,72,88,0.069)}
html[data-theme="light"] .kb-st-tag.ok{color:#1f8a5e}
html[data-theme="light"] .kb-st-tag.bad{color:#c23a5c}
html[data-theme="light"] .kb-item{border:1px solid rgba(120,72,88,0.103);background:linear-gradient(155deg, rgba(120,72,88,0.063), rgba(120,72,88,0.017))}
html[data-theme="light"] .kb-badge{color:#8a5f0c}
html[data-theme="light"] .kb-flash{color:#1f8a5e}
html[data-theme="light"] button.x-btn:not(.main){background:rgba(120,72,88,0.069);border:1px solid rgba(120,72,88,0.161)}
html[data-theme="light"] .kb-pin i{border:2px solid rgba(120,72,88,0.287)}
html[data-theme="light"] .kb-lock{border:1px solid rgba(120,72,88,0.138);background:rgba(120,72,88,0.046)}
html[data-theme="light"] .kb-days button{border:1px solid rgba(120,72,88,0.115);background:rgba(120,72,88,0.034)}
html[data-theme="light"] .kb-slots button{border:1px solid rgba(120,72,88,0.115);background:rgba(120,72,88,0.034)}
html[data-theme="light"] .kb-slots button.on{color:var(--acc-d)}
html[data-theme="light"] .kb-daysw{background:rgba(120,72,88,0.046);border:1px solid rgba(120,72,88,0.092)}
html[data-theme="light"] .kb-daysw button.on{background:rgba(120,72,88,0.092)}
html[data-theme="light"] .kb-meal{border-top:1px solid rgba(120,72,88,0.069)}
html[data-theme="light"] .kb-kv{border-top:1px solid rgba(120,72,88,0.069)}
html[data-theme="light"] .kb-lockinfo{background:rgba(120,72,88,0.034);border:1px dashed rgba(120,72,88,0.138)}
html[data-theme="light"] .kb-danger{color:#c23a5c !important}
html[data-theme="light"] .kb-chips button{border:1px solid rgba(120,72,88,0.138);background:rgba(120,72,88,0.034)}
html[data-theme="light"] .kb-shop-sec h4 span{background:rgba(120,72,88,0.069)}
html[data-theme="light"] .kb-badge-diet{color:#1f8a5e !important}
html[data-theme="light"] .kb-item-diet .kb-item-ic{color:#1f8a5e}
html[data-theme="light"] .kb-opts button{border:1px solid rgba(120,72,88,0.138);background:rgba(255,255,255,0.75)}
@media (max-width: 820px){html[data-theme="light"] body.kb-in .kb-tabs{background:rgba(255,251,248,0.96);box-shadow:0 18px 40px -12px rgba(120,70,88,0.220)}}
@media (max-width: 820px){html[data-theme="light"] body.kb-in .kb-tabs button.on{color:var(--acc-d)}}
html[data-theme="light"].is-app body.kb-page .kb-hello{background:linear-gradient(180deg, #fffaf7 70%, rgba(255,251,248,0.05))}
html[data-theme="light"] .kb-doc{border-top:1px solid rgba(120,72,88,0.069)}
html[data-theme="light"] .kb-doc-c i{color:rgba(42,29,35,0.60)}
html[data-theme="light"] .kb-stars button.on{color:#8a5f0c}
html[data-theme="light"] .kb-pts-n > i{color:#8a5f0c}

/* assets/extras.css */
html[data-theme="light"] .dtabs{background:rgba(120,72,88,0.034)}
html[data-theme="light"] .dt-c{background:rgba(120,72,88,0.034)}
html[data-theme="light"] .dfeel{background:rgba(120,72,88,0.069)}
@media (max-width: 900px){html[data-theme="light"] .bottom-nav{background:rgba(255,251,248,0.96) !important}}
html[data-theme="light"] .ex2-st{color:#8a5f0c}
html[data-theme="light"] .ex2-ph-grid .del{background:rgba(255,255,255,0.92)}

/* ═══ Əl ilə sazlamalar ═══ */
/* Kölgə: mirvari — yumşaq, isti */
html[data-theme="light"] { --sh: 0 1px 0 rgba(255, 255, 255, .9) inset, 0 14px 32px -20px rgba(120, 70, 88, .38); }
/* Video üzərindəki hissələr (ana səhifənin hero bölməsi, panelin giriş ekranı, açılış) tünd qalır — mətn oxunsun */
html[data-theme="light"] .auth, html[data-theme="light"] .splash {
  --bg: #121013; --card: #1c171a; --card2: #241c20; --inp: #15111a; --line: rgba(255, 120, 145, .22);
  --tx: #f6ecef; --mut: #d2bcc4; --mut2: #9a818a; --acc: #ff6b86; --acc2: #ff8fa3; --gold: #d9b35c; color: #f6ecef;
}
@media (max-width: 900px) { html[data-theme="light"] .x-hero { --bg: #121013; --card: #1c171a; --line: rgba(255, 120, 145, .22); --tx: #f6ecef; --mut: #e2ced5; --acc: #ff6b86; --acc2: #ff8fa3; color: #f6ecef; } }
html[data-theme="light"] .x-grain { display: none; }
html[data-theme="light"] #fx { opacity: .35; }
html[data-theme="light"] .modal { background: rgba(58, 30, 42, .34); -webkit-backdrop-filter: blur(6px); backdrop-filter: blur(6px); }
html[data-theme="light"] .scrim { background: rgba(58, 30, 42, .3); }
/* Kartlar: mirvari parıltısı — ağ, nazik çəhrayı haşiyə, yumşaq kölgə */
html[data-theme="light"] .card, html[data-theme="light"] .kb-card, html[data-theme="light"] .x-card, html[data-theme="light"] .kb-st, html[data-theme="light"] .kb-item,
html[data-theme="light"] .x-cx-side, html[data-theme="light"] .x-msgform, html[data-theme="light"] .dkpi > div, html[data-theme="light"] .ex-stats .ps, html[data-theme="light"] .x-tile,
html[data-theme="light"] .bk-card, html[data-theme="light"] .x-band, html[data-theme="light"] .x-portal-in, html[data-theme="light"] .x-steps article {
  background: linear-gradient(160deg, #ffffff 0%, #fdf8f6 55%, #f9f1f3 100%) !important; border-color: rgba(176, 120, 136, .2) !important;
  box-shadow: 0 1px 0 #fff inset, 0 16px 34px -24px rgba(120, 70, 88, .45);
}
/* Menyular / zolaqlar */
html[data-theme="light"] .x-nav.on { background: rgba(250, 246, 243, .86); border-color: rgba(150, 96, 112, .14); }
html[data-theme="light"] .x-drawer { background: rgba(250, 246, 243, .97); }
html[data-theme="light"] .side { background: linear-gradient(180deg, #fffaf8, #f8f0ed) !important; border-right-color: rgba(176, 120, 136, .18) !important; }
html[data-theme="light"] .top { background: rgba(250, 246, 243, .85) !important; border-bottom-color: rgba(150, 96, 112, .14) !important; }
html[data-theme="light"] .nav a.on { background: linear-gradient(90deg, rgba(212, 80, 122, .14), rgba(212, 80, 122, .03)); color: var(--acc-d); }
html[data-theme="light"] .bottom-nav, html[data-theme="light"] body.kb-in .kb-tabs, html[data-theme="light"] .x-appbar {
  background: rgba(255, 252, 250, .94) !important; border-color: rgba(212, 80, 122, .22) !important; box-shadow: 0 16px 36px -14px rgba(120, 70, 88, .35) !important; }
html[data-theme="light"] .kb-tabs { background: rgba(255, 255, 255, .7); }
html[data-theme="light"] body.kb-in .kb-tabs button.on, html[data-theme="light"] .kb-daysw button.on { background: rgba(212, 80, 122, .1); color: var(--acc-d); }
html[data-theme="light"] .fab { border-color: #f7f2ee; }
/* Sahələr */
html[data-theme="light"] input:not([type=checkbox]):not([type=radio]):not([type=range]), html[data-theme="light"] select, html[data-theme="light"] textarea { color: var(--tx); }
html[data-theme="light"] .kb-form input:not([type=checkbox]):not([type=radio]), html[data-theme="light"] .kb-form textarea, html[data-theme="light"] .kb-auth input,
html[data-theme="light"] .x-msgform input, html[data-theme="light"] .x-msgform textarea { background: #fffdfc; border-color: rgba(150, 96, 112, .25); }
html[data-theme="light"] .kb-seg span, html[data-theme="light"] .kb-chk, html[data-theme="light"] .kb-days button, html[data-theme="light"] .kb-slots button, html[data-theme="light"] .kb-opts button {
  background: #fffdfc; border-color: rgba(150, 96, 112, .22); color: var(--tx); }
html[data-theme="light"] .kb-seg input:checked + span { background: rgba(212, 80, 122, .1); color: var(--acc-d); }
/* Mətnlər: sayt başlıqları, qızılı yazılar */
html[data-theme="light"] .kb-hello h2, html[data-theme="light"] .kb-diet-h h3, html[data-theme="light"] .x-head h1, html[data-theme="light"] .x-head h2 { color: #2a1d23; }
html[data-theme="light"] .kb-st.debt b { color: #c23a5c; }
html[data-theme="light"] .kb-st.ok b, html[data-theme="light"] .kb-lost b { color: #1f8a5e; }
html[data-theme="light"] .kb-flash { background: rgba(31, 157, 106, .08); color: #1b7a53; }
html[data-theme="light"] .kb-hello { background: linear-gradient(180deg, #f7f2ee 70%, rgba(247, 242, 238, 0)) !important; }
html[data-theme="light"] .x-ok { color: #1f8a5e; }
html[data-theme="light"] .x-err { color: #c23a5c; }
html[data-theme="light"] .x-map-f iframe { filter: none; }
html[data-theme="light"] .x-map-card { background: rgba(255, 252, 250, .92); }
html[data-theme="light"] .toast { background: #2a1d23; color: #fff; }
/* Tema düyməsi */
.x-theme, .th-btn { display: inline-grid; place-items: center; width: 38px; height: 38px; border-radius: 12px; border: 1px solid var(--line); background: transparent; color: var(--mut); cursor: pointer; font-size: .95rem; flex: 0 0 auto; }
.x-theme:hover, .th-btn:hover { color: var(--acc); }
html[data-theme="light"] .x-theme .fa-moon, html[data-theme="light"] .th-btn .fa-moon, html:not([data-theme="light"]) .x-theme .fa-sun, html:not([data-theme="light"]) .th-btn .fa-sun { display: none; }
@media (max-width: 640px) { .x-theme { width: 34px; height: 34px; border-radius: 10px; font-size: .85rem; } }
/* Hero videosu ağ temada aşağıda mirvari rəngə keçir */

/* Telefonda tema düyməsi başlıqda yox, menyuda */
@media (max-width: 640px) { .x-nav .x-theme { display: none; } }
.x-dr-theme { gap: 10px; }
html[data-theme="light"] .x-dr-theme .fa-moon, html:not([data-theme="light"]) .x-dr-theme .fa-sun { display: none; }
/* ═══ Qabarıq yazılar və statuslar (ağ tema) ═══ */
html[data-theme="light"] { --mut: #4b3942; --mut2: #6e5a64; --gold: #8a5f0c; }
html[data-theme="light"] body { color: #1e1318; }
html[data-theme="light"] .tag { font-weight: 700; border: 1px solid transparent; }
html[data-theme="light"] .tag.t-gold, html[data-theme="light"] .t-gold { background: #fff1d6; color: #8a5300; border-color: #f0c77a; }
html[data-theme="light"] .tag.t-bad, html[data-theme="light"] .t-bad { background: #ffe4ea; color: #b4183d; border-color: #f5a3b5; }
html[data-theme="light"] .tag.t-ok, html[data-theme="light"] .t-ok { background: #ddf6ea; color: #106b46; border-color: #92dcb8; }
html[data-theme="light"] .tag.t-soft, html[data-theme="light"] .t-soft { background: #fbe9ef; color: #8f2849; border-color: #f1bfd0; }
html[data-theme="light"] .tag.t-online, html[data-theme="light"] .t-online { background: #ebe8ff; color: #4a3bb8; border-color: #c4bcf7; }
html[data-theme="light"] .nav-badge { background: #d6336c; color: #fff; }
html[data-theme="light"] .rq.new { border: 1.5px solid #e88aa8; background: linear-gradient(135deg, #fff0f4, #fffaf7); box-shadow: 0 8px 22px -16px rgba(180, 40, 90, .5); }
html[data-theme="light"] .rq-banner { background: linear-gradient(135deg, #fff1d6, #ffe9f0); border: 1.5px solid #f0b37a; }
html[data-theme="light"] .rq-banner b { color: #7a3a00; }
html[data-theme="light"] .rq-banner > i:first-child { color: #c06a00; }
html[data-theme="light"] .rq-msg { background: #fff6e3; border-left-color: #d79a2b; color: #3a2a12; }
html[data-theme="light"] .day-b b, html[data-theme="light"] .li-b b, html[data-theme="light"] .rq-h b { color: #1a1015; }
html[data-theme="light"] .day-t b { color: #1a1015; }
html[data-theme="light"] .rem { font-weight: 600; }
html[data-theme="light"] .ns-lbl { color: #a3214f; }
html[data-theme="light"] .hint, html[data-theme="light"] .card-h .muted, html[data-theme="light"] p.muted { color: #5a4650; }

/* ═══ Ana səhifə hero (ağ tema) ═══ */
@media (max-width: 900px) {
  html[data-theme="light"] .x-bgvid::after { background: linear-gradient(rgba(9, 8, 10, .45) 0%, rgba(9, 8, 10, .15) 25%, rgba(9, 8, 10, .25) 45%, rgba(9, 8, 10, .7) 66%, rgba(247, 242, 238, .85) 88%, #f7f2ee 100%) !important; }
}
@media (min-width: 901px) {
  html[data-theme="light"] .x-bgvid::after { background: linear-gradient(90deg, #f7f2ee 0%, rgba(247, 242, 238, .92) 30%, rgba(247, 242, 238, .35) 50%, rgba(247, 242, 238, 0) 66%) !important; }
  html[data-theme="light"] .x-copy h1 { color: #24161c; }
  html[data-theme="light"] .x-copy h1 em { background-image: linear-gradient(100deg, #8c5a12, #b8862c 30%, #c2416b 60%, #8c5a12 90%); }
  html[data-theme="light"] .x-copy p, html[data-theme="light"] .x-addr { color: #4b3942; }
  html[data-theme="light"] .x-hero .x-btn:not(.main):not(.wa) { color: #2a1d23; border: 1px solid rgba(150, 96, 112, .28); background: rgba(255, 255, 255, .7); }
  html[data-theme="light"] .x-hero .x-btn.wa { color: #128a43; border-color: rgba(18, 138, 67, .4); background: rgba(37, 211, 102, .08); }
}
/* Menyu: aktiv səhifə ağ deyil, çəhrayı-tünd */
html[data-theme="light"] .x-links a.on, html[data-theme="light"] .x-fl a.on, html[data-theme="light"] .x-fl a:hover { color: #a3304f; }
html[data-theme="light"] .x-links a { color: #3a2a31; }
html[data-theme="light"] .x-nav:not(.on) { background: rgba(247, 242, 238, .55); -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); }
html[data-theme="light"] .x-kicker { background-image: linear-gradient(120deg, #8c6a24, #b8862c 50%, #8a6623); }
html[data-theme="light"] .brand-name { background-image: linear-gradient(120deg, #7a5a1c 0%, #a87d2c 40%, #c79a4a 60%, #7a5a1c 100%); }
/* ═══ Rənglər: əsas düymələr dolğun çəhrayı + ağ yazı, parıltı ağ (boz yox), kabinet başlığı fonsuz ═══ */
html[data-theme="light"] .x-btn.main, html[data-theme="light"] .btn.primary { background: linear-gradient(135deg, #e46a92 0%, #cf4675 48%, #b3335e 100%); color: #fff; border-color: transparent; box-shadow: 0 12px 26px -14px rgba(179, 51, 94, .75); }
html[data-theme="light"] .x-btn.main i, html[data-theme="light"] .btn.primary i { color: #fff; }
html[data-theme="light"] .x-btn.main::before, html[data-theme="light"] .btn.primary::after { background: linear-gradient(110deg, transparent 30%, rgba(255, 255, 255, .38) 50%, transparent 70%); }
html[data-theme="light"] .btn.primary:disabled, html[data-theme="light"] .x-btn.main:disabled { opacity: .55; }
html[data-theme="light"] .kb-hello { background: none !important; }
html[data-theme="light"] .kb-hello small { color: #8a5f6e; }
html[data-theme="light"] .kb-st span { color: #6e5a64; }
html[data-theme="light"] .kb-stars button { color: #ecd9a8; border-color: rgba(150, 96, 112, .2); background: #fffdfa; }
html[data-theme="light"] .kb-stars button.on { color: #d79a1e; background: #fff4dc; border-color: #ecc26a; }
html[data-theme="light"] .kb-pts-n > i { background: #fff1d6; color: #b5790c; }
html[data-theme="light"] .ex2-st { color: #d08e12; }
html[data-theme="light"] .ex2-st i { color: #e9dcd2; }
html[data-theme="light"] .x-cd span { background: #fff; border-color: rgba(150, 96, 112, .18); }
html[data-theme="light"] .x-promo { background: linear-gradient(120deg, #fff6e6, #ffeef3 60%, #fffaf7); border-color: #f0cf8a; box-shadow: 0 20px 44px -30px rgba(179, 51, 94, .45); }
html[data-theme="light"] .x-promo-tag, html[data-theme="light"] .x-rev-st { color: #b5790c; }
html[data-theme="light"] .x-rev { background: #fff; border-color: rgba(150, 96, 112, .16); box-shadow: 0 14px 34px -26px rgba(120, 70, 88, .5); }
html[data-theme="light"] .x-rev-av { color: #fff; background: linear-gradient(135deg, #e46a92, #b3335e); }
/* AZ / RU düyməsi və alt menyudakı rəqəm nişanı — aydın, kontrastlı */
html[data-theme="light"] .x-lang, html[data-theme="light"] .lang-sw { background: #fff; border: 1px solid rgba(150, 96, 112, .22); box-shadow: 0 4px 14px -8px rgba(120, 70, 88, .35); }
html[data-theme="light"] .x-lang button, html[data-theme="light"] .lang-sw button { color: #6e5a64; font-weight: 700; }
html[data-theme="light"] .x-lang button.on, html[data-theme="light"] .lang-sw button.on { background: linear-gradient(135deg, #e46a92, #b3335e); color: #fff; box-shadow: 0 4px 10px -4px rgba(179, 51, 94, .6); }
html[data-theme="light"] .kb-tabs em, html[data-theme="light"] .nav-badge { background: #d6336c; color: #fff; font-weight: 800; box-shadow: 0 0 0 2px #fff; }
/* Kabinet: “Kampaniya” / “Pəhriz” nişanları */
html[data-theme="light"] .kb-badge { background: #fff1d6; color: #8a5300; border-color: #f0c77a; }
html[data-theme="light"] .kb-badge-diet { background: #ddf6ea !important; color: #106b46 !important; border-color: #92dcb8 !important; }
html[data-theme="light"] .kb-item-ic { background: #fff4e0; color: #b5790c; }
html[data-theme="light"] .xd-inc { color: #5a4650; }
html[data-theme="light"] .xd-inc i { color: #c23a64; }

/* Ağ tema, telefon: hero tam tünd blok — ağ yazılar sonadək oxunaqlı (aşağıda ağa keçid yazının arxasına düşürdü) */
@media (max-width: 900px) {
  html[data-theme="light"] .x-hero { background: #121013 !important; border-radius: 0 0 28px 28px; overflow: hidden; }
  html[data-theme="light"] .x-bgvid::after { background: linear-gradient(rgba(9, 8, 10, .45) 0%, rgba(9, 8, 10, .15) 25%, rgba(9, 8, 10, .3) 45%, rgba(18, 16, 19, .82) 64%, #121013 82%) !important; }
}

/* Menyudakı “Tema: tünd / ağ” düyməsi — brauzerin standart ağ fonu yox, temaya uyğun; ay/günəş ikonu görünür */
.x-dr-theme { -webkit-appearance: none; appearance: none; display: flex !important; align-items: center; justify-content: center; gap: 10px; width: 100%; min-height: 48px; padding: 12px 18px; border-radius: 16px;
  font: 600 .92rem Montserrat, Arial, sans-serif; cursor: pointer; background: rgba(255, 255, 255, .06) !important; color: #f6ecef !important; border: 1px solid rgba(255, 255, 255, .14) !important; }
.x-dr-theme i { color: #e8b84a; font-size: 1rem; }
html[data-theme="light"] .x-dr-theme { background: #fff !important; color: #2a1d22 !important; border-color: rgba(150, 96, 112, .28) !important; }
html[data-theme="light"] .x-dr-theme i { color: #b8862c; }

/* Ağ tema: xidmətlər lenti (karusel) — açıq fonda oxunaqlı */
html[data-theme="light"] .x-marquee { background: linear-gradient(90deg, rgba(207, 70, 117, .08), rgba(184, 134, 44, .1), rgba(207, 70, 117, .08)); border-color: rgba(184, 134, 44, .28); }
html[data-theme="light"] .x-track span { color: #7a5418; font-weight: 600; }
html[data-theme="light"] .x-track span::after { color: #c2416b; }