/* DPRATAN UNIFIED PUBLIC THEME
   Source of truth: current DPRATAN landing visual tokens.
   Scope: secondary public pages + User App only. #home landing is intentionally untouched. */
:root{
  --dpr-u-peach:var(--dpr-page-bg,#ffcb99);
  --dpr-u-peach2:var(--dpr-page-bg,#ffcc99);
  --dpr-u-card:var(--dpr-market-bg,#ffcb99);
  --dpr-u-card-soft:var(--dpr-peach,#ffd8b5);
  --dpr-u-white:#ffffff;
  --dpr-u-pink:var(--dpr-section-pink,#fd019d);
  --dpr-u-pink2:var(--dpr-section-pink,#ff01a2);
  --dpr-u-red:var(--dpr-border,#ff1731);
  --dpr-u-red2:var(--dpr-border,#ff0016);
  --dpr-u-red-dark:#b80000;
  --dpr-u-purple:var(--dpr-jodi-bg,#522f93);
  --dpr-u-purple2:var(--dpr-result,#3a18aa);
  --dpr-u-blue:var(--dpr-market-name,#003399);
  --dpr-u-blue2:var(--dpr-market-name,#001b72);
  --dpr-u-yellow:var(--dpr-highlight-bg,#ffff00);
  --dpr-u-green:var(--dpr-chart-bg,#078f16);
  --dpr-u-green-top:#05b316;
  --dpr-u-green-bottom:#007609;
  --dpr-u-black:var(--dpr-general-text,#111111);
  --dpr-u-radius:10px;
  --dpr-u-max:1000px;
}

html{overflow-x:hidden;background:var(--dpr-u-peach)}
body.dpratan-unified-page,
body.dpratan-unified-user{
  margin:0!important;
  padding:3px 3px 58px!important;
  background:var(--dpr-u-peach)!important;
  color:var(--dpr-u-black)!important;
  font-family:Arial,Helvetica,sans-serif!important;
  overflow-x:hidden!important;
  -webkit-text-size-adjust:100%;
}
body.dpratan-unified-page *,body.dpratan-unified-user *{box-sizing:border-box}

/* Secondary-page common centered geometry */
body.dpratan-unified-page .ticker-wrap,
body.dpratan-unified-page .site-header,
body.dpratan-unified-page .section-container,
body.dpratan-unified-page .site-footer,
body.dpratan-unified-page .header,
body.dpratan-unified-page .prediction-container,
body.dpratan-unified-page .leaderboard-container,
body.dpratan-unified-page .seo-container{
  width:100%!important;
  max-width:var(--dpr-u-max)!important;
  margin-left:auto!important;
  margin-right:auto!important;
}

/* top notice strip */
body.dpratan-unified-page .ticker-wrap{
  margin-top:2px!important;
  min-height:38px!important;
  padding:5px 7px!important;
  display:flex!important;
  align-items:center!important;
  gap:7px!important;
  background:var(--dpr-u-peach)!important;
  border:2px solid var(--dpr-u-red)!important;
  border-radius:9px!important;
  color:var(--dpr-u-blue2)!important;
  overflow:hidden!important;
  box-shadow:none!important;
}
body.dpratan-unified-page .ticker-title{
  flex:0 0 auto!important;
  padding:5px 8px!important;
  border-radius:6px!important;
  background:var(--dpr-u-pink)!important;
  color:#fff!important;
  font-size:11px!important;
  line-height:1!important;
  font-weight:900!important;
  font-style:italic!important;
}
body.dpratan-unified-page .ticker-content{font-size:10px!important;font-weight:800!important;color:var(--dpr-u-blue2)!important}

/* shared header */
body.dpratan-unified-page .site-header,
body.dpratan-unified-page .header{
  position:relative!important;
  top:auto!important;
  z-index:50!important;
  margin-top:4px!important;
  background:var(--dpr-u-peach)!important;
  border:2px solid var(--dpr-u-red)!important;
  border-radius:9px!important;
  box-shadow:none!important;
}
body.dpratan-unified-page .header-container,
body.dpratan-unified-page .top-nav{
  min-height:52px!important;
  max-width:none!important;
  margin:0!important;
  padding:6px 8px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:8px!important;
  background:transparent!important;
}
body.dpratan-unified-page .brand-logo,
body.dpratan-unified-page .logo h1,
body.dpratan-unified-page .logo a{
  color:var(--dpr-u-blue2)!important;
  font-family:Arial,Helvetica,sans-serif!important;
  font-size:24px!important;
  line-height:1!important;
  font-weight:900!important;
  font-style:italic!important;
  text-decoration:none!important;
  text-shadow:none!important;
}
body.dpratan-unified-page .brand-badge{
  padding:4px 6px!important;
  border-radius:5px!important;
  background:var(--dpr-u-pink)!important;
  color:#fff!important;
  font-size:10px!important;
  font-style:normal!important;
}

/* nav & buttons use the landing family */
body.dpratan-unified-page .nav-menu{display:flex!important;flex-wrap:wrap!important;gap:4px!important;align-items:center!important}
body.dpratan-unified-page .nav-link,
body.dpratan-unified-page .btn-yellow,
body.dpratan-unified-page .btn-action,
body.dpratan-unified-page .btn-secondary-act,
body.dpratan-unified-page .btn.btn-primary{
  min-height:31px!important;
  padding:6px 9px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  border:1px solid #830050!important;
  border-radius:6px!important;
  background:var(--dpr-u-purple)!important;
  color:#fff!important;
  font-size:10.5px!important;
  line-height:1!important;
  font-weight:900!important;
  text-decoration:none!important;
  box-shadow:none!important;
}
body.dpratan-unified-page .nav-link.active{background:var(--dpr-u-pink)!important;color:#fff!important}
body.dpratan-unified-page .btn-live-status{border:1px solid var(--dpr-u-red)!important;background:#fff0c9!important;color:var(--dpr-u-blue2)!important;border-radius:6px!important;font-size:10px!important}
body.dpratan-unified-page .pulse-dot{background:var(--dpr-u-green)!important}
body.dpratan-unified-page .hamburger-btn{background:var(--dpr-u-pink)!important;color:#fff!important;border:1px solid #830050!important;border-radius:6px!important}

/* page content panels */
body.dpratan-unified-page .section-container,
body.dpratan-unified-page .prediction-container,
body.dpratan-unified-page .leaderboard-container,
body.dpratan-unified-page .seo-container{
  margin-top:4px!important;
  padding:0!important;
  background:transparent!important;
}
body.dpratan-unified-page .section-header,
body.dpratan-unified-page .hero-card h1,
body.dpratan-unified-page .content-box>h2,
body.dpratan-unified-page .prediction-card>h3,
body.dpratan-unified-page .leaderboard-card>h2,
body.dpratan-unified-page .leaderboard-card>h3{
  margin:0!important;
  padding:7px 8px!important;
  background:var(--dpr-u-pink)!important;
  border:2px solid var(--dpr-u-red)!important;
  border-radius:9px 9px 0 0!important;
  color:#fff!important;
  text-align:center!important;
  font-size:15px!important;
  line-height:1.15!important;
  font-weight:900!important;
  font-style:italic!important;
  box-shadow:none!important;
}
body.dpratan-unified-page .section-title{margin:0!important;color:#fff!important;font-size:15px!important;font-weight:900!important;font-style:italic!important}

body.dpratan-unified-page .filter-bar,
body.dpratan-unified-page .table-wrapper,
body.dpratan-unified-page .notice-card-list,
body.dpratan-unified-page .prediction-card,
body.dpratan-unified-page .user-header-card,
body.dpratan-unified-page .leaderboard-card,
body.dpratan-unified-page .hero-card,
body.dpratan-unified-page .content-box,
body.dpratan-unified-page .feature-card,
body.dpratan-unified-page .breadcrumb-box,
body.dpratan-unified-page .notice-disclaimer{
  margin-top:4px!important;
  background:var(--dpr-u-peach)!important;
  border:2px solid var(--dpr-u-red)!important;
  border-radius:9px!important;
  color:var(--dpr-u-black)!important;
  box-shadow:none!important;
}
body.dpratan-unified-page .filter-bar{padding:7px!important;display:flex!important;gap:6px!important;flex-wrap:wrap!important}

/* inputs */
body.dpratan-unified-page input,
body.dpratan-unified-page select,
body.dpratan-unified-page textarea,
body.dpratan-unified-page .search-input,
body.dpratan-unified-page .select-input,
body.dpratan-unified-page .date-input,
body.dpratan-unified-page .form-input,
body.dpratan-unified-page .form-select{
  min-height:36px!important;
  padding:7px 9px!important;
  border:2px solid var(--dpr-u-red)!important;
  border-radius:7px!important;
  background:#fff8f0!important;
  color:var(--dpr-u-blue2)!important;
  font-family:Arial,Helvetica,sans-serif!important;
  font-size:12px!important;
  font-weight:800!important;
  outline:none!important;
}
body.dpratan-unified-page label{color:var(--dpr-u-blue2)!important;font-weight:900!important}

/* tables */
body.dpratan-unified-page .table-wrapper{overflow:auto!important;padding:0!important}
body.dpratan-unified-page .custom-table,
body.dpratan-unified-page .history-table,
body.dpratan-unified-page .leaderboard-table{
  width:100%!important;
  border-collapse:collapse!important;
  background:var(--dpr-u-peach)!important;
  color:var(--dpr-u-blue2)!important;
}
body.dpratan-unified-page .custom-table th,
body.dpratan-unified-page .history-table th,
body.dpratan-unified-page .leaderboard-table th{
  padding:7px 5px!important;
  border:1px solid var(--dpr-u-red)!important;
  background:var(--dpr-u-pink)!important;
  color:#fff!important;
  font-size:11px!important;
  font-weight:900!important;
}
body.dpratan-unified-page .custom-table td,
body.dpratan-unified-page .history-table td,
body.dpratan-unified-page .leaderboard-table td{
  padding:7px 5px!important;
  border:1px solid var(--dpr-u-red)!important;
  background:var(--dpr-u-peach)!important;
  color:var(--dpr-u-blue2)!important;
  font-size:11px!important;
  font-weight:800!important;
}

/* markets page: same compact market cards as landing */
body.dpratan-unified-page .live-grid{display:block!important;gap:0!important;background:transparent!important}
body.dpratan-unified-page .market-row-split{
  position:relative!important;
  display:grid!important;
  grid-template-columns:74px minmax(0,1fr) 74px!important;
  align-items:center!important;
  min-height:92px!important;
  margin:4px 0 0!important;
  padding:7px 4px!important;
  background:var(--dpr-u-peach)!important;
  border:2px solid var(--dpr-u-red)!important;
  border-radius:9px!important;
  text-align:center!important;
  overflow:hidden!important;
}
body.dpratan-unified-page .market-row-split.bg-ylw{background:var(--dpr-u-yellow)!important}
body.dpratan-unified-page .market-row-split .h8{color:var(--dpr-u-blue)!important;font-size:15px!important;line-height:1.1!important;font-weight:900!important;font-style:italic!important;text-transform:uppercase!important}
body.dpratan-unified-page .market-row-split .h9{margin-top:3px!important;color:var(--dpr-u-purple2)!important;font-size:22px!important;line-height:1!important;font-weight:900!important;font-style:italic!important}
body.dpratan-unified-page .market-row-split .time{margin:5px 0 0!important;color:var(--dpr-u-black)!important;font-size:10px!important;font-weight:900!important;font-style:italic!important}
body.dpratan-unified-page .market-row-split .btn-side-action{
  min-width:58px!important;min-height:31px!important;padding:5px!important;border:1px solid #830050!important;border-radius:6px!important;background:var(--dpr-u-purple)!important;color:#fff!important;font-size:10px!important;font-weight:900!important;text-decoration:none!important
}

/* free-play pages follow same colors, while retaining their functions */
body.dpratan-unified-page .disclaimer-banner{margin:4px 0!important;padding:8px!important;border:2px solid var(--dpr-u-red)!important;border-radius:9px!important;background:linear-gradient(#e82436,#b90019)!important;color:#fff!important;font-size:11px!important;font-weight:800!important}
body.dpratan-unified-page .user-header-card,
body.dpratan-unified-page .prediction-card,
body.dpratan-unified-page .leaderboard-card{padding:12px!important}
body.dpratan-unified-page .stat-badge{background:#fff0c9!important;border:1px solid var(--dpr-u-red)!important;color:var(--dpr-u-blue2)!important;border-radius:6px!important}
body.dpratan-unified-page .btn-submit-pred{width:100%!important;min-height:38px!important;border:1px solid #830050!important;border-radius:7px!important;background:var(--dpr-u-purple)!important;color:#fff!important;font-weight:900!important}

/* India / Play India */
body.dpratan-unified-page .grid-2,
body.dpratan-unified-page .grid-4{gap:5px!important}
body.dpratan-unified-page .location-card,
body.dpratan-unified-page .feature-card{
  background:var(--dpr-u-peach)!important;border:2px solid var(--dpr-u-red)!important;border-radius:9px!important;color:var(--dpr-u-blue2)!important;box-shadow:none!important
}

/* footer */
body.dpratan-unified-page .site-footer{
  margin-top:4px!important;
  padding:10px 8px!important;
  background:#651050!important;
  border:2px solid var(--dpr-u-red)!important;
  border-radius:9px!important;
  color:#fff!important;
  box-shadow:none!important;
}
body.dpratan-unified-page .site-footer *{color:#fff!important}
body.dpratan-unified-page .footer-bottom{border:0!important;padding:5px!important;background:transparent!important;color:#fff!important}
body.dpratan-unified-page .text-muted{color:#5b1450!important}

/* User App exact shared palette — structure stays as-is. */
body.dpratan-unified-user{
  --landing-bg:#ffcb99;
  --landing-card:#ffcb99;
  --landing-card-inner:#ffffff;
  --landing-card-soft:#ffd8b5;
  --landing-border:#ff1731;
  --landing-border-inner:#ff0016;
  --landing-heading-bg:#fd019d;
  --landing-heading-text:#ffffff;
  --landing-primary-btn:#522f93;
  --landing-pink-btn:#fd019d;
  --landing-green-btn:#078f16;
  --landing-yellow-badge:#ffff00;
  --landing-text-dark:#001b72;
  --landing-text-main:#111111;
  --landing-text-result:#3a18aa;
  --landing-radius:10px;
  --landing-radius-inner:9px;
  --landing-font:Arial,Helvetica,sans-serif;
  background:var(--dpr-u-peach)!important;
  font-family:Arial,Helvetica,sans-serif!important;
}
body.dpratan-unified-user #dprUserShellHeader{background:var(--dpr-u-peach)!important}
body.dpratan-unified-user .dpr-shell-brand{background:var(--dpr-u-peach)!important;border:2px solid var(--dpr-u-red)!important;border-radius:9px!important;box-shadow:none!important}
body.dpratan-unified-user .dpr-brand-name{color:var(--dpr-u-blue2)!important;text-shadow:none!important}
body.dpratan-unified-user .dpr-brand-mark{background:var(--dpr-u-pink)!important;border-color:#fff!important}
body.dpratan-unified-user .dpr-home-link{background:var(--dpr-u-purple)!important;border-color:#830050!important}

@media(max-width:768px){
  body.dpratan-unified-page,body.dpratan-unified-user{padding:2px 0 50px!important}
  body.dpratan-unified-page .ticker-wrap,
  body.dpratan-unified-page .site-header,
  body.dpratan-unified-page .section-container,
  body.dpratan-unified-page .site-footer,
  body.dpratan-unified-page .header,
  body.dpratan-unified-page .prediction-container,
  body.dpratan-unified-page .leaderboard-container,
  body.dpratan-unified-page .seo-container{
    width:calc(100% - 8px)!important;
    max-width:390px!important;
  }
  body.dpratan-unified-page .ticker-wrap{min-height:34px!important}
  body.dpratan-unified-page .ticker-content{white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
  body.dpratan-unified-page .site-header,body.dpratan-unified-page .header{margin-top:3px!important}
  body.dpratan-unified-page .header-container,body.dpratan-unified-page .top-nav{min-height:46px!important;padding:5px 6px!important}
  body.dpratan-unified-page .brand-logo,body.dpratan-unified-page .logo h1,body.dpratan-unified-page .logo a{font-size:21px!important}
  body.dpratan-unified-page .btn-live-status{display:none!important}
  body.dpratan-unified-page .nav-menu{
    position:static!important;display:flex!important;flex-wrap:nowrap!important;width:100%!important;overflow-x:auto!important;white-space:nowrap!important;order:3!important;flex-basis:100%!important;padding-top:4px!important;scrollbar-width:none!important
  }
  body.dpratan-unified-page .nav-menu::-webkit-scrollbar{display:none!important}
  body.dpratan-unified-page .header-container{flex-wrap:wrap!important}
  body.dpratan-unified-page .hamburger-btn{display:none!important}
  body.dpratan-unified-page .nav-link{flex:0 0 auto!important;min-height:28px!important;padding:5px 7px!important;font-size:9.5px!important}
  body.dpratan-unified-page .section-header,body.dpratan-unified-page .section-title{font-size:13px!important}
  body.dpratan-unified-page .filter-bar{padding:5px!important}
  body.dpratan-unified-page .filter-bar>*{width:100%!important;min-width:0!important}
  body.dpratan-unified-page .market-row-split{grid-template-columns:58px minmax(0,1fr) 58px!important;min-height:78px!important;padding:5px 2px!important;border-width:2px!important}
  body.dpratan-unified-page .market-row-split .h8{font-size:13px!important}
  body.dpratan-unified-page .market-row-split .h9{font-size:19px!important}
  body.dpratan-unified-page .market-row-split .time{font-size:8.8px!important}
  body.dpratan-unified-page .market-row-split .btn-side-action{min-width:50px!important;min-height:28px!important;padding:4px 3px!important;font-size:9px!important}
  body.dpratan-unified-page .custom-table th,body.dpratan-unified-page .custom-table td,
  body.dpratan-unified-page .history-table th,body.dpratan-unified-page .history-table td,
  body.dpratan-unified-page .leaderboard-table th,body.dpratan-unified-page .leaderboard-table td{font-size:9px!important;padding:5px 3px!important}
}

@media(min-width:769px){
  body.dpratan-unified-page{padding-left:14px!important;padding-right:14px!important}
  body.dpratan-unified-page .live-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}
  body.dpratan-unified-page .market-row-split{margin:0!important;min-height:118px!important;grid-template-columns:80px minmax(0,1fr) 80px!important}
  body.dpratan-unified-page .market-row-split .h8{font-size:18px!important}
  body.dpratan-unified-page .market-row-split .h9{font-size:27px!important}
  body.dpratan-unified-page .market-row-split .btn-side-action{min-width:68px!important;min-height:34px!important;font-size:12px!important}
}

/* dynamically-rendered notice/result accents */
body.dpratan-unified-page .notice-item{
  margin:4px!important;padding:10px!important;background:#fff8f0!important;border:2px solid var(--dpr-u-red)!important;border-radius:9px!important;color:var(--dpr-u-black)!important;box-shadow:none!important
}
body.dpratan-unified-page .notice-item.important{background:var(--dpr-u-yellow)!important}
body.dpratan-unified-page .notice-title{color:var(--dpr-u-blue)!important;font-size:14px!important;font-weight:900!important;font-style:italic!important}
body.dpratan-unified-page .notice-date{color:var(--dpr-u-purple2)!important;font-size:10px!important;font-weight:800!important}
body.dpratan-unified-page .notice-body{color:var(--dpr-u-black)!important;font-size:11px!important;line-height:1.45!important;font-weight:700!important}
body.dpratan-unified-page .notice-badge-tag{background:var(--dpr-u-pink)!important;color:#fff!important;border-radius:5px!important;padding:3px 5px!important}
body.dpratan-unified-page .badge-jodi{display:inline-block!important;padding:4px 7px!important;border-radius:5px!important;background:var(--dpr-u-purple)!important;color:#fff!important;font-weight:900!important}
body.dpratan-unified-page .badge-panel{color:var(--dpr-u-blue2)!important;font-weight:900!important}