/* ver53 brand layer: "Vedic meets modern". Loaded after style.css and theme-v31.css.
   Night-sky indigo, logo gold, saffron accents, glass surfaces, gentle motion (off with reduced-motion). */
:root{--saffron:#F28C28;--gold-2:#E8B85C;--glass:rgba(255,255,255,.06);--glass-line:rgba(242,194,91,.28);--night-3:#0A0514}

/* ---------- Header: dark glass, gold emblem ---------- */
.topbar{background:var(--night-3);border-bottom:1px solid rgba(242,194,91,.15)}
.site-head{background:rgba(14,7,25,.95)!important;border-bottom:1px solid var(--glass-line)!important;color:var(--on-night)}
.site-head .brand b{color:#FFF6E6;letter-spacing:.01em}
.site-head .brand small{color:var(--gold-soft)}
.site-head .brand img{width:52px;height:52px;border-radius:0;background:none;object-fit:contain;filter:drop-shadow(0 0 10px rgba(242,194,91,.35));transition:transform 1.2s cubic-bezier(.2,.7,.2,1)}
.site-head .brand:hover img{transform:rotate(30deg)}
@media (min-width:1181px){
  .site-head .nav a:not(.btn){color:#EDE3F7}
  .site-head .nav a:not(.btn):hover,.site-head .nav a[aria-current="page"]:not(.btn){color:var(--gold);background:rgba(242,194,91,.1)}
}
.site-head .nav-toggle,.site-head .hd-login,.site-head .ann-btn,.site-head .lang-btn,.site-head .theme-btn{color:#F4ECFB;border-color:rgba(242,194,91,.35)!important;background:rgba(255,255,255,.04)!important}
.theme-btn{flex:0 0 40px;min-width:40px;display:inline-grid;place-items:center;width:40px;height:40px;border-radius:999px;border:1px solid var(--line);cursor:pointer;margin-left:6px;padding:0}
.theme-btn svg{width:18px;height:18px}
.theme-btn .i-sun{display:none}
:root[data-theme="dark"] .theme-btn .i-sun{display:block}
:root[data-theme="dark"] .theme-btn .i-moon{display:none}

/* ---------- Starfield on every dark hero ---------- */
.hero{position:relative;isolation:isolate}
.hero::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;opacity:.75;
  background-image:
    radial-gradient(1.2px 1.2px at 12% 18%,#fff 50%,transparent 51%),radial-gradient(1px 1px at 28% 62%,#e9dcff 50%,transparent 51%),
    radial-gradient(1.4px 1.4px at 44% 12%,#fff 50%,transparent 51%),radial-gradient(1px 1px at 58% 78%,#ffe9b8 50%,transparent 51%),
    radial-gradient(1.2px 1.2px at 71% 33%,#fff 50%,transparent 51%),radial-gradient(1px 1px at 86% 70%,#e9dcff 50%,transparent 51%),
    radial-gradient(1.5px 1.5px at 93% 14%,#fff 50%,transparent 51%),radial-gradient(1px 1px at 6% 84%,#fff 50%,transparent 51%),
    radial-gradient(1px 1px at 36% 90%,#ffe9b8 50%,transparent 51%),radial-gradient(1.2px 1.2px at 64% 48%,#fff 50%,transparent 51%);
  background-size:520px 420px;animation:osdw-twinkle 7s ease-in-out infinite alternate}
.hero::after{content:"";position:absolute;inset:auto -10% -1px -10%;height:140px;z-index:-1;pointer-events:none;
  background:radial-gradient(60% 100% at 50% 100%,rgba(242,140,40,.18),transparent 70%)}
@keyframes osdw-twinkle{from{opacity:.45}to{opacity:.85}}

/* ---------- Hero orb: portrait + rotating sun-wheel ---------- */
.hero-orb{position:relative;width:min(100%,520px);height:auto!important;aspect-ratio:1/1.08;align-self:center;justify-self:center;margin-inline:auto;display:grid;place-items:end center}
.hero-orb .orb-wheel{position:absolute;inset:-4% -4% auto -4%;width:108%;aspect-ratio:1;object-fit:contain;opacity:.95;
  filter:drop-shadow(0 0 40px rgba(242,194,91,.35));animation:osdw-spin 120s linear infinite}
.hero-orb .orb-glow{position:absolute;inset:8% 8% 18% 8%;border-radius:50%;background:radial-gradient(circle,rgba(242,194,91,.45),rgba(242,140,40,.12) 45%,transparent 70%);filter:blur(10px)}
.hero-orb .orb-ring{position:absolute;inset:14% 14% 24% 14%;border-radius:50%;border:1px solid rgba(242,194,91,.55);box-shadow:inset 0 0 60px rgba(242,194,91,.15)}
.hero-orb picture{position:relative;z-index:1;width:64%;display:block}
.hero-orb .orb-photo{position:relative;width:100%;height:auto;z-index:1;
  -webkit-mask-image:linear-gradient(to bottom,#000 78%,transparent 100%);mask-image:linear-gradient(to bottom,#000 78%,transparent 100%);
  filter:drop-shadow(0 20px 40px rgba(0,0,0,.45))}
.hero-orb .orb-badge{position:absolute;z-index:2;left:2%;bottom:14%;display:flex;gap:10px;align-items:center;padding:10px 14px;border-radius:14px;
  background:rgba(14,7,25,.72);border:1px solid var(--glass-line);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:var(--on-night);font-size:14px;line-height:1.3}
.hero-orb .orb-badge b{color:var(--gold);font-family:var(--f-display);font-size:22px;display:block}
.hero-orb .orb-badge.r{left:auto;right:0;bottom:30%}
@keyframes osdw-spin{to{transform:rotate(360deg)}}
@media (max-width:860px){.hero-orb{width:min(100%,380px);margin-top:8px}.hero-orb .orb-badge{font-size:12.5px;padding:8px 10px}.hero-orb .orb-badge b{font-size:18px}}

/* ---------- Glass cards on dark, gold hairlines on light ---------- */
.svc-card,.feel,.trust-card,.ab-card{transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}
.svc-card:hover,.feel:hover{transform:translateY(-3px);border-color:var(--glass-line)}
.hero .chip{background:rgba(255,255,255,.06);border:1px solid var(--glass-line);color:var(--on-night)}
.eyebrow{letter-spacing:.18em}
.band .section-head h2{position:relative}
.band .section-head h2::after{content:"";display:block;width:56px;height:2px;margin-top:12px;background:linear-gradient(90deg,var(--saffron),var(--gold));border-radius:2px}
.section-head[style*="text-align: center"] h2::after,.center .section-head h2::after{margin-inline:auto}

/* ---------- Trust strip with certificate photo ---------- */
.trust-photo{background:linear-gradient(160deg,#1B1036 0%,var(--night) 60%,var(--night-2) 100%);color:var(--on-night);position:relative;overflow:hidden}
.trust-photo .wrap{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(24px,5vw,64px);align-items:center}
.trust-photo figure{margin:0;position:relative}
.trust-photo figure img{width:100%;height:auto;border-radius:24px;border:1px solid var(--glass-line);box-shadow:0 30px 70px rgba(0,0,0,.45);aspect-ratio:4/5;object-fit:cover;object-position:center 20%}
.trust-photo figcaption{font-size:13px;color:var(--on-night-mute);margin-top:10px}
.trust-photo h2{color:#FFF6E6}
.trust-photo .tp-list{list-style:none;padding:0;margin:18px 0 0;display:grid;gap:12px}
.trust-photo .tp-list li{display:flex;gap:12px;align-items:flex-start;padding:14px 16px;border-radius:14px;background:var(--glass);border:1px solid var(--glass-line)}
.trust-photo .tp-list b{color:var(--gold);font-family:var(--f-display);font-size:22px;min-width:84px;line-height:1.1}
.trust-photo a{color:var(--gold)}
@media (max-width:860px){.trust-photo .wrap{grid-template-columns:1fr}.trust-photo figure{max-width:420px}}

/* ---------- Practice timeline (About + Gallery) ---------- */
.practice-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.practice-grid figure{margin:0;border-radius:18px;overflow:hidden;background:var(--card);border:1px solid var(--line);box-shadow:var(--shadow-1)}
.practice-grid picture{display:block;aspect-ratio:4/5;overflow:hidden}
.practice-grid img{width:100%;height:100%;object-fit:cover;object-position:center 25%;display:block}
.practice-grid figcaption{padding:12px 14px;font-size:14.5px;color:var(--mute)}
.practice-grid figcaption b{display:block;color:var(--head);font-size:15.5px}
@media (max-width:960px){.practice-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* ---------- Symbol note (NRI page) ---------- */
.symbol-note{display:flex;gap:16px;align-items:center;padding:16px 18px;border-radius:16px;border:1px solid var(--line);background:var(--card)}
.symbol-note img{width:64px;height:64px;flex:none}

/* ---------- Review request (booking confirmed) ---------- */
.review-ask{margin-top:22px;padding:18px 20px;border-radius:16px;border:1px solid var(--glass-line);background:linear-gradient(135deg,rgba(242,194,91,.12),rgba(242,140,40,.06))}

/* ---------- Footer: wordmark ---------- */
.site-foot .foot-mark{display:block;width:260px;max-width:100%;height:auto;margin:0 0 10px}

@media (prefers-reduced-motion:reduce){.hero::before,.hero-orb .orb-wheel{animation:none!important}}

.site-head .lang-btn{box-shadow:none}
.trust-photo .eyebrow{color:var(--gold)}
.trust-photo .tp-list b{min-width:118px}
.hero-orb .orb-wheel{height:auto!important;aspect-ratio:1/1!important;max-height:none!important}.hero-orb .orb-photo{max-height:none!important;aspect-ratio:auto!important}
.hero-orb picture{transform:translateX(-5%)}
.topbar .tb-right{display:inline-flex;align-items:center;gap:12px}
.topbar .tb-theme{width:28px;height:28px;flex:0 0 28px;min-width:28px;margin:0;border:1px solid rgba(242,194,91,.35);background:transparent;color:var(--gold-soft)}
.topbar .tb-theme svg{width:15px;height:15px}
#symbol{padding-top:0}

/* ================= ver54: animated sun-wheel (3 layers) =================
   rays turn clockwise, the zodiac ring turns the other way, the centre (swastika + Om) stays upright and glows. */
.sw{position:relative;display:block;width:100%;aspect-ratio:1/1;isolation:isolate;--sw-rays:110s;--sw-ring:170s;--sw-scroll:0deg}
.sw>span,.sw img{position:absolute;inset:0;width:100%;height:100%;display:block}
.sw img{object-fit:contain;max-width:none;max-height:none;aspect-ratio:1/1}
.sw .sw-rays-w{transform:rotate(var(--sw-scroll));transition:transform 1.8s cubic-bezier(.2,.8,.2,1)}
.sw .sw-ring-w{transform:rotate(calc(var(--sw-scroll) * -0.6));transition:transform 1.8s cubic-bezier(.2,.8,.2,1)}
.sw .sw-rays{animation:sw-spin var(--sw-rays) linear infinite,sw-shimmer 6s ease-in-out infinite alternate}
.sw .sw-ring{animation:sw-spin var(--sw-ring) linear infinite reverse}
.sw .sw-glow{inset:33%;width:auto;height:auto;border-radius:50%;background:radial-gradient(circle,rgba(255,214,120,.85) 0%,rgba(242,140,40,.35) 45%,transparent 72%);filter:blur(6px);animation:sw-breathe 4.5s ease-in-out infinite alternate;z-index:1}
.sw .sw-core{z-index:2;filter:drop-shadow(0 0 6px rgba(255,200,90,.55))}
@keyframes sw-spin{to{transform:rotate(360deg)}}
@keyframes sw-shimmer{from{filter:brightness(.96) drop-shadow(0 0 10px rgba(242,194,91,.25))}to{filter:brightness(1.12) drop-shadow(0 0 22px rgba(242,194,91,.55))}}
@keyframes sw-breathe{from{transform:scale(.92);opacity:.65}to{transform:scale(1.12);opacity:1}}
/* entrance: the wheel assembles itself */
.sw.sw-enter .sw-rays-w{animation:sw-in-rays 1.8s cubic-bezier(.2,.8,.2,1) backwards}
.sw.sw-enter .sw-ring-w{animation:sw-in-ring 1.5s .15s cubic-bezier(.2,.8,.2,1) backwards}
.sw.sw-enter .sw-core{animation:sw-in-core 1.2s .45s ease-out backwards}
@keyframes sw-in-rays{from{opacity:0;transform:rotate(-80deg) scale(.7)}to{opacity:1;transform:rotate(var(--sw-scroll)) scale(1)}}
@keyframes sw-in-ring{from{opacity:0;transform:rotate(70deg) scale(1.18)}to{opacity:1;transform:rotate(0) scale(1)}}
@keyframes sw-in-core{0%{opacity:0;transform:scale(.6)}60%{opacity:1;transform:scale(1.06)}100%{transform:scale(1)}}
/* hover / focus: a slow half-turn */
.brand:hover .sw .sw-rays-w,.brand:focus-visible .sw .sw-rays-w{transform:rotate(calc(var(--sw-scroll) + 120deg))}
.brand:hover .sw .sw-ring-w,.brand:focus-visible .sw .sw-ring-w{transform:rotate(-80deg)}
/* header emblem */
.site-head .brand .sw{width:52px;height:52px;flex:none;--sw-rays:160s;--sw-ring:240s}
.site-head .brand .sw img{filter:none}
@media (max-width:420px){.site-head .brand .sw{width:44px;height:44px}}
/* hero: layered wheel replaces the single image */
.hero-orb .sw{position:absolute;inset:-4% -4% auto -4%;width:108%;height:auto;filter:drop-shadow(0 0 40px rgba(242,194,91,.3))}

/* page-to-page loader */
#osdw-loader{position:fixed;inset:0;z-index:9999;display:none;place-items:center;background:radial-gradient(60% 60% at 50% 45%,#2A1640 0%,#120A22 60%,#07030E 100%);color:#F6E7C8;opacity:0;transition:opacity .35s ease}
#osdw-loader .ld-in{display:grid;justify-items:center;gap:18px;text-align:center;padding:24px}
#osdw-loader .sw{width:min(46vw,220px);--sw-rays:9s;--sw-ring:14s}
#osdw-loader .ld-word{font:600 clamp(18px,4vw,24px)/1.2 var(--f-display);letter-spacing:.04em;color:#F2C25B}
#osdw-loader .ld-msg{font-size:14.5px;color:#D9CCE8;min-height:1.3em}
#osdw-loader .ld-bar{width:160px;height:2px;border-radius:2px;background:rgba(242,194,91,.18);overflow:hidden}
#osdw-loader .ld-bar i{display:block;width:40%;height:100%;background:linear-gradient(90deg,transparent,#F2C25B,transparent);animation:ld-slide 1.4s ease-in-out infinite}
@keyframes ld-slide{from{transform:translateX(-100%)}to{transform:translateX(260%)}}
html.osdw-ld #osdw-loader{display:grid;opacity:1}
html.osdw-ld-out #osdw-loader{display:grid;opacity:0;pointer-events:none}

@media (prefers-reduced-motion:reduce){
  .sw .sw-rays,.sw .sw-ring,.sw .sw-glow,#osdw-loader .ld-bar i{animation:none!important}
  .sw.sw-enter .sw-rays-w,.sw.sw-enter .sw-ring-w,.sw.sw-enter .sw-core{animation:none!important}
  .sw .sw-rays-w,.sw .sw-ring-w{transition:none!important;transform:none!important}
}

/* ================= ver55: free tools (kundli, milan, panchang) ================= */
.tool-band{padding-top:clamp(28px,4vw,48px)}
.tool-root{max-width:1080px;margin-inline:auto}
.tl-form{display:grid;gap:16px;padding:clamp(18px,3vw,28px);border-radius:22px;background:var(--card);border:1px solid var(--line);box-shadow:var(--shadow-2)}
.tl-form .btn{justify-self:start}
.tl-two{display:grid;grid-template-columns:1fr 1fr;gap:18px}
@media (max-width:820px){.tl-two{grid-template-columns:1fr}}
.tl-person{border:1px solid var(--line);border-radius:16px;padding:14px 16px 16px;margin:0;display:grid;gap:12px;min-width:0}
.tl-person legend{font-weight:800;color:var(--head);padding:0 6px}
.tl-form label{display:grid;gap:6px;font-size:14.5px;font-weight:700;color:var(--mute);min-width:0}
.tl-form input,.tl-form select{font:inherit;font-weight:500;color:var(--ink);background:var(--bg);border:1px solid var(--line);border-radius:12px;padding:11px 12px;min-height:46px;width:100%;min-width:0}
.tl-form input:focus,.tl-form select:focus{outline:2px solid var(--gold);outline-offset:1px;border-color:var(--gold)}
.tl-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px}
.tl-more summary{cursor:pointer;font-size:14px;color:var(--accent);font-weight:700;margin-bottom:8px}
.tl-inline{grid-template-columns:minmax(140px,1fr) minmax(200px,2fr) auto;align-items:end}
@media (max-width:640px){.tl-inline{grid-template-columns:1fr}}
.tl-err{color:#B3261E;font-weight:700;margin:0}
.tl-out{margin-top:22px}
.tl-card{padding:clamp(18px,3vw,30px);border-radius:22px;background:var(--card);border:1px solid var(--glass-line);box-shadow:var(--shadow-2);display:grid;gap:16px}
.tl-card h3{margin:0;color:var(--head)} .tl-card h4{margin:6px 0 4px;color:var(--head)}
.tl-meta{margin:-8px 0 0;color:var(--mute);font-size:14.5px}
.tl-kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:12px}
.tl-kpis>div{padding:14px 16px;border-radius:16px;background:linear-gradient(160deg,#1B1036,#2A1640);color:#FFF6E6;display:grid;gap:2px}
.tl-kpis span{font-size:12.5px;letter-spacing:.06em;text-transform:uppercase;color:var(--gold-soft)}
.tl-kpis b{font-family:var(--f-display);font-size:22px;color:#FFE7B0;line-height:1.2}
.tl-kpis small{color:#D9CCE8}
.tl-grid{display:grid;grid-template-columns:minmax(0,420px) minmax(0,1fr);gap:24px;align-items:start}
@media (max-width:860px){.tl-grid{grid-template-columns:1fr}}
.tl-grid figure{margin:0}.tl-grid figcaption{font-size:13px;color:var(--mute);margin-top:6px}
.nchart{width:100%;height:auto;background:#FFF9EC;border-radius:12px}
.nchart rect,.nchart path{fill:none;stroke:#B8892E;stroke-width:2}
.nchart .ch-sign{font:700 13px var(--f-body);fill:#9A6A12;text-anchor:middle;dominant-baseline:middle}
.nchart .ch-pl{font:800 14px var(--f-body);fill:#2A1430;text-anchor:middle;dominant-baseline:middle}
.nchart .ch-pl.asc{fill:#B3261E}
.tl-tw{overflow-x:auto;-webkit-overflow-scrolling:touch}
.tl-t{width:100%;border-collapse:collapse;font-size:15px;min-width:420px}
.tl-t th,.tl-t td{padding:9px 10px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}
.tl-t th{font-size:12.5px;letter-spacing:.06em;text-transform:uppercase;color:var(--mute)}
.tl-t td small{display:block;color:var(--mute);font-size:12.5px}
.tl-t .hi{color:var(--mute);font-weight:500}
.tl-t tr.now td{background:color-mix(in srgb,var(--gold) 18%,transparent)}
.tl-t .sc{white-space:nowrap}
.tl-t .tag{font-size:11px;padding:1px 6px;border-radius:999px;background:color-mix(in srgb,var(--saffron) 20%,transparent)}
.tl-score{display:grid;justify-items:center;text-align:center;padding:18px;border-radius:18px;color:#FFF6E6;background:linear-gradient(160deg,#1B1036,#2A1640)}
.tl-score b{font-family:var(--f-display);font-size:64px;line-height:1;color:#FFE7B0}
.tl-score.low b{color:#FFB4A8}.tl-score.great b{color:#9FF0C4}
.tl-score small{color:#D9CCE8}
.tl-notes{margin:0;padding-left:1.2em;display:grid;gap:6px}
.tl-note{font-size:13.5px;color:var(--mute);margin:0}
@media print{.site-head,.topbar,.site-foot,.stickybar,.wa-float,.chat-fab,.hero,.tl-form,.btn-row,#osdw-loader,.band:not(.tool-band){display:none!important}.tl-card{box-shadow:none;border:0}}
.tl-kv{min-width:0}.tl-kv td:first-child{color:var(--mute);width:48%}
@media (min-width:760px){.tl-kv tbody{display:grid;grid-template-columns:1fr 1fr;column-gap:24px}.tl-kv tr{display:table;width:100%}}
.td-t td{vertical-align:top}.td-t .td-act{white-space:normal}.td-t .td-act .btn{padding:8px 12px;font-size:14px;margin:2px 0}
/* ver56 rashifal */
.rf-head{display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;align-items:flex-end}
.rf-tabs{display:inline-flex;border:1px solid var(--line);border-radius:999px;padding:4px;gap:4px;background:var(--bg)}
.rf-tabs button{border:0;background:none;padding:8px 14px;border-radius:999px;font:700 14px var(--f-body);color:var(--mute);cursor:pointer}
.rf-tabs button[aria-selected="true"]{background:var(--night);color:var(--gold)}
.rf-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:14px}
.rf-span{grid-column:1/-1}
.rf-c{padding:16px;border-radius:16px;border:1px solid var(--line);background:var(--bg)}
.rf-c h4{margin:0 0 6px;color:var(--head);font-size:18px}.rf-c h4 span{display:block;font-size:13px;color:var(--mute);font-weight:600}
.rf-c p{margin:0 0 6px;font-size:15px}.rf-c p.hi{color:var(--mute)}
.rf-rows{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:12px}.rf-row{border:1px solid var(--line);border-radius:14px;padding:10px 12px;display:grid;gap:8px;margin:0}.rf-row legend{font-weight:800;padding:0 6px}.rf-row label{display:grid;gap:4px;font-size:13px;color:var(--mute)}.rf-row textarea{font:inherit;padding:8px 10px;border-radius:10px;border:1px solid var(--line);background:var(--bg);color:var(--ink);resize:vertical}
/* ver57: hero tool shortcuts + festive banner */
.hero-tools{margin:4px 0 0;font-size:15px;color:var(--on-night-mute)}
.hero-tools a{color:var(--gold);font-weight:700}
.festive{padding:clamp(24px,4vw,40px) 0;background:linear-gradient(180deg,var(--night-2),var(--night))}
.festive-in{display:grid;grid-template-columns:minmax(0,420px) 1fr;gap:clamp(18px,4vw,40px);align-items:center;text-decoration:none;color:var(--on-night)}
.festive-in img{width:100%;height:auto;border-radius:20px;border:1px solid var(--glass-line);box-shadow:0 24px 60px rgba(0,0,0,.45)}
.festive-txt{display:grid;gap:10px;justify-items:start}.festive-txt b{font-family:var(--f-display);font-size:clamp(26px,4vw,40px);color:#FFE7B0}
@media (max-width:760px){.festive-in{grid-template-columns:1fr}}
/* ver57: homepage hero shows the animated wheel alone */
.hero-orb.orb-solo{aspect-ratio:1/1;width:min(100%,540px);place-items:center}
.hero-orb.orb-solo .sw{inset:0;width:100%}
.hero-orb.orb-solo .orb-glow{inset:12%}
.hero-orb.orb-solo .orb-ring{inset:6%;border-color:rgba(242,194,91,.35)}
.hero-orb.orb-solo .orb-badge{bottom:6%;left:0}
.hero-orb.orb-solo .orb-badge.r{bottom:auto;top:8%;right:0;left:auto}
@media (max-width:860px){.hero-orb.orb-solo{width:min(100%,360px)}}
@media (min-width:861px){.hero-orb.orb-solo{width:min(100%,470px);align-self:center;margin-top:-40px}}
/* ver58: less clutter — no public visit counter, no notification bell, fewer floating buttons on phones */
#tb-visits,#counters{display:none!important}
@media (max-width:860px){
  .chat-fab{display:none!important}
  .to-top{display:none!important}
  .stickybar .sb-ask{flex:0 0 auto;min-width:56px;padding-inline:14px}
}
@media (min-width:861px){.stickybar .sb-ask{display:none}}
/* ver58 hero: headline, one line of credentials, the astrologer's face, two actions */
.hero .hero-line{font-size:clamp(16px,2vw,19px);color:var(--gold-soft);max-width:36em}
.hero-person{display:inline-flex;align-items:center;gap:12px;padding:6px 14px 6px 6px;border-radius:999px;background:rgba(255,255,255,.06);border:1px solid var(--glass-line);color:var(--on-night);text-decoration:none;width:max-content;max-width:100%}
.hero-person img{width:56px;height:56px;border-radius:50%;object-fit:cover;border:2px solid var(--gold);display:block}
.hero-person b{display:block;color:#FFF6E6;font-size:16px}.hero-person small{color:var(--on-night-mute);font-size:13px}
.hero-person:hover{border-color:var(--gold)}
.hero h1{font-size:clamp(36px,5.2vw,62px);line-height:1.08}
/* ver58 lead box after tool results */
.tl-lead{display:grid;gap:10px;padding:16px 18px;border-radius:16px;border:1px dashed var(--gold);background:color-mix(in srgb,var(--gold) 8%,transparent)}
.tl-lead p{margin:0;font-size:14.5px;color:var(--mute)}
.tl-lead label{display:grid;gap:4px;font-size:14px;font-weight:700;color:var(--mute)}
.tl-lead input[type=text],.tl-lead input[type=tel],.tl-lead input:not([type]){font:inherit;padding:10px 12px;border:1px solid var(--line);border-radius:10px;background:var(--bg);color:var(--ink);min-height:44px}
.tl-lead .tl-ck{display:flex;gap:8px;align-items:flex-start;font-weight:500}
.tl-lead .btn{justify-self:start}
/* ver58 course batch block */
.batch-band{padding-block:clamp(28px,4vw,44px)}
.batch-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.batch-c{display:grid;gap:4px;padding:18px;border-radius:18px;background:var(--card);border:1px solid var(--glass-line);box-shadow:var(--shadow-1);color:var(--ink);text-decoration:none}
.batch-c b{font-family:var(--f-display);font-size:22px;color:var(--head)} .batch-c span:last-child{color:var(--mute);font-size:14.5px}
a.batch-c:hover{border-color:var(--gold);transform:translateY(-2px)}
.batch-c:first-child{background:linear-gradient(160deg,#1B1036,#2A1640);color:#FFF6E6}.batch-c:first-child b{color:#FFE7B0}.batch-c:first-child span:last-child{color:#D9CCE8}
@media (max-width:760px){.batch-grid{grid-template-columns:1fr}}
.batch-c:first-child .eyebrow{color:var(--gold)}.share-row{display:grid;grid-template-columns:minmax(140px,220px) 1fr auto;gap:8px;align-items:center;margin:4px 0}.share-row input{font:inherit;font-size:13px;padding:8px 10px;border-radius:10px;border:1px solid var(--line);background:var(--bg);color:var(--ink);min-width:0}@media (max-width:640px){.share-row{grid-template-columns:1fr}}.bt-row{display:grid;grid-template-columns:minmax(150px,220px) 160px 1fr 1fr;gap:8px;align-items:center;margin:4px 0}.bt-row input{font:inherit;padding:8px 10px;border-radius:10px;border:1px solid var(--line);background:var(--bg);color:var(--ink);min-width:0}@media (max-width:760px){.bt-row{grid-template-columns:1fr}}
.batch-c:first-child .eyebrow{color:var(--gold)!important}
.stickybar .sb-ask{background:transparent!important;color:var(--gold)!important;border:2px solid var(--gold)!important}
@media (min-width:861px){
  .chat-fab{left:auto!important;right:calc(22px + env(safe-area-inset-right,0px))!important;bottom:calc(96px + env(safe-area-inset-bottom,0px))!important}
  .chat-panel{left:auto!important;right:calc(22px + env(safe-area-inset-right,0px))!important;bottom:calc(164px + env(safe-area-inset-bottom,0px))!important}
  .to-top{bottom:calc(170px + env(safe-area-inset-bottom,0px))!important}
}

/* ================= ver59: owner CRM ================= */
.crm-bar{position:sticky;top:0;z-index:30;background:linear-gradient(160deg,#1B1036,#120A22);border-bottom:1px solid var(--glass-line);color:var(--on-night)}
.crm-bar-in{display:grid;grid-template-columns:auto 1fr;gap:10px 18px;align-items:center;padding-block:12px}
.crm-brand b{font-family:var(--f-display);font-size:22px;color:#FFE7B0;display:block}.crm-brand span{font-size:12.5px;color:var(--on-night-mute)}
.crm-key{display:flex;gap:8px;justify-content:flex-end}.crm-key input{font:inherit;padding:9px 12px;border-radius:10px;border:1px solid var(--glass-line);background:rgba(255,255,255,.06);color:#fff;min-width:0;width:200px}
.crm-tabs{grid-column:1/-1;display:flex;gap:6px;overflow-x:auto;-webkit-overflow-scrolling:touch;padding-bottom:2px}
.crm-tabs button{flex:none;border:1px solid transparent;background:rgba(255,255,255,.05);color:#EDE3F7;border-radius:999px;padding:8px 14px;font:700 14px var(--f-body);cursor:pointer;display:inline-flex;gap:6px;align-items:center}
.crm-tabs button[aria-selected="true"]{background:var(--gold);color:#1A0F22}
.crm-tabs i{font-style:normal;font-size:11.5px;min-width:18px;padding:1px 6px;border-radius:999px;background:#C2410C;color:#fff}.crm-tabs i:empty{display:none}
.crm-kpis{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:12px}
.crm-kpi{display:grid;gap:2px;text-align:left;padding:16px;border-radius:18px;border:1px solid var(--line);background:var(--card);box-shadow:var(--shadow-1);cursor:pointer;font:inherit;color:var(--ink)}
.crm-kpi b{font-family:var(--f-display);font-size:30px;color:var(--head);line-height:1.1}.crm-kpi span{font-weight:800}.crm-kpi small{color:var(--mute)}
.crm-kpi:hover{border-color:var(--gold)}
.crm-two{display:grid;grid-template-columns:1fr 1fr;gap:18px}@media (max-width:860px){.crm-two{grid-template-columns:1fr}}
.crm-mini{display:flex;justify-content:space-between;gap:10px;align-items:center;padding:10px 12px;border:1px solid var(--line);border-radius:14px;background:var(--card);margin-bottom:8px}
.crm-mini small{color:var(--mute)}.crm-mini .btn{padding:7px 12px;font-size:13.5px}
.crm-pipe{display:grid;grid-template-columns:repeat(5,minmax(230px,1fr));gap:12px;overflow-x:auto;padding-bottom:8px}
.crm-col{background:var(--alt);border-radius:16px;padding:10px;min-height:120px;display:grid;align-content:start;gap:10px}
.crm-col h3{margin:4px 4px 2px;font-size:15px;display:flex;justify-content:space-between}.crm-col h3 span{color:var(--mute)}
.crm-card{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:12px;display:grid;gap:4px;cursor:grab;box-shadow:var(--shadow-1)}
.crm-card small{font-size:12.5px}.crm-card .mut{color:var(--mute)}.crm-rem{font-style:italic;color:var(--accent)}
.crm-act{display:flex;gap:6px;flex-wrap:wrap;margin-top:4px}.crm-act .btn{padding:6px 10px;font-size:12.5px;min-height:0}
.crm-act select,.crm-act input{font:inherit;font-size:13px;padding:6px 8px;border:1px solid var(--line);border-radius:8px;background:var(--bg);color:var(--ink);min-width:0;flex:1}
.crm-search{font:inherit;width:100%;max-width:520px;padding:12px 14px;border-radius:12px;border:1px solid var(--line);background:var(--card);color:var(--ink)}
.crm-cust{border:1px solid var(--line);border-radius:14px;background:var(--card);padding:10px 14px;margin:8px 0}
.crm-cust summary{cursor:pointer;display:flex;flex-wrap:wrap;gap:6px 16px;align-items:baseline}.crm-cust summary span{color:var(--mute);font-size:14px}
.crm-cust ul{margin:8px 0;padding-left:1.2em;font-size:14px}
body:has(.crm-bar) .stickybar,body:has(.crm-bar) .wa-float,body:has(.crm-bar) .chat-fab{display:none!important}
.hero .hero-tagline{letter-spacing:.08em;text-transform:none;font-family:var(--f-display);font-size:clamp(17px,2vw,21px);font-style:italic;font-weight:600}
/* ver59 free-tools hub */
.tools-list{list-style:none;margin:8px 0 0;padding:0;display:grid;gap:14px;counter-reset:none}
.tools-item{display:grid;grid-template-columns:52px 1fr;gap:16px;align-items:start;padding:18px;border:1px solid var(--glass-line);border-radius:18px;background:var(--glass)}
.tools-n{display:grid;place-items:center;width:52px;height:52px;border-radius:50%;background:linear-gradient(135deg,var(--gold-2),var(--saffron));color:#1a0f05;font-family:var(--f-display);font-size:22px;font-weight:700}
.tools-body h3{margin:0 0 4px;font-size:20px}.tools-body h3 a{color:inherit;text-decoration:none}.tools-body h3 a:hover{color:var(--gold)}
.tools-body p{margin:0 0 10px}
.tools-rel{display:flex;flex-wrap:wrap;gap:8px;align-items:center;font-size:14px}
.tools-rel span{opacity:.75}
.tools-rel .chip{display:inline-block;padding:5px 12px;border-radius:999px;border:1px solid var(--glass-line);text-decoration:none;color:var(--gold);font-size:14px}
.tools-rel .chip:hover{background:rgba(242,194,91,.12)}
.btn-sm{padding:8px 16px;font-size:14px;min-height:0}
@media(max-width:560px){.tools-item{grid-template-columns:40px 1fr;gap:12px;padding:14px}.tools-n{width:40px;height:40px;font-size:18px}}
.try-tool{display:flex;flex-wrap:wrap;align-items:center;gap:10px 16px;padding:16px 20px;border:1px dashed var(--glass-line);border-radius:16px;background:var(--glass)}
.try-tool p{margin:0;flex:1 1 280px}.try-tool .try-all{font-size:14px;color:var(--gold)}
.rf-import details{border:1px solid var(--glass-line);border-radius:14px;padding:12px 16px;background:var(--glass)}
.rf-import summary{cursor:pointer}.rf-import textarea{width:100%;margin:8px 0;font:inherit;padding:10px;border-radius:10px;border:1px solid var(--line);background:transparent;color:inherit}
.rf-file{cursor:pointer}.rf-progress{font-weight:600;color:var(--gold);margin:8px 0}
/* ver59 fixes: kanban cards fit their column; hub readable in light and dark */
.crm-col{grid-template-columns:minmax(0,1fr)}.crm-col>*{min-width:0}
.crm-col input,.crm-col select,.crm-col textarea{max-width:100%;min-width:0;box-sizing:border-box}
.crm-col .btn-row,.crm-col form,.crm-col div{flex-wrap:wrap}
.tools-item{background:var(--card);border-color:var(--line);box-shadow:var(--shadow-1)}
.tools-rel .chip{color:var(--ink);border-color:var(--gold-2);background:transparent}
.tools-rel .chip:hover{background:rgba(232,184,92,.18)}
.try-tool{background:var(--card);border-color:var(--gold-2)}.try-tool .try-all{color:var(--ink);text-decoration:underline}
.rf-import details{background:var(--card);border-color:var(--line)}
.crm-card .crm-act{display:grid;grid-template-columns:1fr 1fr;gap:6px}.crm-card .crm-act>*{min-width:0;width:100%}
.crm-card .crm-act input[type=date]{font-size:13px;padding-inline:6px}

/* ver60 homepage About-me portrait */
.about-portrait{display:block;position:relative;max-width:300px;margin:0 auto 8px;border-radius:24px;overflow:hidden;border:1px solid var(--gold-2);box-shadow:var(--shadow-1);text-decoration:none}
.about-portrait img{display:block;width:100%;height:auto;aspect-ratio:541/836;object-fit:cover;transition:transform .6s ease}
.about-portrait:hover img{transform:scale(1.04)}
.about-portrait span{position:absolute;left:0;right:0;bottom:0;padding:28px 16px 14px;background:linear-gradient(transparent,rgba(18,10,34,.88));color:#F6E7C1;font-weight:700;text-align:center}
@media(max-width:700px){.about-portrait{max-width:70vw}}
/* ver61 guides: contents box and tables */
.toc{border:1px solid var(--line);border-left:3px solid var(--gold-2);border-radius:12px;padding:12px 18px;margin:0 0 24px;background:var(--card)}
.toc ol{margin:6px 0 0;padding-left:20px}.toc li{margin:2px 0}
.tbl-wrap{overflow-x:auto;margin:12px 0}.tbl{border-collapse:collapse;width:100%;min-width:480px;font-size:15px}
.tbl th,.tbl td{border:1px solid var(--line);padding:8px 10px;text-align:left;vertical-align:top}.tbl th{background:var(--alt);font-weight:700}
@media(max-width:560px){.tbl{min-width:0;font-size:14px}.tbl th,.tbl td{padding:6px 7px}}
/* ver62 skin preview pill (only shown with ?skin=) */
.skin-pill{position:fixed;left:50%;transform:translateX(-50%);top:calc(10px + env(safe-area-inset-top,0px));z-index:9999;background:#111;color:#fff;font:600 13px/1.3 system-ui,sans-serif;padding:8px 14px;border-radius:999px;box-shadow:0 8px 24px rgba(0,0,0,.35);display:flex;gap:12px;align-items:center;white-space:nowrap;max-width:calc(100vw - 20px);overflow-x:auto}
.skin-pill a{color:#FFD36E;text-decoration:underline}
/* ver63 content written in by the Worker */
.site-strip{background:var(--night-2,#0E0719);color:var(--on-night,#FAF6FF);font-size:14px;border-bottom:1px solid var(--glass-line,rgba(242,194,91,.3))}
.site-strip .wrap{padding-block:8px;text-align:center}.site-strip a{color:var(--gold);font-weight:700}
.home-notes .wrap{display:grid;gap:14px;padding-block:18px}.home-notes .wrap:empty{display:none}
.tip-day,.spotlight{border:1px solid var(--line);border-left:4px solid var(--gold-2,#E8B85C);border-radius:16px;background:var(--card);padding:16px 20px}
.tip-day p{margin:6px 0 0;font-size:18px;font-family:var(--f-display)}
.spotlight{display:flex;flex-wrap:wrap;gap:8px 18px;align-items:center}.spotlight b{font-size:20px;font-family:var(--f-display)}.spotlight span{flex:1 1 260px}
.cms-gal-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:14px}
.cms-gal-grid figure,.cms-press figure{margin:0;border:1px solid var(--line);border-radius:14px;overflow:hidden;background:var(--card)}
.cms-gal-grid img{width:100%;aspect-ratio:4/3;object-fit:cover;display:block}
.cms-gal-grid figcaption,.cms-press figcaption{padding:10px 12px;font-size:14px;display:grid;gap:2px}
.cms-gal-f{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}
.cms-press{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:14px}.cms-press img{width:100%;height:200px;object-fit:cover;display:block}
.rf-card{border:1px solid var(--line);border-radius:14px;background:var(--card);padding:14px 16px}.rf-card h3{font-size:18px;margin-bottom:6px}.rf-card p{margin:4px 0;font-size:15px}
.arch-list{columns:2 240px;padding-left:18px}.arch-list li{margin:4px 0}
.cert-card{max-width:640px;margin:0 auto;border:2px solid var(--gold-2,#E8B85C);border-radius:18px;padding:24px;background:var(--card)}
.cert-card dl{display:grid;grid-template-columns:auto 1fr;gap:8px 18px;margin:12px 0}.cert-card dt{font-weight:700}.cert-card dd{margin:0}.cert-ok{color:#1B7348;font-weight:700}
@media print{.site-head,.topbar,.site-foot,.stickybar,.wa-float,.chat-fab,.no-print,.hero .crumbs{display:none!important}}
.course-info{list-style:none;padding:0;margin:12px 0 0;display:grid;gap:4px;font-size:15px}
.cp-wrap{margin:14px 0}.cp-row{display:flex;gap:8px;flex-wrap:wrap}.cp-row input{flex:1 1 180px;min-height:44px;padding:8px 12px;border:1px solid var(--line);border-radius:10px;font:inherit;text-transform:uppercase}
.social a.social-txt{font-weight:800;display:inline-grid;place-items:center}
/* ver63 admin editors */
.crm-tabs [data-cms-tab]{border-style:dashed}
.cms-login{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:8px;align-items:center}.cms-login form{display:flex;flex-wrap:wrap;gap:6px;align-items:center}
.cms-login input{min-height:38px;padding:6px 10px;border-radius:8px;border:1px solid var(--glass-line);background:rgba(255,255,255,.06);color:inherit}.cms-who{font-size:13px;opacity:.85}
.cms-fields{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:12px}
.cms-f{display:grid;gap:4px}.cms-f label{font-weight:700;font-size:14px}.cms-wide{grid-column:1/-1}
.cms-f input,.cms-f textarea,.cms-f select,.cms-fees input,.cms-sug input,.cms-sug select{width:100%;box-sizing:border-box;min-height:40px;padding:8px 10px;border:1px solid var(--line);border-radius:10px;background:var(--card);color:var(--ink);font:inherit}
.cms-f textarea{min-height:80px}[data-k="body"] textarea,[data-k="faqs"] textarea{font-family:ui-monospace,Menlo,Consolas,monospace;font-size:14px}
.cms-chk label{font-weight:600;display:flex;gap:8px;align-items:center}.cms-chk input{width:auto;min-height:0}
.cms-count{font-weight:400;opacity:.7}.cms-mrow{display:flex;gap:6px}.cms-thumb img{max-height:70px;border-radius:8px;margin-top:4px}
.cms-list{display:grid;gap:10px}.cms-item{border:1px solid var(--line);border-radius:14px;background:var(--card);padding:10px 14px}
.cms-item summary{cursor:pointer;font-weight:700}.cms-item[open] summary{margin-bottom:10px}.cms-act{margin-top:10px}
.cms-del{border-color:#B3261E!important;color:#B3261E!important}.cms-msg.bad{color:#B3261E}.cms-ver{margin-top:6px}
.cms-bar2{margin-top:14px;position:sticky;bottom:0;background:var(--bg);padding:10px 0;z-index:5}
.cms-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px;margin-top:12px}
.cms-grid figure{margin:0;border:1px solid var(--line);border-radius:12px;padding:6px;background:var(--card);display:grid;gap:4px;font-size:12px}
.cms-grid img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:8px}.cms-grid small{display:block;opacity:.7}.cms-pdf{display:grid;place-items:center;aspect-ratio:1;background:var(--alt);border-radius:8px;font-weight:800}
.cms-dlg{max-width:min(920px,94vw);width:100%;border:0;border-radius:18px;padding:18px;background:var(--bg);color:var(--ink)}.cms-dlg::backdrop{background:rgba(10,5,20,.6)}
.cms-dlg-h{display:flex;gap:10px;align-items:center;flex-wrap:wrap;position:sticky;top:-18px;background:var(--bg);padding:8px 0}
.cms-order{padding-left:22px;display:grid;gap:6px}.cms-order li label{display:inline-flex;gap:8px;min-width:240px}
.cms-sug{border:1px dashed var(--line);border-radius:14px;padding:12px;margin-bottom:12px}.cms-sug select,.cms-sug input{width:auto;display:inline-block}
.cms-cand{max-height:320px;overflow:auto;padding-left:0;list-style:none}.cms-cand li{padding:4px 0;border-bottom:1px solid var(--line);font-size:14px}
.cms-hl li.error{color:#B3261E;font-weight:700}.cms-hl li.warn{color:#8A5200}.cms-code{font-size:18px;letter-spacing:.06em;background:var(--alt);padding:2px 8px;border-radius:6px}
.cms-up{cursor:pointer}
/* ver64 About: specialities, mosaic, zoom; home chip */
.spec-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:14px}
.spec-card{display:flex;flex-direction:column;gap:4px;padding:18px;border-radius:18px;background:var(--card);border:1px solid var(--line);border-top:4px solid var(--h,var(--gold));box-shadow:var(--shadow-1)}
.spec-card b{font-family:var(--f-display);font-size:21px;color:var(--head)}.spec-card .hindi{color:var(--h,var(--accent));font-size:15px}
.spec-card p{margin:4px 0 10px;font-size:15px;color:var(--mute);flex:1}.spec-card .btn-row{gap:8px}
.spec-chips{display:flex;flex-wrap:wrap;gap:8px;margin:6px 0 14px}
.spec-chips a{padding:6px 12px;border-radius:999px;border:1px solid var(--line);background:var(--card);color:var(--ink);text-decoration:none;font-size:14px;font-weight:600}
.spec-chips a:hover{border-color:var(--gold-2,#E8B85C);color:var(--accent)}
.hero-person small{display:block}.hero-person .hp-spec{color:var(--gold-soft);font-size:12.5px}.hero-person .hp-more{color:var(--gold);font-weight:700;font-size:12.5px}
.practice-grid.mosaic{grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-flow:dense}
.practice-grid.mosaic figure:nth-child(2){grid-column:span 2;grid-row:span 2}
.practice-grid.mosaic figure:nth-child(2) picture{aspect-ratio:auto;height:calc(100% - 64px)}
.practice-grid.mosaic img{cursor:zoom-in;transition:transform .5s ease}.practice-grid.mosaic figure:hover img{transform:scale(1.04)}
@media(max-width:760px){.practice-grid.mosaic{grid-template-columns:repeat(2,minmax(0,1fr))}.practice-grid.mosaic figure:nth-child(2){grid-column:span 2;grid-row:auto}.practice-grid.mosaic figure:nth-child(2) picture{aspect-ratio:4/5;height:auto}}
.zoom-dlg{border:0;padding:0;background:transparent;max-width:94vw;max-height:94vh}.zoom-dlg::backdrop{background:rgba(8,4,16,.88)}
.zoom-dlg img{max-width:94vw;max-height:82vh;display:block;margin:auto;border-radius:12px}.zoom-dlg p{color:#fff;text-align:center;margin:10px 0 0}
.zoom-dlg .zb{position:fixed;top:50%;transform:translateY(-50%);width:48px;height:48px;border-radius:50%;border:0;background:rgba(255,255,255,.15);color:#fff;font-size:26px;cursor:pointer}.zoom-dlg .zp{left:12px}.zoom-dlg .zn{right:12px}.zoom-dlg .zx{top:30px;right:12px;transform:none}
.cms-swatches{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:10px;margin:14px 0}
.cms-sw{display:grid;gap:6px;padding:8px;border:1px solid var(--line);border-radius:12px;text-decoration:none;color:var(--ink);font-size:13px;font-weight:700;background:var(--card)}
.cms-sw span{display:block;height:46px;border-radius:8px}.cms-sw.on{outline:3px solid var(--gold-2,#E8B85C)}
.spec-card .btn-line{border-color:var(--accent);color:var(--accent)}.spec-card .btn-line:hover{background:var(--accent);color:var(--bg)}
.also-link{margin:0;font-size:16px;line-height:1.9}.also-link a{font-weight:700}
/* ver66 student portal: tabs, journey, courses, classroom */
.pt-tabs{display:flex;gap:6px;overflow-x:auto;padding-bottom:4px;-webkit-overflow-scrolling:touch}
.pt-tabs button{flex:none;border:1px solid var(--line);background:var(--card);color:var(--ink);border-radius:999px;padding:8px 14px;font:600 14px var(--f-body);cursor:pointer}
.pt-tabs button[aria-selected="true"]{background:var(--gold);border-color:var(--gold);color:var(--on-gold)}
.pt-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.pt-kpis div{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:12px}
.pt-kpis b{display:block;font-family:var(--f-display);font-size:24px;color:var(--head)}.pt-kpis span{font-size:13px;color:var(--mute)}
@media(max-width:640px){.pt-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}}
.pt-next{display:flex;flex-wrap:wrap;gap:12px 18px;align-items:center;justify-content:space-between;padding:18px;border-radius:16px;background:linear-gradient(135deg,var(--night,#2A1640),var(--night-2,#160C2A));color:var(--on-night,#fff)}
.pt-next div{display:grid;gap:2px}.pt-next small{color:var(--gold-soft,#F8DC9C)}.pt-next b{font-size:18px}
.pt-wa{display:grid;gap:8px}.btn-wa{background:#1FA855!important;color:#fff!important;border-color:#1FA855!important}
.pt-tl{list-style:none;margin:0;padding:0}.pt-tl li{display:grid;grid-template-columns:96px 26px 1fr;gap:8px;padding:9px 0;border-bottom:1px solid var(--line);align-items:start}
.pt-tl .d{font-size:13px;color:var(--mute)}.pt-tl .i{width:24px;height:24px;border-radius:50%;display:grid;place-items:center;background:var(--alt);font-size:12px}.pt-tl li.up{font-weight:700}
@media(max-width:560px){.pt-tl li{grid-template-columns:70px 24px 1fr}}
.pt-row{display:flex;flex-wrap:wrap;gap:8px;justify-content:space-between;align-items:center}.pt-tag{display:inline-block;font:700 12px var(--f-body);padding:2px 9px;border-radius:999px;background:var(--alt);color:var(--accent);margin-left:6px;vertical-align:middle}.pt-tag.ok{color:#1B7348}
.pt-prog{height:8px;background:var(--alt);border-radius:8px;overflow:hidden;margin:8px 0}.pt-prog i{display:block;height:100%;background:linear-gradient(90deg,var(--gold-2,#E8B85C),var(--saffron,#F28C28))}
.pt-badge.live{background:#D32F2F;color:#fff}.pt-badge.upcoming{background:var(--alt)}.pt-badge.cancelled{text-decoration:line-through}
.pt-fb{display:block;color:var(--accent);font-style:normal}
.cr-band{padding-block:20px!important}
.cr{display:grid;gap:12px}.cr-head{display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between;align-items:center}.cr-head h2{margin:2px 0 0}.cr-head small{color:var(--mute)}
.cr-room{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:14px;align-items:stretch}
.cr-stage{display:grid;grid-template-rows:1fr auto;gap:10px;background:#0E0719;border-radius:18px;padding:10px;min-height:62vh}
.cr-stage iframe{width:100%;height:100%;min-height:56vh;border:0;border-radius:12px;background:#000}
.cr-stage:fullscreen{padding:0;border-radius:0}.cr-stage:fullscreen iframe{min-height:100vh;border-radius:0}
.cr-link{display:grid;place-items:center;align-content:center;gap:14px;text-align:center;color:#F3EDF8;padding:30px}
.cr-ctrl{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}.cr-ctrl .btn{color:#F8DC9C;border-color:#F2C25B}
.cr-side{display:grid;grid-template-rows:auto auto 1fr auto auto;background:var(--card);border:1px solid var(--line);border-radius:18px;min-height:62vh;max-height:78vh;overflow:hidden}
.cr-tabs{display:flex;gap:4px;padding:8px;border-bottom:1px solid var(--line)}.cr-tabs button{flex:1;border:0;background:transparent;border-radius:10px;padding:8px 4px;font:600 13px var(--f-body);color:var(--mute);cursor:pointer}.cr-tabs button[aria-selected="true"]{background:var(--alt);color:var(--head)}
.cr-pin{margin:8px;padding:8px 10px;border:1px solid var(--gold-2,#E8B85C);border-radius:10px;font-size:14px}.cr-pin b{display:block;font-size:12px;color:var(--accent)}
.cr-msgs{overflow:auto;padding:10px;display:grid;gap:8px;align-content:start;font-size:14px}.cr-m b{display:block;font-size:12px;color:var(--accent)}
.cr-m{display:block;min-width:0;overflow-wrap:anywhere}.cr-m.r-teacher{background:var(--alt);border-radius:10px;padding:8px}.cr-m.r-teacher.k-pin{border:1px solid var(--gold-2,#E8B85C)}.cr-m.k-q{border-left:3px solid var(--saffron,#F28C28);padding-left:8px}.cr-m.k-hand{opacity:.8;font-style:italic}.cr-m.done{opacity:.6}
.cr-people{list-style:none;margin:0;padding:10px;overflow:auto}.cr-people li{padding:6px 0;border-bottom:1px solid var(--line);color:var(--mute)}.cr-people li.on{color:var(--ink);font-weight:600}.cr-people li.on::before{content:"● ";color:#1B7348}
.cr-in{display:flex;gap:6px;padding:8px;border-top:1px solid var(--line)}.cr-in input{flex:1;min-width:0;min-height:42px;border:1px solid var(--line);border-radius:999px;padding:0 14px;font:inherit;background:var(--bg);color:var(--ink)}
.cr-wait{text-align:center;display:grid;gap:12px;justify-items:center;padding:30px}
@media(max-width:900px){.cr-room{grid-template-columns:1fr}.cr-stage{min-height:0}.cr-stage iframe{min-height:56vw;aspect-ratio:4/3}.cr-side{min-height:360px;max-height:70vh}}
.sr{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.cms-hid{opacity:.45;text-decoration:line-through}.cms-mact{display:inline-flex;gap:4px;margin-left:6px}.cms-mact button{font-size:11px;border:1px solid var(--line);background:var(--card);border-radius:6px;cursor:pointer;padding:1px 6px}
.cms-pinl{display:flex;align-items:center;gap:4px;font-size:13px}.cms-ppl{padding:6px 10px;border-top:1px solid var(--line)}
#cms-live .cr-stage{min-height:60vh}

.cr-room>*,.cr-side,.cr-stage{min-width:0}.cr-tabs{overflow-x:auto}.cr-tabs button{white-space:nowrap;flex:1 0 auto}.cr-in .btn{flex:none;padding-inline:16px}
@media(max-width:480px){.cr-tabs button{font-size:12px;padding:8px 6px}.cr-head .btn{padding:8px 14px;min-height:40px}}
.cr-side{grid-template-columns:minmax(0,1fr)}.cr-msgs{grid-template-columns:minmax(0,1fr)}
.cr-side{display:flex!important;flex-direction:column}.cr-side>.cr-msgs,.cr-side>.cr-people{flex:1 1 auto;min-height:0}.cr-side>*{flex:none}.cr-side>.cr-msgs{flex:1 1 auto}.cr-in{align-items:center}.cr-in input{height:42px}
body:has(.cr) .wa-float,body:has(.cr) .chat-fab,body:has(.cr) .stickybar,body:has(.cr) .to-top,body:has(#cms-live:not([hidden])) .wa-float{display:none!important}
/* ver67 class recordings */
.rec-bar{height:10px;border-radius:6px;background:rgba(0,0,0,.08);overflow:hidden;margin:.6rem 0}
.rec-bar i{display:block;height:100%;width:0;background:var(--gold,#c9962b);transition:width .4s}
.rec-video,.pt-rec video{width:100%;max-height:70vh;background:#000;border-radius:10px;margin-top:.6rem}
#rec-f{max-width:100%}
.pt-rec{position:fixed;inset:0;z-index:90;background:rgba(10,8,20,.82);display:flex;align-items:center;justify-content:center;padding:16px}
.pt-rec-in{background:var(--bg,#fff);color:inherit;border-radius:14px;padding:14px;width:min(960px,100%);max-height:96vh;overflow:auto}
.pt-rec-h{display:flex;justify-content:space-between;align-items:center;gap:.6rem}
.pt-rec-h b{font-size:1rem}
.cr-recnote{font-size:.8rem;opacity:.75;margin:.4rem 0 0}
.pt-linkbtn{background:none;border:0;padding:0;color:var(--gold-d,#8a5a00);text-decoration:underline;cursor:pointer;font:inherit}
/* ver67 audit: admin bar fits a phone screen */
@media (max-width:640px){.crm-bar-in{grid-template-columns:minmax(0,1fr)!important}.crm-bar-in>*{min-width:0;max-width:100%}.crm-key{flex-wrap:wrap;justify-content:stretch}.crm-key input{flex:1 1 150px;min-width:0;width:auto}.crm-tabs{min-width:0;max-width:100%}.cms-login form{flex-wrap:wrap}.cms-login input{min-width:0;flex:1 1 120px}}
main select,main input[type=file]{max-width:100%}main .btn-row{flex-wrap:wrap}
