/* =====================================================================
   gks-v117.css - FINAL LAYER (loaded after gks-v116.css on every page)
   1. ONE maroon Durga wallpaper everywhere: dashboard, login, register, loading, splash (no navy, no grid)
   2. Header is SOLID (page text no longer shows through it)
   3. Faded emoji inside boxes (diya / temple / hands / flower) -> replaced by a soft gold rangoli ornament
   4. Profile > GMAIL ALERTS box
   Other festivals (Diwali, Holi ...) keep their own colours: every wallpaper rule skips html[data-th-full].
   To remove all of this: delete the 2 lines  gks-v117.css / gks-v117.js  at the end of each page.
   ===================================================================== */

/* ---------- 1. WALLPAPER ---------- */
html:not([data-th-full]):not(#z):not(#zz){
  background:#1b0e2a url(/assets/bg-wall.jpg?v=162) center top/cover no-repeat fixed!important;min-height:100%}
html:not([data-th-full]):not(#z):not(#zz) body{
  background:transparent!important;background-image:none!important}
html:not([data-th-full]):not(#z):not(#zz) body::before{
  content:""!important;display:block!important;position:fixed!important;top:0!important;left:0!important;right:0!important;bottom:auto!important;height:100vh!important;height:100lvh!important;z-index:-1!important;pointer-events:none!important;
  background:#221135 url(/assets/bg-wall.jpg?v=162) center/cover no-repeat!important}
html:not([data-th-full]):not(#z):not(#zz) body::after{content:none!important;display:none!important}
/* login / register / splash: the old dark grid is gone, same wallpaper instead */
html:not([data-th-full]):not(#z):not(#zz) body #auth-screen,
html:not([data-th-full]):not(#z):not(#zz) body #rk-splash{
  background:#1b0e2a url(/assets/bg-wall.jpg?v=162) center/cover no-repeat!important;box-shadow:none!important}
html:not([data-th-full]):not(#z):not(#zz) body #authPage,
html:not([data-th-full]):not(#z):not(#zz) body .ayush-auth-page,
html:not([data-th-full]):not(#z):not(#zz) body #wrap{
  background:transparent!important;background-image:none!important}
/* every page wrapper stays see-through so the wallpaper is visible */
html:not([data-th-full]):not(#z):not(#zz) body #main-app,
html:not([data-th-full]):not(#z):not(#zz) body .page-content,
html:not([data-th-full]):not(#z):not(#zz) body [id^="page-"]:not(#page-pay-qr){
  background:transparent!important;background-image:none!important}

/* ---------- 2. SOLID HEADER ---------- */
html:not(#z):not(#zz) body #main-app>.topHeader,
html:not(#z):not(#zz) body .topHeader{
  background:linear-gradient(180deg,#28163d 0%,#190d27 100%)!important;
  -webkit-backdrop-filter:none!important;backdrop-filter:none!important;opacity:1!important}

/* ---------- 3. BOX ORNAMENT instead of the faded emoji ---------- */
html body .g116-deco::after{
  content:""!important;font-size:0!important;line-height:0!important;
  width:84px;height:84px;right:10px;bottom:6px;top:auto;left:auto;margin:0;
  background:url(/assets/orn.svg) center/contain no-repeat;
  opacity:.16;filter:none;transform:none;animation:none!important}
html body .g116-deco.tile::after{width:68px;height:68px;right:8px;bottom:auto;top:50%;margin-top:-34px}
html body .g116-deco.wide::after{width:112px;height:112px;right:12px;bottom:2px}
html body .g116-deco.alt::after{right:auto;left:10px}

/* ---------- 4. PROFILE > GMAIL ALERTS (roomy layout + verified box animation) ---------- */
.g117-mail{margin-top:16px!important;padding:22px 18px 22px!important}
.g117-mail .profile-section-title{margin-bottom:16px!important}
.g117-mail .g117m-note{font-size:13px;line-height:1.6;color:#cdbae2;text-align:center;margin:0 6px 20px}
.g117-mail .g117m-note b{color:#a663f2}
.g117-mail .g117m-field{margin:0 0 16px}
.g117-mail .g117m-field label{display:block;margin:0 0 9px 4px;font:700 10.5px/1 'JetBrains Mono',ui-monospace,monospace;letter-spacing:.22em;color:#ac94c8}
.g117-mail .g117m-field input{display:block;width:100%;box-sizing:border-box;height:52px;padding:0 16px;border-radius:16px;background:#170d23;border:1px solid #472a68;color:#fff;-webkit-text-fill-color:#fff;font:500 15.5px Inter,system-ui,sans-serif;outline:none;text-overflow:ellipsis;transition:border-color .2s,box-shadow .2s}
.g117-mail .g117m-field input::placeholder{color:#8f7f6a;-webkit-text-fill-color:#8f7f6a}
.g117-mail .g117m-field input:focus{border-color:rgba(166,112,227,.8);box-shadow:0 0 0 3px rgba(166,112,227,.14)}
.g117-mail #g117m-code{text-align:center;letter-spacing:.5em;padding-left:.5em;font:600 20px 'JetBrains Mono',ui-monospace,monospace}
.g117-mail .g117m-btn{position:relative;display:flex;align-items:center;justify-content:center;gap:8px;width:100%;height:52px;margin:6px 0 4px;border:0;border-radius:16px;cursor:pointer;background:linear-gradient(135deg,#ad79e9,#8042c6);color:#1e122c;font:800 14.5px/1 Inter,system-ui,sans-serif;letter-spacing:.1em;box-shadow:0 10px 24px rgba(129,59,208,.2);transition:transform .15s,opacity .2s}
.g117-mail .g117m-btn:active{transform:scale(.985)}
.g117-mail .g117m-btn:disabled{opacity:.7;cursor:default}
.g117-mail .g117m-btn.wait{background:linear-gradient(135deg,#6b5d52,#4d4239);color:#d6c7e8;box-shadow:none}
.g117-mail .g117m-btn.busy span{opacity:.55}
.g117-mail .g117m-btn.busy::after{content:"";width:16px;height:16px;border-radius:50%;border:2.5px solid rgba(30,18,44,.35);border-top-color:#1e122c;animation:g117spin .7s linear infinite}
.g117-mail .g117m-step2{margin-top:20px;padding-top:20px;border-top:1px dashed rgba(149,95,211,.28)}
.g117-mail .g117m-step2.in{animation:g117rise .35s ease both}
.g117-mail #g117m-msg{min-height:18px;margin-top:14px;text-align:center;font-size:12.5px;line-height:1.5;font-weight:700;color:#c3b1d8}
.g117-mail #g117m-msg.ok{color:#4ade80}
.g117-mail #g117m-msg.err{color:#ff8a98}
.g117-mail .g117m-change{display:block;margin:16px auto 0;padding:11px 22px;border-radius:999px;border:1px solid rgba(149,95,211,.4);background:transparent;color:#b78fe4;font:700 11.5px/1 'JetBrains Mono',ui-monospace,monospace;letter-spacing:.16em;cursor:pointer}

/* verified box */
.g117-mail .g117m-ok{position:relative;display:flex;align-items:center;gap:16px;margin:2px 0 0;padding:20px 18px;border-radius:22px;overflow:hidden;
  background:linear-gradient(135deg,rgba(24,92,58,.55),rgba(14,48,34,.55));border:1.5px solid rgba(74,222,128,.55);box-shadow:0 0 0 0 rgba(74,222,128,.0)}
.g117-mail .g117m-ok.play{animation:g117box .7s cubic-bezier(.2,.9,.3,1.2) both,g117glow 1.8s ease-out .5s 1}
.g117-mail .g117m-okicon{flex:0 0 58px;width:58px;height:58px}
.g117-check{display:block;width:100%;height:100%}
.g117-ring{stroke:#4ade80;stroke-width:3;stroke-linecap:round;stroke-dasharray:145;stroke-dashoffset:0}
.g117-tick{stroke:#eafff1;stroke-width:4;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:36;stroke-dashoffset:0}
.g117m-ok.play .g117-ring{stroke-dashoffset:145;animation:g117draw .65s ease-out .15s forwards}
.g117m-ok.play .g117-tick{stroke-dashoffset:36;animation:g117draw2 .4s ease-out .75s forwards}
.g117m-ok.play .g117m-okicon{animation:g117pop .5s cubic-bezier(.2,.9,.3,1.4) .65s both}
.g117-mail .g117m-oktxt{min-width:0;display:flex;flex-direction:column;gap:5px;text-align:left}
.g117-mail .g117m-oktxt b{font:800 13.5px/1.2 'JetBrains Mono',ui-monospace,monospace;letter-spacing:.14em;color:#8bf0b3}
.g117-mail .g117m-oktxt span{font:500 15px/1.35 Inter,system-ui,sans-serif;color:#fff;word-break:break-all}
.g117m-spark{position:absolute;width:7px;height:7px;border-radius:50%;background:#b47df3;opacity:0;pointer-events:none}
.g117m-spark.s1{left:26px;top:14px}.g117m-spark.s2{right:30px;top:18px;background:#8bf0b3}.g117m-spark.s3{left:46px;bottom:12px;background:#8bf0b3}.g117m-spark.s4{right:22px;bottom:16px}
.g117m-ok.play .g117m-spark{animation:g117spark .9s ease-out 1s both}
.g117m-ok.play .g117m-spark.s2{animation-delay:1.08s}.g117m-ok.play .g117m-spark.s3{animation-delay:1.16s}.g117m-ok.play .g117m-spark.s4{animation-delay:1.24s}
@keyframes g117draw{to{stroke-dashoffset:0}}
@keyframes g117draw2{to{stroke-dashoffset:0}}
@keyframes g117pop{0%{transform:scale(.7)}60%{transform:scale(1.14)}100%{transform:scale(1)}}
@keyframes g117box{from{opacity:0;transform:translateY(14px) scale(.96)}to{opacity:1;transform:none}}
@keyframes g117glow{0%{box-shadow:0 0 0 0 rgba(74,222,128,.55)}100%{box-shadow:0 0 0 26px rgba(74,222,128,0)}}
@keyframes g117spark{0%{opacity:0;transform:scale(.2)}35%{opacity:1;transform:scale(1.5)}100%{opacity:0;transform:translateY(-18px) scale(.4)}}
@keyframes g117rise{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
@keyframes g117spin{to{transform:rotate(360deg)}}
@media(prefers-reduced-motion:reduce){.g117-mail *{animation:none!important}.g117m-ok .g117-ring,.g117m-ok .g117-tick{stroke-dashoffset:0!important}}
.g117-mail[hidden],.g117-mail [hidden]{display:none!important}

/* ---------- 5. OLD Durga decorations (side garlands / bells / kalash / petals layer) are removed: the new wallpaper already has its own ---------- */
/* v124: the falling petals / sparkles are BACK. Only the old side garlands, bunches and light-strings stay hidden. */
html:not([data-th-full]) #dp-layer .dp-garland,html:not([data-th-full]) #dp-layer .dp-bunch,html:not([data-th-full]) #dp-layer .dp-lights{display:none!important}
html #dp-layer{display:block!important;visibility:visible!important;opacity:1!important}
html #dp-layer .dp-p{display:block!important}

/* ---------- 6. NO DARK STRIP AT THE BOTTOM + wallpaper EXACTLY like the picture ----------
   The wallpaper layer is as tall as the LARGE phone screen (browser bar hidden = 100lvh), anchored at the top, cover-scaled:
   same picture, same scale as the file on every phone, and no flat band under it when the browser bar slides away. */
html:not([data-th-full]):not(#z):not(#zz){background-color:#221135!important;background-position:center top!important}
html:not([data-th-full]):not(#z):not(#zz)::before{top:0!important;left:0!important;right:0!important;bottom:auto!important;height:100vh!important;height:100lvh!important;background-position:center top!important}
html:not([data-th-full]):not(#z):not(#zz) body::before{background-position:center top!important}
html:not([data-th-full]):not(#z):not(#zz) #site-background-video{top:0!important;left:0!important;right:0!important;bottom:auto!important;height:100vh!important;height:100lvh!important;background:#221135 url(/assets/bg-wall.jpg?v=162) center top/cover no-repeat!important}
.g117-mail .g117m-tip{margin:12px 4px 0;font-size:11.5px;line-height:1.5;color:#ac91cb;text-align:center}.g117-mail .g117m-tip b{color:#b47df3;word-break:break-all}

/* v139: flower bunches / ribbons / garlands are gone for good, whatever theme or cache */
#dp-layer .dp-bunch,#dp-layer .dp-garland,#dp-layer .dp-drape,.dp-bunch,.dp-garland,.dp-drape{display:none!important;width:0!important;height:0!important;overflow:hidden!important}
