/* HK Ads Desk - POLISH (Harsh, 30 Oct 2026: "poori website check karo ... UI aur smooth, premium glossy, font improve").
   Loaded after glass.css. What the audit of all 15 pages found, fixed here:
   1. the top bar ran 86 px past a 1440 px screen (two boost buttons + Claude): compact below 1500 px
   2. labels at 9-10.5 px (Clients 861, Critical 603, Scripts 7.5 px): labels 11.5 px, chart ticks at least 10.5 px
   3. the rupee sign was asked of "Segoe UI" (a Windows font, absent on Mac and phones): Inter, loaded for that one glyph
   4. blur on every row of long lists (Boost Watch 46 groups, 37 tags, table heads): blur on the frame only
   5. plain pages (All ads, Leads, Reports, Activity, System): a kicker and a lit heading, glossy rows, empty states
   6. buttons press in, loading bars shimmer in glass */

/* ---- 1. the top bar fits */
@media (max-width:1500px) and (min-width:821px){
  .nav button .ic{display:none}
  .nav button{padding:7px 10px}
  .cl-topbtn>span:not(.cl-mark){display:none}
  .cl-topbtn{padding:0 6px}
  .searchbox{width:220px}
  .top-in{gap:16px}
}
.bswitch{display:inline-flex;margin:0 0 14px}
.bswitch button{display:inline-flex;align-items:center;gap:6px}
.bswitch .ic{width:14px;height:14px}

/* ---- 2. text that can be read: labels 11.5 px, small print 10.5 px at least */
.lbl,.cc-aim,.cc-lcap,.icu-lbl,.icu-tile>small,.icu-big>small,.icu-why,.icu-sib,.pw-plate,.fs-live,.fs-rank,.rk-ac>small,.tm-kick,.tm-jump,.tm-sb-h>small,.sx-lbl{font-size:11.5px!important;letter-spacing:.02em}
.lbl,.icu-lbl,.cc-lcap{letter-spacing:.06em}
.cc-ax>span,.cc-ax .mid,.cc-ax .end,.icu-note>span,.icu-ref>span,.pw-day>small,.rk-lad>span,.tm-xl>i,.tm-lbl,.tm-ax,.tm-sb-h,.tm-folio>span,.tm-pull>i,.tm-baro-k>i,.cal-c span,.cm-gauge .tk em,.mp-goal,.ob-rl.r15,.nav em,.tabbar em,.city-tag em,.oldtag{font-size:10.5px!important}
.m-per,.cm-chart .tk .cur{font-size:10px!important}
.fs-k,.fs-bill,.fs-bill>span,p.fs-bill,.fs-tab,.fs-leader small{font-size:9.5px!important}
.feed small,.item small,.activity small{font-size:12px}

/* ---- 3. one rupee sign everywhere */
.m-cur,.g3-cur,.cm-chart .tk .cur,.ob-cur,.tm-rs>i{font-family:"Inter","Geist",system-ui,sans-serif!important}

/* ---- headings: lit, with a small kicker on the plain pages */
.page-head h1{background:linear-gradient(180deg,#ffffff 20%,#aeb8c8);-webkit-background-clip:text;background-clip:text;color:transparent;letter-spacing:-.035em;font-weight:500}
body[data-page=clients] .page-head h1::before,body[data-page=ads] .page-head h1::before,body[data-page=leads] .page-head h1::before,
body[data-page=reports] .page-head h1::before,body[data-page=activity] .page-head h1::before,body[data-page=system] .page-head h1::before,
body[data-page=boost] .page-head h1::before{display:block;width:max-content;margin-bottom:9px;padding:3px 10px;border-radius:99px;font:600 11px/1.6 var(--sans);letter-spacing:.1em;text-transform:uppercase;
  -webkit-text-fill-color:currentColor;color:var(--gl-b);background:color-mix(in srgb,var(--gl-b) 12%,transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--gl-b) 30%,transparent)}
body[data-page=clients] .page-head h1::before{content:"Every client"}
body[data-page=ads] .page-head h1::before{content:"Live ads"}
body[data-page=leads] .page-head h1::before{content:"Instant forms"}
body[data-page=reports] .page-head h1::before{content:"Sheets and reports"}
body[data-page=activity] .page-head h1::before{content:"Who did what"}
body[data-page=system] .page-head h1::before{content:"Health"}
body[data-page=boost] .page-head h1::before{content:"Reels under target"}
body[data-page=ads],body[data-page=leads],body[data-page=reports]{--gl-a:#4c8dff;--gl-b:#a9d8f0;--gl-c:#7c6cff}
body[data-page=activity]{--gl-a:#7c6cff;--gl-b:#f0b44c;--gl-c:#4c8dff}

/* ---- 4. blur on the frame, never on every row */
.group,.tag,.tbl th{-webkit-backdrop-filter:none!important;backdrop-filter:none!important}
.group{background:linear-gradient(160deg,rgba(255,255,255,.07),rgba(255,255,255,.02) 55%,rgba(255,255,255,.035)),rgba(14,16,20,.55)}
.tbl th{background:rgba(17,19,24,.97)}
.sx-reel .tag{-webkit-backdrop-filter:blur(6px)!important;backdrop-filter:blur(6px)!important}

/* ---- 5. glossy rows, tags, lists and empty states */
.tbl tbody tr td:first-child{position:relative}
.tbl tbody tr:hover td{background:linear-gradient(90deg,rgba(255,255,255,.045),rgba(255,255,255,.015))}
.tbl tbody tr:hover td:first-child::before{content:"";position:absolute;left:0;top:8px;bottom:8px;width:2px;border-radius:2px;background:var(--gl-a);box-shadow:0 0 10px var(--gl-a)}
.tag{background-image:linear-gradient(180deg,rgba(255,255,255,.07),transparent)}
.tag.bad::before,.tag.good::before,.tag.warn::before{box-shadow:0 0 6px currentColor}
.item{background:linear-gradient(160deg,rgba(255,255,255,.055),rgba(255,255,255,.015));box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 0 0 1px var(--gl-line);transition:transform .2s cubic-bezier(.2,.8,.2,1),box-shadow .2s,background .2s}
.item:hover{transform:translateY(-1px);box-shadow:inset 0 1px 0 rgba(255,255,255,.12),0 0 0 1px rgba(255,255,255,.16),0 14px 30px -18px #000}
.item .av{box-shadow:inset 0 1px 0 rgba(255,255,255,.2),0 6px 14px -8px rgba(0,0,0,.8)}
.feed>div{background:linear-gradient(160deg,rgba(255,255,255,.05),rgba(255,255,255,.012));box-shadow:inset 0 1px 0 rgba(255,255,255,.07),0 0 0 1px var(--gl-line);border-radius:12px;padding:12px 14px;transition:background .2s}
.feed>div:hover{background:linear-gradient(160deg,rgba(255,255,255,.08),rgba(255,255,255,.02))}
.feed .day{background:none!important;box-shadow:none!important;padding:14px 4px 4px!important;font:600 11px var(--sans);letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}
.empty{display:grid;justify-items:center;gap:6px;padding:28px 18px;text-align:center;color:var(--muted)}
.empty::before{content:"";width:34px;height:34px;border-radius:12px;margin-bottom:4px;
  background:radial-gradient(circle at 35% 30%,rgba(255,255,255,.35),transparent 55%),linear-gradient(160deg,color-mix(in srgb,var(--gl-c) 70%,#000),color-mix(in srgb,var(--gl-a) 60%,#000));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.3),0 10px 24px -10px color-mix(in srgb,var(--gl-a) 70%,transparent)}
.section h2{display:flex;align-items:center;gap:8px}
.section h2 small{padding:1px 8px;border-radius:7px;background:rgba(255,255,255,.06);font:500 12px var(--mono);color:var(--soft)}

/* the summary strips become separate glass tiles that lean (fx.js TILT_SEL) */
.pstrip{gap:12px;background:none!important;box-shadow:none!important;overflow:visible}
.pstrip .ps{border-radius:18px;background:linear-gradient(160deg,rgba(255,255,255,.075),rgba(255,255,255,.018) 55%,rgba(255,255,255,.035)),rgba(14,16,20,.5);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.12),0 0 0 1px var(--gl-line),0 20px 40px -24px #000!important;transform:var(--fx-tilt,none);transition:transform .25s cubic-bezier(.2,.8,.2,1),box-shadow .2s}
.pstrip .ps.fx-hover{transition:transform .08s linear,box-shadow .2s;box-shadow:inset 0 1px 0 rgba(255,255,255,.16),0 0 0 1px rgba(255,255,255,.18),0 28px 56px -26px #000!important}
.bstats{gap:12px;background:none!important;box-shadow:none!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;overflow:visible}
.bstats .stat{border-radius:18px;background:linear-gradient(160deg,rgba(255,255,255,.075),rgba(255,255,255,.018) 55%,rgba(255,255,255,.035)),rgba(14,16,20,.5);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.12),0 0 0 1px var(--gl-line),0 20px 40px -24px #000!important;transform:var(--fx-tilt,none);transition:transform .25s cubic-bezier(.2,.8,.2,1)}
.bstats .stat.fx-hover{transition:transform .08s linear}

/* ---- 6. buttons press in; loading bars shimmer in glass */
.btn,.chip,.seg button,.bp-sw,.bp-tile,.att-card,.item{-webkit-tap-highlight-color:transparent}
.btn:active,.chip:active,.seg button:active,.bp-sw:active,.item:active{transform:translateY(1px) scale(.975);transition-duration:.06s}
.skel{border-radius:16px;background:linear-gradient(100deg,rgba(255,255,255,.035) 20%,rgba(255,255,255,.1) 45%,rgba(255,255,255,.035) 70%),rgba(14,16,20,.5);background-size:220% 100%;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.07),0 0 0 1px var(--gl-line);animation:shimmer 1.4s ease-in-out infinite}

@media (max-width:820px){
  .pstrip,.bstats{gap:8px}
  .pstrip .ps,.bstats .stat{border-radius:14px}
}
@media (prefers-reduced-motion:reduce){.btn:active,.chip:active,.item:active{transform:none}}
.ac-ic{flex:none;width:30px;height:30px;border-radius:10px;display:grid;place-items:center;margin-top:1px;box-shadow:inset 0 1px 0 rgba(255,255,255,.2),0 6px 14px -8px rgba(0,0,0,.8)}
.ac-ic.ice{color:var(--accent);background:linear-gradient(160deg,rgba(124,196,234,.28),rgba(76,141,255,.1))}
.ac-ic.warn{color:var(--warn);background:linear-gradient(160deg,rgba(240,180,76,.3),rgba(217,119,87,.1))}
.ac-ic .ic{width:15px;height:15px}