/* PND webclient rebuild v3 — clearer mobile-first layout and route fix layer */
:root{
  --pnd-deep:#170a35;
  --pnd-nav:#2b1761;
  --pnd-nav-2:#44208c;
  --pnd-accent:#ec1b72;
  --pnd-accent-2:#a337f5;
  --pnd-soft:#f6f2fb;
  --pnd-ink:#111827;
  --pnd-muted:#64748b;
  --pnd-line:rgba(43,23,97,.12);
}
html,body{min-height:100%;}
body.app-bg{
  background:
    radial-gradient(circle at 0 0, rgba(236,27,114,.15), transparent 30%),
    radial-gradient(circle at 100% 10%, rgba(68,32,140,.18), transparent 32%),
    linear-gradient(180deg,#fbf8ff 0%,#f4f0fb 42%,#f8fafc 100%) !important;
  color:var(--pnd-ink)!important;
}
.app-shell{background:transparent!important;}
.app-topbar{
  position:sticky!important;top:0!important;z-index:1040!important;
  background:linear-gradient(135deg,var(--pnd-deep),var(--pnd-nav) 55%,var(--pnd-nav-2))!important;
  color:#fff!important;border:0!important;box-shadow:0 16px 46px rgba(23,10,53,.32)!important;
}
.app-topbar .container-fluid{min-height:62px!important;max-width:1180px!important;margin:0 auto!important;}
.brand-badge{width:38px!important;height:38px!important;border-radius:13px!important;background:linear-gradient(135deg,var(--pnd-accent),var(--pnd-accent-2))!important;color:#fff!important;box-shadow:0 12px 24px rgba(236,27,114,.26)!important;}
.brand-wordmark-main,.brand-wordmark-sub{color:#fff!important;}
.app-topbar .text-muted,.app-topbar .small{color:rgba(255,255,255,.70)!important;}
.app-topbar .btn-outline-secondary{border-color:rgba(255,255,255,.18)!important;color:#fff!important;background:rgba(255,255,255,.08)!important;}
.app-main{padding-bottom:86px!important;}
.app-main>.container-fluid{max-width:1040px!important;margin:0 auto!important;padding-left:14px!important;padding-right:14px!important;}
#viewRoot>.d-flex:first-child{padding:8px 2px 2px!important;}
#viewRoot .h5,.browse-title{font-size:1.35rem!important;font-weight:950!important;letter-spacing:-.035em!important;color:#fff!important;text-shadow:0 3px 18px rgba(23,10,53,.18)!important;}
#viewRoot>.d-flex:first-child .text-muted,.browse-toolbar .text-muted{color:rgba(255,255,255,.75)!important;}

/* Home news: clean feed, less card-heavy */
.news-list{display:flex!important;flex-direction:column!important;gap:12px!important;max-width:760px!important;margin:0 auto 18px!important;}
.news-card{
  display:grid!important;grid-template-columns:112px minmax(0,1fr)!important;gap:13px!important;align-items:center!important;
  background:rgba(255,255,255,.92)!important;border:1px solid rgba(43,23,97,.10)!important;border-radius:22px!important;
  padding:10px!important;box-shadow:0 16px 42px rgba(33,18,72,.10)!important;color:var(--pnd-ink)!important;
}
.news-thumb{width:112px!important;height:82px!important;border-radius:17px!important;overflow:hidden!important;background:#e9e3f5!important;display:flex!important;align-items:center!important;justify-content:center!important;color:var(--pnd-nav)!important;}
.news-thumb img{width:100%!important;height:100%!important;object-fit:cover!important;display:block!important;}
.news-body{min-width:0!important;}
.news-meta{display:flex!important;align-items:center!important;gap:8px!important;margin-bottom:4px!important;flex-wrap:wrap!important;}
.news-source{background:linear-gradient(135deg,#13a4ff,#2b77ff)!important;color:#fff!important;border-radius:999px!important;padding:3px 7px!important;font-size:.68rem!important;font-weight:900!important;}
.news-date{font-size:.72rem!important;color:var(--pnd-muted)!important;font-weight:700!important;}
.news-title{font-weight:950!important;letter-spacing:-.02em!important;line-height:1.15!important;color:#121826!important;font-size:.98rem!important;margin-bottom:4px!important;}
.news-summary{color:#475569!important;font-size:.84rem!important;line-height:1.35!important;display:-webkit-box!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;overflow:hidden!important;}
.news-actions{margin-top:8px!important;}
.news-actions .btn{border-radius:999px!important;font-size:.78rem!important;padding:.34rem .78rem!important;background:linear-gradient(135deg,var(--pnd-accent),var(--pnd-accent-2))!important;border:0!important;}

/* Browse/media layout */
.home-rail{background:rgba(255,255,255,.76)!important;border:1px solid rgba(43,23,97,.10)!important;border-radius:24px!important;padding:13px!important;box-shadow:0 18px 42px rgba(33,18,72,.08)!important;}
.category-rail-link{border:0!important;background:transparent!important;color:var(--pnd-nav)!important;font-size:1rem!important;padding:0!important;}
.rail-strip{gap:11px!important;padding-bottom:8px!important;}
.poster-tile,.rail-card{width:128px!important;min-width:128px!important;cursor:pointer!important;}
.poster-img{height:178px!important;border-radius:18px!important;box-shadow:0 12px 28px rgba(17,24,39,.14)!important;}
.channel-tile .poster-img{height:92px!important;background:linear-gradient(135deg,#1f315a,#89a0d5)!important;}
.poster-title{font-size:.82rem!important;line-height:1.18!important;font-weight:900!important;color:#111827!important;}
.poster-sub{font-size:.72rem!important;color:#64748b!important;}
.rail-nav{background:#fff!important;color:var(--pnd-nav)!important;border:1px solid rgba(43,23,97,.12)!important;box-shadow:0 10px 24px rgba(33,18,72,.14)!important;}

/* Player: one clean card, edge-to-edge on phones */
.player-card,.web-player-card,.inline-player,.ratio.bg-black{
  background:#050507!important;border-radius:26px!important;overflow:hidden!important;border:1px solid rgba(255,255,255,.08)!important;box-shadow:0 24px 70px rgba(0,0,0,.35)!important;
}
video,iframe{background:#000!important;}
.watch-head{background:rgba(255,255,255,.88)!important;border:1px solid rgba(43,23,97,.10)!important;border-radius:22px!important;padding:10px 12px!important;box-shadow:0 14px 34px rgba(33,18,72,.08)!important;}
.watch-title{color:#111827!important;font-weight:950!important;}
.watch-sub{color:#64748b!important;}

/* Bottom navigation */
.app-bottomnav{height:76px!important;background:rgba(255,255,255,.97)!important;border-top:1px solid rgba(43,23,97,.10)!important;box-shadow:0 -18px 46px rgba(15,23,42,.16)!important;padding:7px 7px max(7px,env(safe-area-inset-bottom))!important;}
.app-bottomnav .navbtn{color:#64748b!important;border-radius:20px!important;font-weight:850!important;margin:0 3px!important;transition:transform .16s ease, background .16s ease!important;}
.app-bottomnav .navbtn:active{transform:scale(.96)!important;}
.app-bottomnav .navbtn.active{background:linear-gradient(135deg,var(--pnd-accent),var(--pnd-accent-2))!important;color:#fff!important;box-shadow:0 12px 28px rgba(236,27,114,.26)!important;}
.app-bottomnav .navbtn i{font-size:19px!important;}
.app-bottomnav .navbtn span{font-size:10.5px!important;}

/* Login */
.login-screen{background:linear-gradient(145deg,#11082c,#2b1761 60%,#07040f)!important;}
.login-card{border-radius:30px!important;}
.login-headline{color:var(--pnd-nav)!important;}

@media(max-width:640px){
  .app-main>.container-fluid{padding-left:8px!important;padding-right:8px!important;padding-top:9px!important;}
  #viewRoot .h5,.browse-title{font-size:1.2rem!important;color:#fff!important;}
  .news-list{gap:10px!important;margin-left:0!important;margin-right:0!important;}
  .news-card{grid-template-columns:96px minmax(0,1fr)!important;border-radius:20px!important;padding:8px!important;gap:10px!important;}
  .news-thumb{width:96px!important;height:72px!important;border-radius:15px!important;}
  .news-title{font-size:.9rem!important;}
  .news-summary{font-size:.78rem!important;-webkit-line-clamp:2!important;}
  .news-actions{display:none!important;}
  .home-rail{border-radius:20px!important;padding:10px 8px!important;margin-left:-2px!important;margin-right:-2px!important;}
  .poster-tile,.rail-card{width:112px!important;min-width:112px!important;}
  .poster-img{height:158px!important;border-radius:16px!important;}
  .channel-tile .poster-img{height:82px!important;}
  .inline-player,.ratio.bg-black,.player-card,.web-player-card{border-radius:0!important;margin-left:-8px!important;margin-right:-8px!important;width:calc(100% + 16px)!important;border-left:0!important;border-right:0!important;}
  .app-bottomnav{height:74px!important;}
}