/* Haryanvi Rishte – live site layer on top of hr.css (design system) */
html{scroll-behavior:smooth}
img{max-width:100%;display:block}
button{font:inherit;cursor:pointer}
a{text-decoration:none}
/* real form controls inside the design's .inp shells */
.inp{transition:border-color .2s,box-shadow .2s}
.inp:focus-within{border-color:var(--m);box-shadow:0 0 0 4px rgba(122,31,43,.1)}
.inp input,.inp select,.inp textarea{flex:1;min-width:0;width:100%;height:100%;border:0;outline:0;background:transparent;font:500 15px Mukta,'Noto Sans Devanagari',sans-serif;color:var(--ink);padding:0}
.inp input::placeholder,.inp textarea::placeholder{color:#B3A498}
.inp select{appearance:none;-webkit-appearance:none;cursor:pointer;padding-right:18px}
.inp.sel{position:relative}
.inp.sel::after{position:absolute;right:14px;pointer-events:none}
.inp.ta{height:auto;padding:10px 14px;align-items:flex-start}.inp.ta textarea{min-height:96px;resize:vertical;line-height:1.5}
.inp input[type=file]{padding-top:10px}
.inp .ic{color:#8A7A70;flex:none}
.chk{display:flex;gap:10px;align-items:flex-start;font-size:14px;color:var(--ink2);cursor:pointer;line-height:1.45}
.chk input{width:18px;height:18px;accent-color:var(--m);margin-top:2px;flex:none}
.radios{display:flex;gap:10px;flex-wrap:wrap}
.radios label{flex:1;min-width:120px;border:1.5px solid var(--line);border-radius:12px;padding:12px 14px;display:flex;gap:10px;align-items:center;cursor:pointer;background:#fff;font-weight:600;transition:.2s}
.radios label:has(input:checked){border-color:var(--m);background:var(--m05);color:var(--m);box-shadow:0 0 0 3px var(--m1)}
.radios input{accent-color:var(--m)}
.btn{transition:transform .15s,box-shadow .2s,filter .2s}
.btn:hover{filter:brightness(1.05)}.btn:active{transform:scale(.97)}
.btn-p:hover{box-shadow:0 6px 16px rgba(122,31,43,.28)}
form{margin:0}
/* badges */
.b-demo{background:#EFE4F6;color:#6B3FA0}.b-pend{background:var(--or1);color:var(--or)}.b-rej{background:var(--rd1);color:var(--rd)}.b-info{background:var(--bl1);color:var(--bl)}
.rb{background:rgba(232,163,23,.2);color:#F5C95C;margin:0 6px 10px;align-self:flex-start}
.logo{display:flex;align-items:center;gap:10px;color:inherit}.logo img{flex:none}
/* toasts */
.toasts{position:fixed;top:18px;right:18px;z-index:9999;display:flex;flex-direction:column;gap:10px;max-width:calc(100vw - 24px)}
.toasts .toast{position:static;width:380px;max-width:100%;align-items:center;animation:tin .45s cubic-bezier(.2,.9,.3,1.2) both}
.toast.t-err{border-left-color:var(--rd)}.toast.t-err>.ic{color:var(--rd)}.toast.t-ok>.ic{color:var(--gr)}.toast.t-info{border-left-color:var(--bl)}
.toast span{flex:1;font-weight:600;font-size:14.5px}.toast .tx{border:0;background:none;color:var(--mut);padding:4px}
@keyframes tin{from{opacity:0;transform:translateY(-14px) scale(.96)}}
/* reveal animation */
.reveal{opacity:0;transform:translateY(16px);transition:opacity .6s ease,transform .6s cubic-bezier(.2,.8,.2,1)}
.reveal.in{opacity:1;transform:none}
.no-js .reveal{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){.reveal{opacity:1;transform:none;transition:none}*{animation-duration:.01ms!important}}
/* header */
.whdr{position:sticky;top:0;z-index:20;transition:box-shadow .3s}
.whdr.scrolled{box-shadow:0 6px 20px rgba(61,11,19,.08)}
.wnav a{position:relative;transition:color .2s}.wnav a::after{content:"";position:absolute;left:0;right:0;bottom:-8px;height:2px;background:var(--g);transform:scaleX(0);transition:transform .25s}
.wnav a:hover::after,.wnav a.on::after{transform:scaleX(1)}
.mdrawer{position:fixed;inset:0;z-index:50;background:rgba(43,26,20,.5);opacity:0;visibility:hidden;transition:.3s}
.mdrawer.open{opacity:1;visibility:visible}
.mdr-in{position:absolute;top:0;right:0;bottom:0;width:min(320px,86vw);background:var(--cr);padding:18px;display:flex;flex-direction:column;gap:18px;transform:translateX(100%);transition:transform .35s cubic-bezier(.2,.8,.2,1)}
.mdrawer.open .mdr-in{transform:none}
.mdr-in nav{display:flex;flex-direction:column}.mdr-in nav a{display:flex;justify-content:space-between;align-items:center;padding:14px 6px;border-bottom:1px solid var(--line2);font-weight:600;font-size:17px;color:var(--ink)}
.mdr-in nav a.on{color:var(--m)}
.wa-float{position:fixed;right:18px;bottom:18px;z-index:30;width:56px;height:56px;border-radius:50%;background:#25D366;color:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 10px 24px rgba(37,211,102,.4);animation:pulse 2.6s infinite}
@keyframes pulse{0%,100%{box-shadow:0 10px 24px rgba(37,211,102,.4),0 0 0 0 rgba(37,211,102,.35)}50%{box-shadow:0 10px 24px rgba(37,211,102,.4),0 0 0 12px rgba(37,211,102,0)}}
/* hero slider */
.hero{position:relative;overflow:hidden;background:#3D0B13;color:#fff;min-height:560px}
.slides{position:absolute;inset:0}
.slide{position:absolute;inset:0;opacity:0;transition:opacity 1.2s ease}
.slide.on{opacity:1}
.slide img{width:100%;height:100%;object-fit:cover;transform:scale(1.08);transition:transform 7s ease-out}
.slide.on img{transform:scale(1)}
.hero::before{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,rgba(61,11,19,.94) 0%,rgba(94,21,32,.82) 38%,rgba(122,31,43,.35) 70%,rgba(61,11,19,.15) 100%)}
.hero::after{content:"";position:absolute;left:0;right:0;bottom:0;height:140px;z-index:1;background:linear-gradient(0deg,rgba(61,11,19,.7),transparent)}
.hero .wrap{position:relative;z-index:2;padding-top:70px;padding-bottom:150px}
.hero .hcopy{max-width:600px}
.hero h1{font-family:Rozha,serif;font-weight:400;font-size:56px;line-height:1.15;color:#fff;text-shadow:0 2px 20px rgba(0,0,0,.25)}
.hero h1 em{font-style:normal;color:#F5C95C}
.hero p.lead{font-size:18px;color:#F7E3D6;margin-top:14px;max-width:520px}
.hero .trust{display:flex;gap:22px;margin-top:26px;font-size:14px;color:#F3D9A8;flex-wrap:wrap}
.hero .stag{display:inline-flex;align-items:center;gap:8px;background:rgba(245,201,92,.18);color:#F5C95C;height:30px;padding:0 14px;border-radius:15px;font-size:13.5px;font-weight:700;border:1px solid rgba(245,201,92,.3)}
.hero .slcap{position:absolute;right:24px;bottom:120px;z-index:2;background:rgba(255,255,255,.12);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.25);border-radius:14px;padding:12px 16px;max-width:340px;font-size:14px;color:#fff}
.hero .slcap b{display:block;font-size:16px;color:#F5C95C}
.dots{position:absolute;left:0;right:0;bottom:104px;z-index:3;display:flex;justify-content:center;gap:8px}
.dots button{width:10px;height:10px;border-radius:5px;border:0;background:rgba(255,255,255,.45);transition:.3s;padding:0}
.dots button.on{width:28px;background:#F5C95C}
.hero .copy-anim>*{animation:up .8s cubic-bezier(.2,.8,.2,1) both}
.hero .copy-anim>*:nth-child(2){animation-delay:.1s}.hero .copy-anim>*:nth-child(3){animation-delay:.2s}.hero .copy-anim>*:nth-child(4){animation-delay:.3s}.hero .copy-anim>*:nth-child(5){animation-delay:.4s}
@keyframes up{from{opacity:0;transform:translateY(22px)}}
.sbox{position:relative;margin-top:-84px;z-index:5}
.sbox .card{padding:24px 26px;border-radius:20px;box-shadow:var(--sh3)}
.sbox h3{font-size:18px;font-weight:800;color:var(--m);margin-bottom:12px;display:flex;gap:8px;align-items:center}
.sgrid{display:grid;grid-template-columns:1fr 1fr 1.2fr 1.2fr 1.2fr auto;gap:14px;align-items:end}
.step{text-align:center;padding:28px 22px;transition:transform .3s,box-shadow .3s}.step:hover{transform:translateY(-4px);box-shadow:var(--sh2)}
.step .n{width:64px;height:64px;border-radius:50%;margin:0 auto 14px;display:flex;align-items:center;justify-content:center;background:var(--g1);color:var(--m);position:relative}
.step .n b{position:absolute;top:-4px;right:-4px;width:24px;height:24px;border-radius:50%;background:var(--m);color:#fff;font:700 12px/24px Poppins}
.pgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.pc{transition:transform .3s,box-shadow .3s}.pc:hover{transform:translateY(-4px);box-shadow:var(--sh2)}
.pc .pimg{display:block;overflow:hidden}.pc .pimg .ph img{transition:transform .5s}.pc:hover .pimg .ph img{transform:scale(1.05)}
.pc .nm{color:var(--ink)}
.pc .acts{display:flex;gap:8px;margin-top:10px}
.ph{position:relative;width:100%;height:100%;overflow:hidden;background:var(--cr2)}
.ph img{width:100%;height:100%;object-fit:cover}
.appban{background:linear-gradient(110deg,#E8A317,#F5C95C);border-radius:24px;display:grid;grid-template-columns:1fr 340px;overflow:hidden;align-items:center}
.mini-phone{width:220px;height:300px;border-radius:30px 30px 0 0;background:#1d1d1d;padding:10px 10px 0;margin:30px auto 0}
.mini-phone>div{background:var(--cr);height:100%;border-radius:22px 22px 0 0;overflow:hidden;padding:12px}
.vmban{background:linear-gradient(135deg,#3D0B13,#7A1F2B);border-radius:24px;color:#fff;display:grid;grid-template-columns:1.2fr 1fr;gap:30px;align-items:center;padding:40px 44px;position:relative;overflow:hidden}
.vmban h2{font-family:Rozha,serif;font-weight:400;font-size:38px;color:#fff}.vmban h2 em{font-style:normal;color:#F5C95C}
.vmban .vmg{display:grid;grid-template-columns:1fr 1fr;gap:10px}.vmban .vmg div{border-radius:14px;overflow:hidden;aspect-ratio:4/3;border:2px solid rgba(245,201,92,.5);position:relative}
.vmban .vmg span{position:absolute;left:8px;bottom:8px;background:rgba(0,0,0,.55);font-size:12px;padding:2px 8px;border-radius:8px}
.stats4 .num{font-size:40px;font-weight:700;color:var(--m)}
/* auth */
.auth-art .ahero{position:absolute;inset:0;opacity:.28;background-size:cover;background-position:center}
.auth-art>*{position:relative}
.auth-card .card{animation:up .6s cubic-bezier(.2,.8,.2,1) both}
.rstep{display:none}.rstep.on{display:flex;animation:up .45s cubic-bezier(.2,.8,.2,1) both}
.no-js .rstep{display:flex}
.upl{border:2px dashed var(--g3);background:var(--g05);border-radius:16px;padding:22px;text-align:center;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:8px;color:#6B4A00;position:relative}
.upl input{position:absolute;inset:0;opacity:0;cursor:pointer}
.upl .pv{width:120px;height:150px;border-radius:12px;overflow:hidden;display:none}.upl .pv img{width:100%;height:100%;object-fit:cover}
.upl.has .pv{display:block}
/* panels */
.panel .side{position:sticky;top:0;height:100vh;overflow-y:auto}
.tb-title{font-weight:800;font-size:17px;color:var(--ink)}
.side-scrim{display:none}
.tblw{overflow-x:auto;-webkit-overflow-scrolling:touch}
.tbl td .row{gap:10px}
.tbl .av36{width:40px;height:40px;border-radius:10px;object-fit:cover;flex:none;background:var(--cr2)}
.empty{text-align:center;padding:40px 24px}.empty .ei{width:72px;height:72px;border-radius:50%;background:var(--g1);color:var(--g6);display:flex;align-items:center;justify-content:center;margin:0 auto 14px}
.welcome{background:linear-gradient(120deg,#5E1520,#9B2C3B);color:#fff;border-radius:20px;padding:24px 26px;display:flex;gap:20px;align-items:center;position:relative;overflow:hidden}
.welcome::after{content:"";position:absolute;right:-40px;top:-40px;width:200px;height:200px;border-radius:50%;background:radial-gradient(circle,rgba(245,201,92,.35),transparent 70%)}
.welcome h2{font-family:Rozha,serif;font-weight:400;font-size:28px;color:#fff}.welcome p{color:#F3D9A8}
.welcome img{width:84px;height:84px;border-radius:50%;object-fit:cover;border:3px solid #F5C95C;flex:none;background:#fff}
.vm-card{border-radius:18px;padding:20px;background:linear-gradient(120deg,#FFF8E6,#FFF1CC);border:1.5px solid var(--g3);display:flex;gap:18px;align-items:center;position:relative;overflow:hidden}
.vm-card .vi{width:56px;height:56px;border-radius:16px;background:linear-gradient(180deg,#9B2C3B,#5E1520);color:#F5C95C;display:flex;align-items:center;justify-content:center;flex:none}
.vm-card .live{display:inline-flex;align-items:center;gap:6px;background:var(--rd);color:#fff;font:700 11px Poppins;padding:3px 8px;border-radius:8px;letter-spacing:.5px}
.vm-card .live::before{content:"";width:6px;height:6px;border-radius:50%;background:#fff;animation:blink 1s infinite}
@keyframes blink{50%{opacity:.2}}
.vm-faces{display:flex}.vm-faces img{width:46px;height:46px;border-radius:50%;border:3px solid #fff;object-fit:cover;background:#fff}.vm-faces img+img{margin-left:-14px}
.wa-btn{background:#25D366;color:#fff}
.pdet{display:grid;grid-template-columns:380px 1fr;gap:24px;align-items:start}
.pdet .gal{border-radius:20px;overflow:hidden;aspect-ratio:4/5;box-shadow:var(--sh2)}
.thumbs{display:flex;gap:8px;margin-top:10px}.thumbs img{width:64px;height:64px;border-radius:10px;object-fit:cover;cursor:pointer;border:2px solid transparent}.thumbs img.on{border-color:var(--m)}
.sec-card h3{font-size:17px;font-weight:800;color:var(--m);display:flex;gap:8px;align-items:center;margin-bottom:12px}
.chatw{display:grid;grid-template-columns:320px 1fr;min-height:560px;overflow:hidden;padding:0}
.chatl{border-right:1px solid var(--line);overflow-y:auto}
.chatl a{display:flex;gap:12px;padding:14px 16px;border-bottom:1px solid var(--line2);color:var(--ink);align-items:center}
.chatl a.on,.chatl a:hover{background:var(--m05)}
.chatl img{width:46px;height:46px;border-radius:50%;object-fit:cover;flex:none}
.chatm{display:flex;flex-direction:column;min-width:0}
.chath{display:flex;gap:12px;align-items:center;padding:14px 18px;border-bottom:1px solid var(--line)}
.chath img{width:42px;height:42px;border-radius:50%;object-fit:cover}
.msgs{flex:1;padding:18px;display:flex;flex-direction:column;gap:10px;background:var(--cr);overflow-y:auto;max-height:520px}
.bub{max-width:72%;padding:10px 14px;border-radius:16px;background:#fff;border:1px solid var(--line);font-size:15px;align-self:flex-start;animation:up .3s both}
.bub.me{align-self:flex-end;background:linear-gradient(180deg,#8E2635,#7A1F2B);color:#fff;border-color:transparent}
.bub .t{font-size:11px;opacity:.7;margin-top:2px;text-align:right}
.chatf{display:flex;gap:10px;padding:12px;border-top:1px solid var(--line);background:#fff}
.notif{display:flex;gap:14px;padding:14px 18px;border-bottom:1px solid var(--line2);align-items:flex-start;color:var(--ink)}
.notif.unread{background:var(--g05)}
.notif .ni{width:40px;height:40px;border-radius:12px;background:var(--m1);color:var(--m);display:flex;align-items:center;justify-content:center;flex:none}
.plan{position:relative;padding:28px 24px;display:flex;flex-direction:column;gap:10px;transition:transform .3s}
.plan:hover{transform:translateY(-4px)}
.plan.pop{border:2px solid var(--g);box-shadow:var(--sh3)}
.plan .pp{font:700 34px Poppins;color:var(--m)}
.plan ul{list-style:none;padding:0;margin:8px 0 0;display:flex;flex-direction:column;gap:8px}
.plan li{display:flex;gap:8px;align-items:flex-start;font-size:14.5px}.plan li .ic{color:var(--gr);flex:none;margin-top:3px}
.plan .ptag{position:absolute;top:-12px;left:50%;transform:translateX(-50%);background:linear-gradient(90deg,#E8A317,#F5C95C);color:#3D0B13;font-weight:800;font-size:12px;padding:3px 12px;border-radius:12px}
.qr{width:180px;height:180px;border-radius:14px;border:2px dashed var(--g3);display:flex;align-items:center;justify-content:center;flex-direction:column;gap:6px;background:#fff;color:var(--mut);font-size:13px;text-align:center;padding:10px}
.photo-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.photo-grid .pt{border-radius:14px;overflow:hidden;position:relative;aspect-ratio:4/5;background:#fff;border:1px solid var(--line)}
.photo-grid .pt img{width:100%;height:100%;object-fit:cover}
.photo-grid .pt .pa{position:absolute;left:8px;right:8px;bottom:8px;display:flex;gap:6px;justify-content:space-between;align-items:center}
.photo-grid .pt .bdg{position:absolute;top:8px;left:8px}
.kv{margin:0}.kv dd{margin:0}
.filters{position:sticky;top:84px}
.srgrid{display:grid;grid-template-columns:290px 1fr;gap:20px;align-items:start}
.bar-row{display:flex;align-items:center;gap:10px;font-size:13.5px}.bar-row .prog{flex:1}
.hstrip{display:flex;gap:12px;overflow-x:auto;padding-bottom:4px;scrollbar-width:thin}
.minip{flex:none;width:150px;text-align:center;color:var(--ink)}.minip img{width:150px;height:170px;border-radius:14px;object-fit:cover}
/* meeting page */
.vm-page{min-height:100vh;background:radial-gradient(120% 90% at 50% 0%,#5E1520 0%,#2A0A10 60%,#1B0709 100%);color:#fff;display:flex;flex-direction:column}
.vm-top{display:flex;align-items:center;gap:14px;padding:12px 20px;border-bottom:1px solid rgba(245,201,92,.2);background:rgba(0,0,0,.18)}
.vm-top .tt{font-weight:800;font-size:17px}.vm-top .ts{font-size:13px;color:#F3D9A8}
.vm-chip{display:inline-flex;align-items:center;gap:6px;height:30px;padding:0 12px;border-radius:15px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.18);font-size:13px;font-weight:600;color:#fff}
.vm-chip.gold{background:rgba(245,201,92,.16);border-color:rgba(245,201,92,.4);color:#F5C95C}
.vm-stage{flex:1;display:grid;grid-template-columns:1fr 330px;gap:18px;padding:18px 20px}
.vm-frame{position:relative;border-radius:20px;overflow:hidden;background:#140507;border:1px solid rgba(245,201,92,.25);box-shadow:0 30px 60px rgba(0,0,0,.4);min-height:560px}
.vm-frame iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.vm-lobby{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;text-align:center;padding:24px;background:radial-gradient(circle at 50% 35%,rgba(155,44,59,.55),transparent 60%)}
.vm-lobby .fam{display:flex;align-items:center;gap:18px}
.vm-lobby .fam img{width:110px;height:110px;border-radius:50%;object-fit:cover;border:4px solid #F5C95C;background:#fff;box-shadow:0 10px 30px rgba(0,0,0,.4)}
.vm-lobby .ring{width:64px;height:64px;border-radius:50%;background:#fff;display:flex;align-items:center;justify-content:center}
.vm-lobby h2{font-family:Rozha,serif;font-weight:400;font-size:34px;color:#fff}.vm-lobby p{color:#F3D9A8;max-width:440px}
.vm-side{display:flex;flex-direction:column;gap:14px}
.vm-box{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);border-radius:18px;padding:16px}
.vm-box h4{font-size:14px;color:#F5C95C;margin-bottom:10px;letter-spacing:.3px}
.vm-p{display:flex;gap:10px;align-items:center;padding:8px 0;border-bottom:1px solid rgba(255,255,255,.08)}.vm-p:last-child{border:0}
.vm-p img{width:40px;height:40px;border-radius:50%;object-fit:cover;background:#fff}
.vm-p b{display:block;font-size:14.5px}.vm-p span{font-size:12px;color:#E6C9B5}
.vm-role{margin-left:auto;font-size:11px;font-weight:700;padding:2px 8px;border-radius:8px;background:rgba(245,201,92,.18);color:#F5C95C}
.vm-tips li{font-size:13.5px;color:#F1DCCB;margin-bottom:6px}
@media (max-width:1100px){.pgrid{grid-template-columns:repeat(3,1fr)}.vm-stage{grid-template-columns:1fr}}
@media (max-width:820px){
 .hero{min-height:0}.hero .wrap{padding-top:34px;padding-bottom:120px}.hero h1{font-size:34px}.hero p.lead{font-size:16px}.hero .slcap{display:none}
 .hero::before{background:linear-gradient(180deg,rgba(61,11,19,.72) 0%,rgba(94,21,32,.82) 60%,rgba(61,11,19,.95) 100%)}
 .dots{bottom:96px}.sbox{margin-top:-76px}.sbox .card{padding:18px}
 .sgrid{grid-template-columns:1fr 1fr}.sgrid .full{grid-column:1/-1}
 .pgrid{grid-template-columns:1fr 1fr;gap:12px}.pc .pimg{height:190px}.pc .pb{padding:10px}.pc .nm{font-size:15px}.pc .meta{font-size:12.5px}.pc .bdgs .bdg{font-size:10.5px;padding:0 6px}
 .pc .acts .btn{font-size:13px;padding:0 8px}
 .appban,.vmban{grid-template-columns:1fr}.appban .mini-phone{display:none}.vmban{padding:26px 20px}.vmban h2{font-size:28px}
 .stats4{grid-template-columns:1fr 1fr!important;gap:18px!important}.stats4 .num{font-size:30px}
 .panel .side{display:flex;position:fixed;left:0;top:0;bottom:0;z-index:60;transform:translateX(-105%);transition:transform .35s cubic-bezier(.2,.8,.2,1);height:100%}
 .panel .side.open{transform:none;box-shadow:20px 0 40px rgba(0,0,0,.3)}
 .side-scrim.open{display:block;position:fixed;inset:0;background:rgba(0,0,0,.45);z-index:55}
 .pdet{grid-template-columns:1fr}.srgrid{grid-template-columns:1fr}.filters{position:static}
 .chatw{grid-template-columns:1fr}.chatl{display:none}.chatw.list .chatl{display:block}.chatw.list .chatm{display:none}
 .photo-grid{grid-template-columns:1fr 1fr}
 .welcome{padding:18px}.welcome h2{font-size:22px}.welcome img{width:60px;height:60px}
 .vm-card{flex-wrap:wrap}.vm-card .vacts{width:100%}
 .vm-stage{padding:12px;gap:12px}.vm-frame{min-height:62vh;border-radius:16px}.vm-top{flex-wrap:wrap;padding:10px 14px}.vm-top .vm-chip.hide-m{display:none}
 .vm-lobby .fam img{width:84px;height:84px}.vm-lobby h2{font-size:26px}
 .wa-float{bottom:14px;right:14px;width:52px;height:52px}
 body.panel .wa-float{display:none}
 .toasts{left:12px;right:12px;top:12px}.toasts .toast{width:auto}
 .tbl{font-size:13px}
}

/* ---- fixes pass 2 ---- */
.ck{display:flex;gap:10px;align-items:flex-start;font-size:14px;color:var(--ink2);cursor:pointer;line-height:1.45}
.ck input{width:18px;height:18px;accent-color:var(--m);margin-top:2px;flex:none}
.ck>span{flex:1;min-width:0}
.bub.mine{align-self:flex-end;background:linear-gradient(180deg,#8E2635,#7A1F2B);color:#fff;border-color:transparent}
.vm-lobby .fam>img{width:110px;height:110px;border-radius:50%;object-fit:cover;border:4px solid #F5C95C;background:#fff;box-shadow:0 10px 30px rgba(0,0,0,.4)}
.vm-lobby .fam .ring img{width:56px;height:56px;border:0;box-shadow:none;border-radius:0}
.fbox>summary{list-style:none;margin-bottom:10px}.fbox>summary::-webkit-details-marker{display:none}
.fbox:not([open])>summary{margin-bottom:0}
.pgrid3{grid-template-columns:repeat(3,1fr)}
.no-js #regsubmit{display:flex!important}
.panel .side{position:relative;height:auto}
.panel .side .logo .logo-en{letter-spacing:2px}
@media (min-width:821px){.fbox>summary{display:none}}
@media (max-width:1100px){.pgrid3{grid-template-columns:repeat(2,1fr)}}
@media (max-width:820px){
 .whdr .logo-en{display:none}.whdr .wrap{gap:8px}.hdr-reg{padding:0 12px}
 .g4.stats{grid-template-columns:1fr 1fr!important;gap:10px!important}
 .stat .sl{font-size:12px;line-height:1.25}
 .welcome{flex-wrap:wrap}.welcome .btn{width:100%}
 .pgrid3{grid-template-columns:1fr 1fr}
 .bnav{position:fixed!important;left:0;right:0;bottom:0;padding-bottom:env(safe-area-inset-bottom)}
 .panel .main{padding-bottom:70px}
 .panel .side{position:fixed;height:100%;overflow-y:auto}
 .auth-card>.row.between{flex-wrap:wrap;gap:8px}
 .auth-card .logo-en{display:none}
 .mtbar .logo-hi{font-size:18px!important}
 .ptitle .row .btn{height:36px}
 .vm-lobby .fam>img{width:84px;height:84px}
 .tbl td,.tbl th{padding:10px}
}

/* ---- official round logo (Oct 31) ---- */
.logo .logo-img{flex:none;display:block;border-radius:50%;object-fit:contain;image-rendering:auto;filter:drop-shadow(0 2px 5px rgba(61,11,19,.18))}
.logo.logo-l .logo-img{filter:drop-shadow(0 3px 10px rgba(0,0,0,.35))}
.logo{gap:12px}
.auth-art .logo .logo-img{width:84px;height:84px}
.vm-lobby .ring img{border-radius:50%;object-fit:contain}
@media (max-width:820px){
 .whdr .logo .logo-img{width:46px;height:46px}
 .mtbar .logo .logo-img{width:36px;height:36px}
 .auth-card .logo .logo-img{width:44px;height:44px}
}

/* ===== v3: searchable dropdowns (State→District→Block→Village, gotra) ===== */
.cbx{position:relative;width:100%}
.cbx-btn{height:46px;width:100%;border:1.5px solid var(--line);border-radius:var(--r2);background:#fff;padding:0 12px 0 14px;font:500 15px Mukta,'Noto Sans Devanagari',sans-serif;color:var(--ink);display:flex;align-items:center;gap:8px;cursor:pointer;text-align:left;transition:border-color .2s,box-shadow .2s}
.cbx-btn svg{flex:none;color:var(--mut);transition:transform .2s}
.cbx-val{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cbx-val.cbx-ph{color:#B3A498}
.cbx-btn:disabled{background:#FAF6F0;cursor:not-allowed}
.cbx.open .cbx-btn{border-color:var(--m);box-shadow:0 0 0 4px rgba(122,31,43,.1)}
.cbx.open .cbx-btn svg{transform:rotate(180deg)}
.cbx.err .cbx-btn{border-color:var(--rd);box-shadow:0 0 0 3px rgba(198,40,40,.12)}
.cbx-pop{display:none;position:absolute;left:0;right:0;top:calc(100% + 6px);z-index:40;background:#fff;border:1.5px solid var(--line);border-radius:14px;box-shadow:0 18px 40px rgba(61,11,19,.18);overflow:hidden;animation:cbxIn .16s ease-out}
.cbx.open .cbx-pop{display:block}
@keyframes cbxIn{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}
.cbx-qw{display:flex;align-items:center;gap:8px;padding:10px 12px;border-bottom:1px solid var(--line);background:var(--g05);color:var(--mut)}
.cbx-q{flex:1;min-width:0;border:0;outline:0;background:transparent;font:500 15px Mukta,'Noto Sans Devanagari',sans-serif;color:var(--ink);height:28px}
.cbx-list{list-style:none;margin:0;padding:6px;max-height:280px;overflow:auto;overscroll-behavior:contain}
.cbx-list li{padding:9px 12px;border-radius:9px;cursor:pointer;display:flex;align-items:baseline;gap:8px;justify-content:space-between;line-height:1.3}
.cbx-list li b{font-weight:600;color:var(--ink)}
.cbx-list li small{font-size:12.5px;color:var(--mut);white-space:nowrap}
.cbx-list li:hover,.cbx-list li.on{background:#F8EDE4}
.cbx-list li.on b{color:var(--m)}
.cbx-list .cbx-msg{cursor:default;color:var(--mut);font-size:13px;justify-content:center}
.cbx-list .cbx-msg:hover{background:none}
.cbx-list .cbx-any b,.cbx-list .cbx-any{color:var(--mut)}
.cbx-list .cbx-oth{border-top:1px dashed var(--line);margin-top:4px;border-radius:0 0 9px 9px;background:#FFF8E6}
.cbx-list .cbx-oth b{color:var(--g6)}
.cbx-other{margin-top:8px}
.cbx-other[hidden]{display:none}
.cbx-oin{height:46px;width:100%;border:1.5px solid var(--g6);border-radius:var(--r2);background:#FFFDF7;padding:0 14px;font:600 16px Mukta,'Noto Sans Devanagari',sans-serif;color:var(--ink);outline:0}
.cbx-oin:focus{box-shadow:0 0 0 4px rgba(201,134,10,.15)}
.cbx-hint{font-size:13px;color:var(--mut);margin-top:5px;min-height:18px}
.cbx-hint b{color:var(--m);font-size:16px}
.cbx.is-other .cbx-val{color:var(--g6);font-weight:600}
.addr{display:flex;flex-direction:column;gap:16px}
.g3g{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.filters .addr .g2{grid-template-columns:1fr;gap:14px}
.sgrid .cbx-btn{height:46px}
@media (max-width:820px){
 .g3g{grid-template-columns:1fr}
 .cbx-list{max-height:46vh}
 .whdr .acts .hdr-login{display:inline-flex!important;padding:0 11px}
 .whdr .acts .hdr-reg{padding:0 11px}
}
@media (max-width:430px){
 .whdr .logo-t{display:none}
 .whdr .acts{gap:7px}
}
.cbx-btn{-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none}.cbx-list li{-webkit-tap-highlight-color:transparent}

/* ---------- v4: in-house Video Mulakat call ---------- */
.vm-frame .vm-lobby[hidden],.vm-call[hidden],.vm-page [hidden],.vm-over[hidden],[hidden].vm-box{display:none!important}
.vm-lmsg{max-width:420px;background:rgba(0,0,0,.28);border:1px solid rgba(245,201,92,.35);border-radius:12px;padding:10px 14px;font-size:14px;color:#FBE7C6;line-height:1.5}
.vm-call{position:absolute;inset:0;background:#120406}
.vm-grid{position:absolute;inset:0;bottom:92px;display:grid;gap:8px;padding:8px;grid-template-columns:1fr;grid-auto-rows:1fr}
.vm-grid[data-n="2"]{grid-template-columns:1fr 1fr}
.vm-grid[data-n="3"],.vm-grid[data-n="4"]{grid-template-columns:1fr 1fr}
.vm-grid[data-n="5"],.vm-grid[data-n="6"]{grid-template-columns:repeat(3,1fr)}
.vm-tile{position:relative;border-radius:14px;overflow:hidden;background:radial-gradient(circle at 50% 40%,#4A1119,#1B0709);min-height:0;border:1px solid rgba(245,201,92,.18)}
.vm-tile video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;background:#000}
.vm-grid[data-n="1"] .vm-tile video{object-fit:contain}
.vm-av{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at 50% 40%,#5E1520,#1B0709);color:#F5C95C}
.vm-av[hidden]{display:none}
.vm-av span{width:84px;height:84px;border-radius:50%;background:linear-gradient(180deg,#9B2C3B,#5E1520);border:3px solid #F5C95C;display:flex;align-items:center;justify-content:center;font:800 36px Mukta,sans-serif;color:#fff}
.vm-nm{position:absolute;left:8px;bottom:8px;display:flex;align-items:center;gap:6px;max-width:calc(100% - 16px);background:rgba(20,5,7,.72);border-radius:10px;padding:4px 10px;font-size:13px;color:#fff;backdrop-filter:blur(4px)}
.vm-nm b{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:700}.vm-nm em{font-style:normal;color:#F5C95C;font-size:11.5px;white-space:nowrap}
.vm-nm .mo{display:inline-flex;color:#fff;background:var(--rd);border-radius:50%;padding:3px}.vm-nm .mo[hidden]{display:none}
.vm-st{position:absolute;top:10px;left:50%;transform:translateX(-50%);background:rgba(0,0,0,.55);color:#F3D9A8;font-size:12.5px;padding:4px 12px;border-radius:12px;white-space:nowrap}
.vm-st[hidden]{display:none}
.vm-wait{position:absolute;inset:0;bottom:92px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;text-align:center;padding:20px;color:#F3D9A8}
.vm-wait[hidden]{display:none}.vm-wait b{color:#fff;font-size:20px}.vm-wait span{font-size:14px;max-width:320px}
.vm-pulse{width:76px;height:76px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:rgba(245,201,92,.14);color:#F5C95C;animation:vmpulse 1.8s infinite}
@keyframes vmpulse{0%{box-shadow:0 0 0 0 rgba(245,201,92,.45)}70%{box-shadow:0 0 0 22px rgba(245,201,92,0)}100%{box-shadow:0 0 0 0 rgba(245,201,92,0)}}
.vm-self{position:absolute;right:12px;bottom:104px;width:200px;aspect-ratio:4/3;border-radius:14px;overflow:hidden;background:#000;border:2px solid #F5C95C;box-shadow:0 10px 30px rgba(0,0,0,.5);z-index:3}
.vm-self video{width:100%;height:100%;object-fit:cover;display:block}
.vm-self.mirror video{transform:scaleX(-1)}
.vm-self .vm-av span{width:44px;height:44px}
.vm-self .vm-nm{left:6px;bottom:6px;padding:2px 8px;font-size:11.5px}
.vm-call.solo .vm-self{left:50%;right:auto;transform:translateX(-50%);bottom:auto;top:16px;width:min(300px,62%)}
.vm-call.solo .vm-wait{top:auto;bottom:100px;height:auto}
.vm-bar{position:absolute;left:0;right:0;bottom:0;height:92px;display:flex;align-items:center;justify-content:center;gap:12px;padding:8px 10px;background:linear-gradient(180deg,rgba(20,5,7,.2),rgba(20,5,7,.95));border-top:1px solid rgba(245,201,92,.18);z-index:4}
.vm-btn{display:flex;flex-direction:column;align-items:center;gap:4px;min-width:62px;background:none;border:0;color:#fff;cursor:pointer;font-family:inherit;padding:0}
.vm-btn .vi{width:52px;height:52px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.22);transition:.15s}
.vm-btn:hover .vi{background:rgba(255,255,255,.24)}
.vm-btn small{font-size:11.5px;font-weight:600;color:#F3D9A8;white-space:nowrap}
.vm-btn .vi.off{display:none}.vm-btn.off .vi.on{display:none}.vm-btn.off .vi.off{display:flex;background:#fff;color:#9B2C3B}
.vm-btn.red .vi{background:#D32F2F;border-color:#D32F2F}
.vm-btn.end .vi{background:linear-gradient(180deg,#F5C95C,#C9860A);color:#3B0B12;border-color:#F5C95C}.vm-btn.end small{color:#F5C95C}
.vm-btn:disabled{opacity:.4;cursor:default}
.vm-net{position:absolute;top:10px;left:50%;transform:translateX(-50%);z-index:5;background:#B7791F;color:#fff;font-size:13px;font-weight:700;padding:6px 14px;border-radius:14px;display:flex;gap:6px;align-items:center}
.vm-net[hidden],.vm-sound[hidden]{display:none}
.vm-sound{position:absolute;top:50px;left:50%;transform:translateX(-50%);z-index:6;background:#F5C95C;color:#3B0B12;border:0;border-radius:20px;padding:10px 18px;font:700 14px Mukta,sans-serif;display:flex;gap:6px;align-items:center;box-shadow:0 8px 24px rgba(0,0,0,.4)}
.vm-over{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;text-align:center;padding:24px;background:radial-gradient(circle at 50% 35%,rgba(155,44,59,.6),#1B0709 70%);z-index:8}
.vm-over h2{font-family:Rozha,serif;font-weight:400;font-size:32px;color:#fff}.vm-over p{color:#F3D9A8;max-width:420px}
.vm-over .ring{width:72px;height:72px;border-radius:50%;background:#fff;display:flex;align-items:center;justify-content:center}
.vm-dot{width:10px;height:10px;border-radius:50%;background:#43A047;box-shadow:0 0 0 3px rgba(67,160,71,.25);flex:none}
#vmlive .vm-p{padding:6px 0}
body.vm-incall .vm-frame{height:calc(100vh - 110px);height:calc(100dvh - 110px);min-height:440px}
@media (max-width:760px){
 .vm-top{flex-wrap:nowrap!important;gap:10px}.vm-top .tt{font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.vm-top .vm-chip.gold{display:none}
 body.vm-incall .vm-top{padding:8px 12px}
 body.vm-incall .vm-top .vm-chip{display:none}
 body.vm-incall .vm-top .tt{font-size:14.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
 body.vm-incall .vm-stage{padding:0;gap:12px}
 body.vm-incall .vm-frame{height:100vh;height:100dvh;min-height:420px;border-radius:0;border-left:0;border-right:0}
 body.vm-incall .vm-side{padding:0 12px 16px}
 .vm-grid{bottom:84px;gap:6px;padding:6px}
 .vm-grid[data-n="2"]{grid-template-columns:1fr}
 .vm-grid[data-n="5"],.vm-grid[data-n="6"]{grid-template-columns:1fr 1fr}
 .vm-wait{bottom:84px}
 .vm-bar{height:84px;gap:6px}
 .vm-btn{min-width:56px}.vm-btn .vi{width:48px;height:48px}.vm-btn small{font-size:10.5px}
 .vm-btn.end small{white-space:normal;max-width:72px;text-align:center;line-height:1.1}
 .vm-self{width:104px;aspect-ratio:3/4;bottom:94px;right:10px}
 .vm-call.solo .vm-self{width:min(220px,64%);top:14px}
 .vm-av span{width:64px;height:64px;font-size:28px}
 .vm-over h2{font-size:26px}
}

/* ---------- v4: अन्य boxes, Hindi help, degree + house photos ---------- */
.cbx-nos .cbx-qw{display:none}
.hi-line{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;font-size:13px;color:var(--mut);margin-top:6px;min-height:20px}
.hi-line[hidden]{display:none}
.hi-line b,.cbx-hint .hi-pv b{color:var(--m);font-size:16px}
.hi-tg{display:inline-flex;align-items:center;gap:6px;font-size:12.5px;font-weight:700;color:var(--m);background:var(--g05);border:1px solid var(--g3);border-radius:14px;padding:3px 10px;cursor:pointer;white-space:nowrap}
.hi-tg input{width:16px;height:16px;accent-color:var(--m);margin:0}
.cbx-hint{display:flex;flex-wrap:wrap;align-items:center;gap:6px 12px}
.hi-btn,.hi-undo{font:700 13px Mukta,sans-serif;border-radius:14px;padding:4px 12px;cursor:pointer;border:1px solid var(--g3);background:var(--g05);color:var(--m)}
.hi-btn{background:var(--m);color:#fff;border-color:var(--m)}
.hi-btn[hidden],.hi-undo[hidden]{display:none}
.upl.picked{border-style:solid;border-color:var(--gr,#2E7D32);background:#F1F8EE}
.opt-docs summary{cursor:pointer;list-style:none;display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.opt-docs summary::-webkit-details-marker{display:none}
.doc-row{display:flex;align-items:center;gap:12px;padding:10px;border:1px solid var(--line,#eee);border-radius:14px;background:#fff;position:relative}
.doc-adm{display:flex;flex-direction:column;gap:10px}
.doc-adm details{position:relative}
.doc-ic{width:64px;height:64px;border-radius:12px;overflow:hidden;flex:none;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#FBE9E7;color:#B71C1C;text-decoration:none;border:1px solid #F3C9C2}
.doc-ic img{width:100%;height:100%;object-fit:cover}.doc-ic b{font-size:15px}.doc-ic span{font-size:11px}
.doc-grid{grid-template-columns:repeat(2,1fr)!important}
.ghar-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}
.ghar-grid a{position:relative;display:block;border-radius:14px;overflow:hidden;aspect-ratio:4/3;background:var(--g05)}
.ghar-grid img{width:100%;height:100%;object-fit:cover;display:block}
.ghar-grid .bdg{position:absolute;left:8px;top:8px}
.edu-ok{margin-left:8px;vertical-align:middle;font-size:12px}
.edu-ok-s{display:inline-block;font-size:11px;font-weight:700;color:#2E7D32;background:#E8F5E9;border-radius:8px;padding:0 6px;margin-left:4px}
@media (min-width:900px){.ghar-grid{grid-template-columns:repeat(4,1fr)}}

/* ===== v5: आवाज़ म्ह परिचय ===== */
.vplay{display:flex;align-items:center;gap:12px;padding:10px 14px 10px 10px;border-radius:999px;background:linear-gradient(90deg,var(--m7),var(--m));color:#fff;box-shadow:0 6px 18px rgba(94,21,32,.22);max-width:420px}
.vplay b{font-size:15px;display:block;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.vplay .vbtn{width:46px;height:46px;flex:none;border-radius:50%;border:0;background:linear-gradient(135deg,var(--g3),var(--g));color:var(--m9);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 0 0 4px rgba(245,201,92,.25)}
.vplay .vbtn .i-play svg{margin-left:3px}.vplay .i-pause{display:none}.vplay.on .i-play{display:none}.vplay.on .i-pause{display:inline-flex}
.vplay.on .vbtn{animation:vpulse 1.4s ease-in-out infinite}
@keyframes vpulse{50%{box-shadow:0 0 0 8px rgba(245,201,92,.12)}}
.vbar{height:6px;border-radius:3px;background:rgba(255,255,255,.22);margin-top:6px;overflow:hidden;cursor:pointer}.vbar i{display:block;height:100%;width:0;background:var(--g3);border-radius:3px;transition:width .2s linear}
.vplay .vt{color:#F7E3C4;flex:none;min-width:34px;text-align:right}
.vplay.err{background:#8a7a70}
.vrow audio{display:block;width:100%;max-width:360px;height:38px;margin-top:6px}
.vrec{display:flex;align-items:center;gap:16px;padding:16px;border:1.5px dashed var(--g3);border-radius:18px;background:var(--g05)}
.vrec-btn{width:68px;height:68px;flex:none;border-radius:50%;border:0;cursor:pointer;color:#fff;background:radial-gradient(circle at 35% 30%,#d6455a,var(--m) 70%);box-shadow:0 8px 20px rgba(122,31,43,.35),0 0 0 6px rgba(122,31,43,.08);display:inline-flex;align-items:center;justify-content:center;transition:transform .15s}
.vrec-btn:active{transform:scale(.94)}.vrec-btn[disabled]{opacity:.4;cursor:not-allowed}
.vrec.rec .vrec-btn{background:radial-gradient(circle at 35% 30%,#ff6b6b,#C62828 70%);animation:vrecp 1s ease-in-out infinite}
@keyframes vrecp{50%{box-shadow:0 8px 20px rgba(198,40,40,.4),0 0 0 14px rgba(198,40,40,.12)}}
.vrec-msg{font-size:15px;color:var(--ink)}.vrec.bad .vrec-msg{color:var(--rd)}.vrec.good .vrec-msg{color:var(--gr)}
.vrec-time{font:600 13px Poppins;color:var(--ink2);flex:none;margin-left:8px}
.vrec-bar{height:8px;border-radius:4px;background:var(--line2);margin-top:8px;overflow:hidden}.vrec-bar i{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--g),var(--m));border-radius:4px}
.vrec.rec .vrec-bar i{background:linear-gradient(90deg,#ff8a80,#C62828)}
.vrec-prev{margin-top:10px}.vrec-prev audio{width:100%;max-width:380px;height:38px;display:block}
/* ===== v5: आज के रिश्ते ===== */
.aaj{border-color:var(--g3);background:linear-gradient(180deg,var(--g05),#fff 120px)}
.aaj .card-h{border-bottom-color:var(--g1)}.aaj .card-h h3{color:var(--m)}
.aaj-grid{padding:16px;grid-template-columns:repeat(3,1fr)}
.daily-list{display:flex;flex-direction:column;gap:10px}
.daily-row{display:grid;grid-template-columns:220px 1fr auto;gap:14px;align-items:center;padding:14px 16px}
.daily-row.sent{background:#F7FBF8;border-color:#CFE8D9}
.dr-m{display:flex;gap:10px;flex-wrap:wrap}
.dm{display:flex;gap:8px;align-items:center;padding:6px 10px 6px 6px;border:1px solid var(--line);border-radius:12px;background:#fff;color:var(--ink);min-width:0;max-width:240px}
.dm img{width:40px;height:40px;border-radius:50%;object-fit:cover;flex:none}.dm span{display:flex;flex-direction:column;min-width:0;line-height:1.25}.dm b{font:600 13px Poppins;color:var(--m)}.dm i{font-style:normal;font-size:12.5px;color:var(--ink2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.dr-act{display:flex;flex-direction:column;gap:6px;align-items:stretch}
.btn-wa{background:#25D366;color:#fff;border-color:#1EBE5A}.btn-wa:hover{background:#1EBE5A}
/* ===== v5: हिसाब ===== */
.hisab-form{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;align-items:start}.hisab-form .span2{grid-column:1/-1}
.hisab-filter .inp.sel{width:auto;min-width:170px;height:40px}
.tbl tr.tot td{background:var(--g05);border-top:2px solid var(--g3)}
.hisab-add summary::-webkit-details-marker{display:none}
/* ===== v5: परिवार ===== */
.sib-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.sib-box{border:1px solid var(--line);border-radius:14px;padding:12px;background:var(--cr)}
.sib-box h4{font-size:15px;color:var(--m);margin-bottom:8px;display:flex;gap:6px;align-items:center}
.sib-box .sib-err{color:var(--rd);font-size:12.5px;margin-top:6px;display:none}.sib-box.bad .sib-err{display:block}.sib-box.bad{border-color:var(--rd)}
@media (max-width:820px){
  .aaj-grid{grid-template-columns:1fr 1fr}
  .daily-row{grid-template-columns:1fr;gap:10px}
  .dr-act{flex-direction:row;flex-wrap:wrap}.dr-act>*{flex:1}.dr-act form button{width:100%}
  .dm{max-width:none;flex:1 1 100%}
  .hisab-form{grid-template-columns:1fr}
  .hisab-filter .inp.sel{flex:1 1 140px;min-width:0}
  .vrec{gap:12px;padding:14px}.vrec-btn{width:58px;height:58px}
  .sib-grid{grid-template-columns:1fr 1fr 1fr;gap:6px}
}
@media (max-width:430px){.aaj-grid{grid-template-columns:1fr}}

/* ===== v5: सेल्फी जाँच ===== */
.selfie-card{max-width:560px;margin:0 auto;width:100%}
.selfie-card .pose{display:flex;gap:12px;align-items:center;padding:12px 16px;border-radius:14px;background:linear-gradient(90deg,var(--m7),var(--m));color:#fff;margin-bottom:14px}
.selfie-card .pose svg{color:var(--g3);flex:none}.selfie-card .pose .xs{display:block;color:#F3D9A8}.selfie-card .pose b{font-size:19px;line-height:1.3}
.selfie-stage{position:relative;aspect-ratio:3/4;max-height:62vh;margin:0 auto;border-radius:20px;overflow:hidden;background:#1b0e0b}
.selfie-stage video{width:100%;height:100%;object-fit:cover;transform:scaleX(-1)}.selfie-stage img{width:100%;height:100%;object-fit:cover}
.sf-oval{position:absolute;left:18%;right:18%;top:10%;bottom:16%;border:3px dashed rgba(245,201,92,.75);border-radius:50%;pointer-events:none}
.selfie-stage img:not([hidden])~.sf-oval{display:none}
.sf-msg{position:absolute;left:12px;right:12px;bottom:12px;background:rgba(0,0,0,.6);color:#fff;border-radius:12px;padding:10px 12px;text-align:center;font-size:14px}
.sf-msg[hidden]{display:none}.selfie-card.ok .sf-msg{background:rgba(30,138,76,.92)}
.sf-cmp{border:1px solid var(--line);border-radius:16px;padding:14px;margin-bottom:12px;background:var(--cr)}
.sf-hd{margin-bottom:10px}.sf-pose{margin-top:4px;font-size:14px;color:var(--m);display:flex;gap:6px;align-items:center}
.sf-pics{display:flex;gap:10px;overflow-x:auto;padding-bottom:6px;margin-bottom:10px}
.sf-pics figure{flex:none;width:170px;margin:0}.sf-pics img{width:170px;height:220px;object-fit:cover;border-radius:12px;border:1px solid var(--line);background:#fff;display:block}
.sf-pics figcaption{font-size:12px;color:var(--ink2);text-align:center;margin-top:4px}.sf-live img{border:3px solid var(--g)}
.sf-none div{width:170px;height:220px;border:1px dashed var(--line);border-radius:12px;display:flex;align-items:center;justify-content:center;text-align:center;padding:10px;font-size:13px;color:var(--mut)}
.kyc-form{display:grid;grid-template-columns:1fr 1fr;gap:16px;align-items:start}
@media (max-width:820px){.kyc-form{grid-template-columns:1fr}.sf-pics figure,.sf-pics img,.sf-none div{width:130px}.sf-pics img,.sf-none div{height:170px}}

.sf-load{margin-bottom:12px}.sf-load[hidden]{display:none}.sf-load .prog{margin-top:6px}
.sf-eye{position:absolute;top:12px;left:50%;transform:translateX(-50%);background:rgba(0,0,0,.55);color:#fff;border-radius:20px;padding:6px 14px;font-size:14px;white-space:nowrap}.sf-eye[hidden]{display:none}
.sf-result{margin-top:14px;padding:12px 14px;border-radius:14px;text-align:center;font-size:15px}.sf-result[hidden]{display:none}
.sf-result.ok{background:var(--gr1);color:var(--gr);border:1px solid #BFE3CC}.sf-result.bad{background:var(--rd1);color:var(--rd);border:1px solid #F5C2C2}
.sf-score{display:inline-flex;align-items:center;gap:4px;font-weight:700}

/* v5 meeting cancel */
.mcancel{width:100%}.mcancel>summary::-webkit-details-marker{display:none}.mcancel[open]>summary{opacity:.75}
.vm-cancel{margin-top:10px;max-width:420px;width:100%;text-align:left}.vm-cancel .card{color:var(--ink)}

/* v5 idle logout */
.idle-chip{display:inline-flex;align-items:center;gap:4px;height:32px;padding:0 10px;border-radius:999px;background:var(--cr,#FBF3E6);border:1px solid rgba(122,31,43,.15);color:var(--m,#7A1F2B);font-size:13px;font-weight:700;font-variant-numeric:tabular-nums;white-space:nowrap}
.idle-chip.warn{background:#FDE7E3;color:#B3261E;border-color:#F4B5AC}
.idle-modal{position:fixed;inset:0;z-index:9999;background:rgba(27,14,11,.55);display:flex;align-items:center;justify-content:center;padding:20px;animation:fadein .2s}
.idle-box{background:#fff;border-radius:22px;padding:26px 22px;max-width:360px;width:100%;text-align:center;box-shadow:0 20px 60px rgba(0,0,0,.3)}
.idle-ic{font-size:38px;line-height:1;margin-bottom:8px}.idle-h{display:block;font-size:19px;color:var(--m9,#4A0F18);margin-bottom:6px}
.idle-set{padding:12px;border-radius:14px;background:var(--cr,#FBF3E6)}
@media (max-width:560px){.mtbar .idle-chip{height:30px;padding:0 8px;font-size:12px}}

/* v5 transliteration suggestion chips */
.hi-chips{display:flex;flex-direction:column;gap:6px;margin-top:6px}.hi-chip-row{display:flex;flex-wrap:wrap;align-items:center;gap:6px}
.hi-chip{border:1px solid rgba(122,31,43,.25);background:#fff;color:var(--m9,#4A0F18);border-radius:999px;padding:5px 12px;font-size:15px;line-height:1.2;cursor:pointer;font-family:inherit}
.hi-chip.on{background:var(--m,#7A1F2B);color:#fff;border-color:var(--m,#7A1F2B)}

/* ---------- v6: वीडियो कॉल कंट्रोल (admin) + in-call report / kick ---------- */
.vc-tabs{display:flex;flex-wrap:wrap;gap:8px;padding:2px 2px 10px;margin-bottom:6px}
.vc-tabs::-webkit-scrollbar{display:none}
.vc-tabs a{flex:none;display:inline-flex;align-items:center;gap:6px;height:38px;padding:0 13px;border-radius:999px;background:#fff;border:1px solid var(--line);color:var(--ink2);font-weight:700;font-size:14px;white-space:nowrap}
.vc-tabs a.on{background:var(--m);border-color:var(--m);color:#fff}
.vc-tabs .cnt{min-width:20px;height:20px;border-radius:10px;background:var(--rd);color:#fff;font-size:11.5px;display:inline-flex;align-items:center;justify-content:center;padding:0 6px}
.vc-tabs a.on .cnt{background:#fff;color:var(--m)}
.vc-note{display:flex;gap:8px;align-items:flex-start;background:var(--g05,#FFF8E6);border:1px solid var(--g3,#F3D9A8);color:#6B4A00;border-radius:12px;padding:10px 12px;font-size:13.5px;line-height:1.5;margin:4px 0 12px}
.vc-note .ic{flex:none;margin-top:2px}
.vc-call,.vc-hist,.vc-rep-row{padding:14px;margin-bottom:12px}
.vc-call{border-left:4px solid var(--rd)}
.vc-ch{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:6px}
.vc-live{animation:vcblink 1.4s ease-in-out infinite}
@keyframes vcblink{50%{opacity:.45}}
@media (prefers-reduced-motion:reduce){.vc-live{animation:none}}
.vc-timer{font:800 20px/1 Poppins,Mukta,sans-serif;color:var(--m9,#3D0B13);font-variant-numeric:tabular-nums;letter-spacing:.5px}
.vc-fam{font-weight:700;color:var(--m);font-size:14.5px;margin-bottom:8px;line-height:1.4}
.vc-people{display:flex;flex-direction:column;gap:6px}
.vc-person{display:flex;align-items:center;gap:10px;padding:8px 10px;background:var(--cr,#FBF6EE);border-radius:12px}
.vc-person b{font-size:14.5px}
.vc-person .grow{min-width:0}
.vc-person .xs{line-height:1.6}
.vc-person.sm{padding:6px 8px}
.vc-av{flex:none;width:38px;height:38px;border-radius:50%;background:var(--m1);color:var(--m);display:flex;align-items:center;justify-content:center;font-weight:800;font-size:16px}
.vc-f{margin:0;flex:none}
.vc-kickb{white-space:nowrap}
.vc-cf{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:12px}
.vc-kv{display:flex;flex-wrap:wrap;gap:6px 14px;font-size:13.5px;color:var(--ink2);margin-bottom:8px}
.vc-search{display:flex;gap:8px;margin-bottom:12px}.vc-search .inp{flex:1;min-width:0}
.vc-sub{display:flex;gap:6px;margin-bottom:10px}.vc-sub a{padding:6px 12px;border-radius:8px;font-weight:700;font-size:13.5px;color:var(--ink2);background:#fff;border:1px solid var(--line)}.vc-sub a.on{background:var(--m05);color:var(--m);border-color:var(--m1)}
.vc-quote{background:var(--cr,#FBF6EE);border-left:3px solid var(--rd);border-radius:8px;padding:8px 10px;margin:4px 0 8px;font-size:14px}
.vc-mem{display:flex;align-items:center;gap:10px;padding:12px;margin-bottom:8px}
.vc-mem .grow{min-width:0}
.vc-log{margin-top:16px}.vc-lrow{display:flex;flex-direction:column;gap:2px;padding:8px 16px;border-top:1px solid var(--line2,#F1E8DA);font-size:13.5px}
.vc-upd{text-align:center;margin:6px 0 16px}
.vc-set .fld{margin-bottom:16px}
.vc-empty{margin-bottom:12px}
/* in-call */
.vc-kick{margin-left:auto;flex:none;background:var(--rd);color:#fff;border:0;border-radius:8px;padding:6px 10px;font:700 12.5px Mukta,sans-serif;cursor:pointer}
.vc-kick:disabled{opacity:.5}
.vm-side .vm-p{align-items:center}
.vc-tl{top:56px;background:rgba(232,163,23,.96);color:#3D0B13;max-width:calc(100% - 24px);text-align:center}
.vc-rep{position:fixed;inset:0;z-index:60;background:rgba(20,5,7,.72);display:flex;align-items:flex-end;justify-content:center;padding:12px}
.vc-rep[hidden]{display:none!important}
.vc-rep-card{background:#fff;color:var(--ink);border-radius:18px 18px 14px 14px;padding:18px 16px;width:100%;max-width:440px;max-height:92vh;overflow:auto;box-shadow:0 10px 40px rgba(0,0,0,.35)}
.vc-rep-card h3{font-size:18px;color:var(--m9,#3D0B13);display:flex;align-items:center;gap:8px;margin-bottom:4px}
.vc-rep-card .xs{color:var(--ink2);margin-bottom:10px}
.vc-rep-card .lbl{display:block;font-weight:700;font-size:13.5px;margin:10px 0 6px;color:var(--ink2)}
.vc-reasons{display:grid;grid-template-columns:1fr 1fr;gap:6px}
.vc-reasons label{display:flex;align-items:center;gap:6px;padding:9px 10px;border:1px solid var(--line);border-radius:10px;font-size:13.5px;font-weight:600;cursor:pointer;line-height:1.3}
.vc-reasons label:has(input:checked){border-color:var(--rd);background:var(--rd1)}
.vc-rep-msg{margin-top:10px;border-radius:10px;padding:8px 10px;font-size:13.5px;font-weight:700}.vc-rep-msg.ok{background:var(--gr1);color:var(--gr)}.vc-rep-msg.err{background:var(--rd1);color:var(--rd)}
@media (min-width:761px){.vc-rep{align-items:center}.vc-rep-card{border-radius:18px}}
@media (max-width:420px){.vc-reasons{grid-template-columns:1fr}.vc-person{flex-wrap:wrap}.vc-person .vc-f{margin-left:48px}}

/* ---- 2 Nov 2026: mobile header pe logo ke saath "हरियाणवी रिश्ते" naam wapas (Mast) ---- */
@media (max-width:820px){
 .whdr .logo{gap:8px;min-width:0;flex:0 1 auto}
 .whdr .logo-t{display:flex!important;min-width:0}
 .whdr .logo-en{display:block!important;font-size:8.5px!important;letter-spacing:1.8px;margin-top:3px}
 .whdr .logo-hi{font-size:19px!important}
}
@media (max-width:430px){
 .whdr .wrap{gap:6px}
 .whdr .logo .logo-img{width:44px;height:44px}
 .whdr .logo-hi{font-size:18px!important}
 .whdr .logo-en{font-size:7.8px!important;letter-spacing:1.4px}
 .whdr .acts{gap:6px;flex:none}
 .whdr .acts .hdr-reg{padding:0 10px;height:38px!important;font-size:14px}
 .whdr .acts .iconbtn{width:38px;height:38px}
}
@media (max-width:350px){
 .whdr .logo .logo-img{width:34px;height:34px}
 .whdr .logo-hi{font-size:15px!important}
 .whdr .logo-en{font-size:6.5px!important;letter-spacing:1px}
 .whdr .acts .hdr-reg{padding:0 8px;font-size:13px}
}