/* PND webclient rebuild v4 — cleaner PND mobile UI + stronger route/click behavior */
:root{
  --pnd-bg:#f6f3fb;
  --pnd-card:#ffffff;
  --pnd-ink:#151324;
  --pnd-muted:#6c6680;
  --pnd-purple:#2b1761;
  --pnd-purple-2:#4d239a;
  --pnd-pink:#ec1b72;
  --pnd-pink-2:#b732f5;
  --pnd-line:rgba(43,23,97,.12);
  --pnd-shadow:0 16px 45px rgba(29,18,69,.12);
}
*{-webkit-tap-highlight-color:transparent;}
body.app-bg{
  background:
    radial-gradient(900px 420px at 12% -8%, rgba(236,27,114,.20), transparent 55%),
    radial-gradient(760px 420px at 100% -10%, rgba(77,35,154,.23), transparent 52%),
    linear-gradient(180deg,#fff 0%,var(--pnd-bg) 44%,#f8fafc 100%) !important;
  color:var(--pnd-ink)!important;
  font-family:Inter,system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif!important;
}
.app-topbar{
  height:64px!important;
  background:linear-gradient(135deg,#14082d 0%,var(--pnd-purple) 56%,var(--pnd-purple-2) 100%)!important;
  box-shadow:0 18px 45px rgba(20,8,45,.30)!important;
  border:0!important;
}
.app-topbar .container-fluid{max-width:1180px!important;min-height:64px!important;padding-left:16px!important;padding-right:16px!important;}
.brand-badge{width:40px!important;height:40px!important;border-radius:14px!important;background:linear-gradient(135deg,var(--pnd-pink),var(--pnd-pink-2))!important;box-shadow:0 12px 28px rgba(236,27,114,.33)!important;color:#fff!important;}
.app-topbar .fw-semibold,.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{border-color:rgba(255,255,255,.18)!important;background:rgba(255,255,255,.08)!important;color:#fff!important;}
.dropdown-menu{border-radius:18px!important;border:1px solid var(--pnd-line)!important;box-shadow:var(--pnd-shadow)!important;}
.app-main{padding-bottom:92px!important;}
.app-main>.container-fluid{max-width:1040px!important;margin:0 auto!important;padding:16px 14px 18px!important;}
#viewRoot>.d-flex:first-child{
  margin:0 0 14px!important;padding:16px 16px!important;border-radius:28px!important;
  background:linear-gradient(135deg,rgba(43,23,97,.96),rgba(77,35,154,.92))!important;
  color:#fff!important;box-shadow:0 18px 45px rgba(43,23,97,.20)!important;
}
#viewRoot .h5,.browse-title{font-size:1.42rem!important;font-weight:950!important;letter-spacing:-.04em!important;color:#fff!important;margin:0!important;}
#viewRoot>.d-flex:first-child .text-muted{color:rgba(255,255,255,.76)!important;}

/* Home: calm feed, no heavy black blocks */
#newsFeed{max-width:880px!important;margin:0 auto!important;}
.news-list{display:grid!important;grid-template-columns:1fr!important;gap:12px!important;}
.news-card{
  display:grid!important;grid-template-columns:104px minmax(0,1fr)!important;gap:12px!important;align-items:center!important;
  background:rgba(255,255,255,.95)!important;color:var(--pnd-ink)!important;border:1px solid var(--pnd-line)!important;
  border-radius:24px!important;padding:10px!important;box-shadow:0 12px 32px rgba(29,18,69,.08)!important;
}
.news-card:hover{transform:translateY(-1px);box-shadow:0 16px 38px rgba(29,18,69,.12)!important;}
.news-thumb{width:104px!important;height:78px!important;border-radius:18px!important;overflow:hidden!important;background:#e9e2f5!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;}
.news-source{font-size:.66rem!important;font-weight:950!important;color:#fff!important;background:linear-gradient(135deg,#0097ff,#4b6dff)!important;padding:3px 7px!important;border-radius:999px!important;}
.news-date{font-size:.72rem!important;color:var(--pnd-muted)!important;font-weight:750!important;}
.news-title{font-size:.97rem!important;line-height:1.18!important;font-weight:950!important;color:#151324!important;margin-bottom:4px!important;}
.news-summary{font-size:.82rem!important;line-height:1.38!important;color:#554f68!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:0!important;background:linear-gradient(135deg,var(--pnd-pink),var(--pnd-pink-2))!important;color:#fff!important;font-size:.76rem!important;font-weight:900!important;border-radius:999px!important;padding:.34rem .8rem!important;}

/* Overview / browse */
.home-rail,.content-panel,.account-card,.profile-card,.friends-panel{
  background:rgba(255,255,255,.94)!important;border:1px solid var(--pnd-line)!important;border-radius:26px!important;box-shadow:var(--pnd-shadow)!important;
}
.home-rail{padding:14px!important;margin-bottom:14px!important;}
.category-rail-link{font-size:1.05rem!important;font-weight:950!important;color:var(--pnd-purple)!important;text-decoration:none!important;}
.rail-strip{gap:12px!important;padding:2px 0 8px!important;}
.poster-tile,.rail-card{width:126px!important;min-width:126px!important;}
.poster-img{height:178px!important;border-radius:19px!important;box-shadow:0 12px 28px rgba(17,24,39,.14)!important;}
.channel-tile .poster-img{height:90px!important;background:linear-gradient(135deg,#1f315a,#8ba3d7)!important;}
.poster-title{font-size:.82rem!important;font-weight:950!important;line-height:1.15!important;color:var(--pnd-ink)!important;}
.poster-sub{font-size:.72rem!important;color:var(--pnd-muted)!important;}
.btn-primary,.btn.pnd-primary{background:linear-gradient(135deg,var(--pnd-pink),var(--pnd-pink-2))!important;border:0!important;box-shadow:0 12px 24px rgba(236,27,114,.22)!important;}
.btn-outline-secondary{border-color:rgba(43,23,97,.16)!important;color:var(--pnd-purple)!important;background:#fff!important;}

/* Player: one premium card, edge-to-edge on mobile */
.player-card,.web-player-card,.inline-player,.ratio.bg-black{
  background:#030306!important;border:0!important;border-radius:28px!important;overflow:hidden!important;box-shadow:0 22px 70px rgba(0,0,0,.38)!important;
}
.watch-head{background:rgba(255,255,255,.96)!important;border:1px solid var(--pnd-line)!important;border-radius:22px!important;padding:12px 14px!important;box-shadow:0 12px 32px rgba(29,18,69,.08)!important;}
.watch-title{font-weight:950!important;color:var(--pnd-ink)!important;letter-spacing:-.025em!important;}
.watch-sub{color:var(--pnd-muted)!important;}
video,iframe{background:#000!important;}

/* Bottom nav */
.app-bottomnav{
  height:76px!important;background:rgba(255,255,255,.98)!important;border-top:1px solid rgba(43,23,97,.10)!important;
  box-shadow:0 -16px 42px rgba(15,23,42,.14)!important;padding:7px 7px max(7px,env(safe-area-inset-bottom))!important;
}
.app-bottomnav .navbtn{color:#78728b!important;border-radius:20px!important;font-weight:900!important;margin:0 3px!important;}
.app-bottomnav .navbtn.active{background:linear-gradient(135deg,var(--pnd-pink),var(--pnd-pink-2))!important;color:#fff!important;box-shadow:0 12px 26px rgba(236,27,114,.27)!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,#100727,#2b1761 58%,#07020f)!important;}
.login-card{border-radius:32px!important;border:1px solid rgba(255,255,255,.14)!important;box-shadow:0 28px 90px rgba(0,0,0,.38)!important;}
.login-headline{letter-spacing:-.04em!important;color:var(--pnd-purple)!important;}
.form-control{border-radius:16px!important;}

.route-loader{background:linear-gradient(90deg,var(--pnd-pink),var(--pnd-pink-2))!important;}
@media(min-width:900px){.news-list{grid-template-columns:1fr 1fr!important;}.news-card:first-child{grid-column:1 / -1!important;grid-template-columns:150px minmax(0,1fr)!important;}.news-card:first-child .news-thumb{width:150px!important;height:105px!important;}}
@media(max-width:640px){
  .app-topbar{height:60px!important;}.app-topbar .container-fluid{min-height:60px!important;padding-left:10px!important;padding-right:10px!important;}
  .brand-badge{width:36px!important;height:36px!important;border-radius:13px!important;}
  .app-main>.container-fluid{padding:10px 8px 16px!important;}
  #viewRoot>.d-flex:first-child{border-radius:22px!important;padding:13px 13px!important;margin-bottom:10px!important;}
  #viewRoot .h5,.browse-title{font-size:1.17rem!important;}
  .news-list{gap:9px!important;}
  .news-card{grid-template-columns:92px minmax(0,1fr)!important;border-radius:20px!important;padding:8px!important;gap:9px!important;}
  .news-thumb{width:92px!important;height:70px!important;border-radius:15px!important;}
  .news-title{font-size:.88rem!important;}.news-summary{font-size:.76rem!important;-webkit-line-clamp:2!important;}
  .news-actions{display:none!important;}
  .home-rail{border-radius:21px!important;margin-left:-2px!important;margin-right:-2px!important;padding:10px 8px!important;}
  .poster-tile,.rail-card{width:110px!important;min-width:110px!important;}.poster-img{height:156px!important;border-radius:16px!important;}.channel-tile .poster-img{height:80px!important;}
  .player-card,.web-player-card,.inline-player,.ratio.bg-black{border-radius:0!important;margin-left:-8px!important;margin-right:-8px!important;width:calc(100% + 16px)!important;}
  .app-bottomnav{height:74px!important;}
}