/* t632u APPTHEME (Krishna 3 Nov 2026 "colour theme app setting me, web par nahi") – loaded last.
   Colour choice ONLY in the installed app (html.appmode set by index.html head + store.js appMode; ?appmode=1 = preview-only simulation).
   html[data-apc=red|navy|green|slate] (localStorage atc_app_color, never the server). No attribute = default: YI/guest red, YQ slate (html.yqneu).
   Only CSS colour variables change: login card band, header, buttons, logged-in home card/tiles, bottom nav. The YQ neutral name/mark never changes. */
/* the header palette button is gone everywhere: web = always the default look, app = App settings screen (#/account/settings) */
html.appx body .hact #thmBtn,html body #thmBtn,html body #thmPop{display:none!important}
html:not(.appmode) .hxset,html:not(.appmode) #acSetTab{display:none!important}

/* red */
html.appmode[data-apc=red][data-theme=light],html.appmode[data-apc=red][data-theme=light][data-accent]{--y:#D81E27;--y2:#9E1219;--yg:linear-gradient(135deg,#E01F29 0%,#9E1219 100%);--t3p:#D81E27;--t3p2:#E01F29;--t3pd:#9E1219;--t3hov:#9E1219;--t3pg:linear-gradient(135deg,#D81E27 0%,#9E1219 100%);--t3tint:#FDECEC;--t3tintt:#D81E27;--hxa:#D81E27;--hxb:#9E1219;--hxt:#FDECEC;--hxi:#D81E27}
html.appmode[data-apc=red][data-theme=dark]{--y:#FF8A8F;--t3p:#FF8A8F;--t3p2:#E01F29;--t3pg:linear-gradient(135deg,#D81E27 0%,#1F242C 100%);--yg:linear-gradient(135deg,#E01F29 0%,#9E1219 100%);--hxa:#D81E27;--hxi:#FF8A8F}
html.lx.appmode[data-apc=red],html.lx.appmode[data-apc=red] body .otp-card:has(.mk-band),html.lx.appmode[data-apc=red] body .lg-box:has(.mk-band){--lxr:#D81E27;--lxr2:#9E1219}
html.appmode[data-apc=red] .hdr{box-shadow:0 6px 18px color-mix(in srgb,#9E1219 28%,transparent)}
/* navy */
html.appmode[data-apc=navy][data-theme=light],html.appmode[data-apc=navy][data-theme=light][data-accent]{--y:#1E3A8A;--y2:#172554;--yg:linear-gradient(135deg,#2546A8 0%,#172554 100%);--t3p:#1E3A8A;--t3p2:#2546A8;--t3pd:#172554;--t3hov:#172554;--t3pg:linear-gradient(135deg,#1E3A8A 0%,#172554 100%);--t3tint:#E8EEFB;--t3tintt:#1E3A8A;--hxa:#1E3A8A;--hxb:#172554;--hxt:#E8EEFB;--hxi:#1E3A8A}
html.appmode[data-apc=navy][data-theme=dark]{--y:#93B4FF;--t3p:#93B4FF;--t3p2:#2546A8;--t3pg:linear-gradient(135deg,#1E3A8A 0%,#1F242C 100%);--yg:linear-gradient(135deg,#2546A8 0%,#172554 100%);--hxa:#1E3A8A;--hxi:#93B4FF}
html.lx.appmode[data-apc=navy],html.lx.appmode[data-apc=navy] body .otp-card:has(.mk-band),html.lx.appmode[data-apc=navy] body .lg-box:has(.mk-band){--lxr:#1E3A8A;--lxr2:#172554}
html.appmode[data-apc=navy] .hdr{box-shadow:0 6px 18px color-mix(in srgb,#172554 28%,transparent)}
/* green */
html.appmode[data-apc=green][data-theme=light],html.appmode[data-apc=green][data-theme=light][data-accent]{--y:#15803D;--y2:#14532D;--yg:linear-gradient(135deg,#16A34A 0%,#14532D 100%);--t3p:#15803D;--t3p2:#16A34A;--t3pd:#14532D;--t3hov:#14532D;--t3pg:linear-gradient(135deg,#15803D 0%,#14532D 100%);--t3tint:#E7F6EC;--t3tintt:#15803D;--hxa:#15803D;--hxb:#14532D;--hxt:#E7F6EC;--hxi:#15803D}
html.appmode[data-apc=green][data-theme=dark]{--y:#6EE7A0;--t3p:#6EE7A0;--t3p2:#16A34A;--t3pg:linear-gradient(135deg,#15803D 0%,#1F242C 100%);--yg:linear-gradient(135deg,#16A34A 0%,#14532D 100%);--hxa:#15803D;--hxi:#6EE7A0}
html.lx.appmode[data-apc=green],html.lx.appmode[data-apc=green] body .otp-card:has(.mk-band),html.lx.appmode[data-apc=green] body .lg-box:has(.mk-band){--lxr:#15803D;--lxr2:#14532D}
html.appmode[data-apc=green] .hdr{box-shadow:0 6px 18px color-mix(in srgb,#14532D 28%,transparent)}
/* slate */
html.appmode[data-apc=slate][data-theme=light],html.appmode[data-apc=slate][data-theme=light][data-accent]{--y:#334155;--y2:#1E293B;--yg:linear-gradient(135deg,#475569 0%,#1E293B 100%);--t3p:#334155;--t3p2:#475569;--t3pd:#1E293B;--t3hov:#1E293B;--t3pg:linear-gradient(135deg,#334155 0%,#1E293B 100%);--t3tint:#EEF1F5;--t3tintt:#334155;--hxa:#334155;--hxb:#1E293B;--hxt:#EEF1F5;--hxi:#334155}
html.appmode[data-apc=slate][data-theme=dark]{--y:#B8C4D6;--t3p:#B8C4D6;--t3p2:#475569;--t3pg:linear-gradient(135deg,#334155 0%,#1F242C 100%);--yg:linear-gradient(135deg,#475569 0%,#1E293B 100%);--hxa:#334155;--hxi:#B8C4D6}
html.lx.appmode[data-apc=slate],html.lx.appmode[data-apc=slate] body .otp-card:has(.mk-band),html.lx.appmode[data-apc=slate] body .lg-box:has(.mk-band){--lxr:#334155;--lxr2:#1E293B}
html.appmode[data-apc=slate] .hdr{box-shadow:0 6px 18px color-mix(in srgb,#1E293B 28%,transparent)}
/* App settings screen (own .apset class: .aps / .card are taken by the app banner slider) */
.apset{margin:12px 0 24px;padding:16px;border-radius:16px;background:var(--bg1,#fff);border:1px solid var(--bd,rgba(0,0,0,.1));box-shadow:0 2px 14px rgba(0,0,0,.06);color:var(--ink)}
.apset h3{margin:0 0 10px;font-size:15px}.apset .apset-h2{margin-top:18px}
.apset-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.apset-o{display:flex;align-items:center;gap:10px;min-height:48px;padding:10px 12px;border-radius:12px;border:1.5px solid var(--bd2,#d9dce2);background:var(--bg1,#fff);color:var(--ink);font:600 14px/1.2 var(--t3font,inherit);text-align:left;cursor:pointer}
.apset-o[aria-checked=true]{border-color:var(--t3p);box-shadow:0 0 0 3px var(--t3tint)}
.apset-o[aria-checked=true]::after{content:"✓";margin-left:auto;color:var(--t3p);font-weight:900}
.apset-sw{flex:none;width:26px;height:26px;border-radius:50%;border:2px solid rgba(255,255,255,.8);box-shadow:0 0 0 1px rgba(0,0,0,.15)}
.apset-n{margin-top:14px}
.hxset{display:inline-flex;align-items:center;gap:6px;margin-top:10px;padding:6px 12px;border-radius:999px;background:rgba(255,255,255,.18);color:#fff!important;font-size:13px;font-weight:600;text-decoration:none}