/* Jaisandar 5.10.88 · Dark mode: toggle + base surfaces + hand-tuned fixes.
   Colour twins of all other stylesheets are generated by assets/js/dark-mode-5188.js. */

/* ---------- toggle ---------- */
.theme-toggle{position:relative;flex:0 0 auto;width:42px;height:42px;padding:0;border:0;border-radius:999px;cursor:pointer;background:#fff;color:#22324d;display:grid;place-items:center;box-shadow:0 6px 16px rgba(4,18,35,.18),inset 0 0 0 1px rgba(10,24,48,.08);transition:background .35s ease,color .35s ease,box-shadow .35s ease,transform .2s ease}
.theme-toggle:hover{transform:translateY(-1px)}
.theme-toggle:active{transform:scale(.94)}
.theme-toggle:focus-visible{outline:3px solid rgba(255,196,84,.6);outline-offset:2px}
.theme-toggle-track{position:relative;width:20px;height:20px;display:block}
.theme-toggle svg{position:absolute;inset:1px;transition:transform .5s cubic-bezier(.2,.8,.2,1),opacity .35s ease}
.theme-toggle .tt-sun{opacity:0;transform:rotate(-90deg) scale(.4)}
.theme-toggle .tt-moon{opacity:1;transform:rotate(0) scale(1)}
html[data-theme="dark"] .theme-toggle{background:#1b2536;color:#ffc65a;box-shadow:0 0 0 1px rgba(255,255,255,.08),0 0 22px rgba(255,190,70,.22)}
html[data-theme="dark"] .theme-toggle .tt-sun{opacity:1;transform:rotate(0) scale(1)}
html[data-theme="dark"] .theme-toggle .tt-moon{opacity:0;transform:rotate(90deg) scale(.4)}
@media(max-width:650px){.theme-toggle{width:38px;height:38px}}

/* ---------- smooth switch ---------- */
html.jd-switching *,html.jd-switching *::before,html.jd-switching *::after{transition:background-color .32s ease,color .32s ease,border-color .32s ease,fill .32s ease,stroke .32s ease!important}
@media(prefers-reduced-motion:reduce){html.jd-switching *{transition:none!important}}

/* ---------- base ---------- */
html[data-theme="dark"]{color-scheme:dark;--jd-page:#0c111b;--jd-card:#141b28;--jd-raised:#1b2434;--jd-line:rgba(255,255,255,.09);--jd-ink:#e6ecf5;--jd-ink2:#aab6c8;--jd-mute:#8391a7}
html[data-theme="dark"] body{background:var(--jd-page);color:var(--jd-ink)}
html[data-theme="dark"] ::selection{background:rgba(255,198,90,.35);color:#fff}
html[data-theme="dark"] img{color-scheme:light}
html[data-theme="dark"] input,html[data-theme="dark"] select,html[data-theme="dark"] textarea{color-scheme:dark}
html[data-theme="dark"] ::-webkit-scrollbar{width:11px;height:11px}
html[data-theme="dark"] ::-webkit-scrollbar-track{background:#0e1420}
html[data-theme="dark"] ::-webkit-scrollbar-thumb{background:#2a3548;border-radius:999px;border:2px solid #0e1420}
html[data-theme="dark"] ::-webkit-scrollbar-thumb:hover{background:#38465d}

/* Logos keep a light plate so dark brand marks stay readable. */
html[data-theme="dark"] img[src*="/logos/"],html[data-theme="dark"] img[src*="bank-logo"],html[data-theme="dark"] img[src*="/stocks/"]{background-color:#f4f6fa;border-radius:6px}

/* Exchange wordmarks: dark-ink logos swap to light-ink twins. */
html[data-theme="dark"] :not([class*="logo"]):not([class*="mark"]):not([class*="badge"]) > img[src*="images/kase-logo.svg"]{content:url("../images/kase-logo-dark.svg")}
html[data-theme="dark"] :not([class*="logo"]):not([class*="mark"]):not([class*="badge"]) > img[src*="images/aix-logo.svg"]{content:url("../images/aix-logo-dark.svg")}
html[data-theme="dark"] :not([class*="logo"]):not([class*="mark"]):not([class*="badge"]) > img[src*="images/aix-qazaq-lockup.svg"]{content:url("../images/aix-qazaq-lockup-dark.svg")}
html[data-theme="dark"] :not([class*="logo"]):not([class*="mark"]):not([class*="badge"]) > img[src*="images/qazaq-index-logo.svg"]{content:url("../images/qazaq-index-logo-dark.svg")}
html[data-theme="dark"] :not([class*="logo"]):not([class*="mark"]):not([class*="badge"]) > img[src*="images/lse-logo.svg"]{content:url("../images/lse-logo-dark.svg")}
html[data-theme="dark"] :not([class*="logo"]):not([class*="mark"]):not([class*="badge"]) > img[src*="images/nasdaq-logo.svg"]{content:url("../images/nasdaq-logo-dark.svg")}
html[data-theme="dark"] img[src*="jaisandar-logo-black.png"]{content:url("../images/jaisandar-logo.png")}