/* Shree AI — the logo, everywhere it appears (website, chat, account, admin).
   One tile (/seo/logo-tile.svg) with a softly twinkling AI spark, plus a gentle light sweep on the larger marks. */
.mark,.logo,.sx-mark,.brand-ico,.wl-box,.mav.aav,#trow .mav,.con-top .av,.av,.gp-fav{
  background:#0a1030 url(/seo/logo-tile.svg) center/cover no-repeat!important;
  color:transparent!important;-webkit-text-fill-color:transparent!important;text-shadow:none!important;
  border-color:transparent!important;
}
.mark>*,.logo>*,.sx-mark>*,.brand-ico>*,.wl-box>*,.mav.aav>*,#trow .mav>*,.av>*,.gp-fav>*{visibility:hidden}
.brand-ico::before,.wl-box::before{display:none!important}
.mark,.logo,.sx-mark,.brand-ico{box-shadow:0 0 0 1px rgba(125,211,252,.22),0 8px 22px -10px rgba(56,189,248,.75)!important}
.wl-box{box-shadow:0 0 0 1px rgba(125,211,252,.25),0 22px 60px -18px rgba(56,189,248,.6),0 0 80px -30px rgba(129,140,248,.8)!important}
/* light sweep */
.mark,.logo,.sx-mark,.brand-ico{position:relative}
.mark,.logo,.sx-mark,.brand-ico,.wl-box{overflow:hidden;isolation:isolate}
.mark::after,.logo::after,.sx-mark::after,.brand-ico::after,.wl-box::after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;
  background:linear-gradient(115deg,transparent 30%,rgba(255,255,255,.28) 47%,rgba(186,230,253,.18) 53%,transparent 70%);
  transform:translateX(-130%);animation:shreeSweep 7s cubic-bezier(.4,0,.2,1) 1.2s infinite}
.wl-box::after{animation-duration:6s}
@keyframes shreeSweep{0%{transform:translateX(-130%)}22%,100%{transform:translateX(130%)}}
a:hover .mark,a:hover .logo,a:hover .sx-mark,a:hover .brand-ico,.brand:hover .mark{transform:translateY(-1px) rotate(-3deg);transition:transform .25s cubic-bezier(.2,.8,.2,1)}
.mark,.logo,.sx-mark,.brand-ico{transition:transform .25s cubic-bezier(.2,.8,.2,1)}
@media (prefers-reduced-motion:reduce){.mark::after,.logo::after,.sx-mark::after,.brand-ico::after,.wl-box::after{animation:none;display:none}}