/* Dolicash dashboard stable layout — desktop capture safe */
body.dashboard-clean{overflow-x:hidden;background:radial-gradient(circle at 20% 0%,#102744 0,transparent 31%),#07111f}
body.dashboard-clean .clean-shell{display:grid;grid-template-columns:220px minmax(0,1fr);min-height:100vh;width:100%;max-width:100%;overflow:visible}
body.dashboard-clean .clean-sidebar{position:relative!important;top:auto!important;height:auto!important;min-height:100vh;width:auto!important;padding:22px 16px!important;display:flex;flex-direction:column;background:#081728;border-right:1px solid #203651;z-index:1!important}
body.dashboard-clean .clean-brand{padding:0 6px 24px!important}
body.dashboard-clean .clean-brand .site-logo{height:42px!important;max-width:178px!important}
body.dashboard-clean .brand-tagline{padding-left:47px!important;font-size:10px!important}
body.dashboard-clean .clean-nav{gap:5px!important}
body.dashboard-clean .clean-nav a{padding:12px 11px!important;gap:12px!important;font-size:14px!important;min-width:0}
body.dashboard-clean .clean-nav a img{width:20px!important;height:20px!important;min-width:20px!important;max-width:20px!important}
body.dashboard-clean .clean-side-footer{position:static!important;left:auto!important;right:auto!important;bottom:auto!important;margin-top:auto;padding-top:24px}
body.dashboard-clean .clean-main{min-width:0;width:100%;overflow:visible}
body.dashboard-clean .clean-header{position:relative!important;top:auto!important;z-index:1!important;height:68px!important;padding:0 22px!important;background:#081525!important;backdrop-filter:none!important}
body.dashboard-clean .clean-page{width:100%!important;max-width:none!important;min-width:0!important;margin:0!important;padding:28px 22px 34px!important;overflow:visible!important}
body.dashboard-clean .clean-welcome{margin-bottom:22px!important;gap:18px!important}
body.dashboard-clean .clean-welcome h1{font-size:clamp(34px,3.3vw,48px)!important;line-height:1!important;margin-bottom:10px!important}
body.dashboard-clean .clean-welcome p{font-size:15px!important;max-width:760px!important}
body.dashboard-clean .clean-explore{padding:13px 18px!important;font-size:14px!important}

/* Never let the stat row create horizontal overflow. */
body.dashboard-clean .clean-stats{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:10px!important;width:100%!important;min-width:0!important;margin-bottom:24px!important}
body.dashboard-clean .clean-stat{min-width:0!important;min-height:170px!important;padding:17px!important;border-radius:18px!important}
body.dashboard-clean .clean-stat-head{gap:10px!important;font-size:12px!important;min-width:0}
body.dashboard-clean .clean-stat-head>span:last-child{min-width:0;overflow-wrap:anywhere}
body.dashboard-clean .clean-stat-icon{width:42px!important;height:42px!important;flex:0 0 42px!important;border-radius:13px!important}
body.dashboard-clean .clean-stat-icon.coins:before{left:10px!important;top:11px!important;width:22px!important}
body.dashboard-clean .clean-stat-icon.clock:before{left:9px!important;top:9px!important;width:20px!important;height:20px!important}
body.dashboard-clean .clean-stat-icon.clock:after{left:19px!important;top:14px!important}
body.dashboard-clean .clean-stat-icon.lock:before{left:10px!important;top:18px!important;width:22px!important;height:16px!important}
body.dashboard-clean .clean-stat-icon.lock:after{left:15px!important;top:8px!important;width:12px!important;height:14px!important}
body.dashboard-clean .clean-stat-icon.trophy:before{left:14px!important;top:9px!important}
body.dashboard-clean .clean-stat-icon.trophy:after{left:19px!important;top:28px!important}
body.dashboard-clean .clean-stat .stat-value{font-size:44px!important;margin:13px 0 8px!important}
body.dashboard-clean .clean-note,body.dashboard-clean .clean-pill{font-size:11px!important}

/* Main content: no overflow. Recent activity stays right only when there is room. */
body.dashboard-clean .clean-content{display:grid!important;grid-template-columns:minmax(0,1fr) 310px!important;gap:16px!important;width:100%!important;min-width:0!important;align-items:start!important}
body.dashboard-clean .clean-content>section,body.dashboard-clean .clean-featured,body.dashboard-clean .clean-recent{min-width:0!important;max-width:100%!important}
body.dashboard-clean .clean-section-head{gap:12px!important}
body.dashboard-clean .clean-section-head h2{font-size:21px!important}
body.dashboard-clean .clean-featured{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:14px!important;width:100%!important}
body.dashboard-clean .clean-offer-card{min-width:0!important;width:100%!important;border-radius:19px!important}
body.dashboard-clean .clean-offer-banner{height:150px!important;background-size:cover!important;background-position:center!important}
body.dashboard-clean .clean-offer-body{padding:15px 16px 10px!important}
body.dashboard-clean .clean-offer-body h3{font-size:22px!important}
body.dashboard-clean .clean-offer-body p{font-size:13px!important;min-height:58px!important}
body.dashboard-clean .clean-tags{gap:6px!important;margin-top:12px!important}
body.dashboard-clean .clean-tags span{padding:6px 8px!important;font-size:10px!important}
body.dashboard-clean .clean-offer-footer{padding:13px 15px!important;gap:10px!important}
body.dashboard-clean .clean-offer-footer strong{font-size:13px!important}
body.dashboard-clean .clean-offer-footer small{font-size:10px!important}
body.dashboard-clean .clean-start{padding:10px 12px!important;font-size:12px!important}
body.dashboard-clean .clean-recent{width:100%!important;min-height:360px!important}
body.dashboard-clean .clean-recent-head{padding:16px!important}
body.dashboard-clean .clean-recent-head h3{font-size:18px!important}

/* Stop old dashboard styles from influencing layout. */
body.dashboard-clean .mockup-image-offer,body.dashboard-clean .mock-card-playtime,body.dashboard-clean .mock-card-door{display:none!important}

/* Medium desktop / browser zoom: wrap instead of overflow. */
@media(max-width:1180px){
  body.dashboard-clean .clean-shell{grid-template-columns:205px minmax(0,1fr)}
  body.dashboard-clean .clean-stats{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  body.dashboard-clean .clean-content{grid-template-columns:1fr!important}
  body.dashboard-clean .clean-recent{min-height:0!important}
}
@media(max-width:900px){
  body.dashboard-clean .clean-shell{grid-template-columns:1fr}
  body.dashboard-clean .clean-sidebar{position:fixed!important;width:240px!important;height:100vh!important;min-height:0!important;transform:translateX(-105%);z-index:60!important}
  body.dashboard-clean .clean-sidebar.open{transform:none}
  body.dashboard-clean .clean-header{padding:0 16px!important}
  body.dashboard-clean .clean-page{padding:20px 14px 28px!important}
  body.dashboard-clean .clean-welcome{flex-direction:column!important}
  body.dashboard-clean .clean-explore{width:100%}
  body.dashboard-clean .clean-featured{grid-template-columns:1fr!important}
}
@media(max-width:560px){
  body.dashboard-clean .clean-stats{grid-template-columns:1fr!important}
  body.dashboard-clean .clean-welcome h1{font-size:32px!important}
  body.dashboard-clean .clean-offer-footer{flex-direction:column!important;align-items:flex-start!important}
  body.dashboard-clean .clean-start{width:100%}
}


/* icon + anti-artifact fix */
body.dashboard-clean .clean-main,body.dashboard-clean .clean-page,body.dashboard-clean .clean-content{position:relative;isolation:isolate}
body.dashboard-clean .clean-page::before,body.dashboard-clean .clean-page::after,body.dashboard-clean .clean-main::before,body.dashboard-clean .clean-main::after,body.dashboard-clean .clean-content::before,body.dashboard-clean .clean-content::after{content:none!important;display:none!important}
body.dashboard-clean .clean-stat-head{align-items:center!important}
body.dashboard-clean .clean-stat-icon,body.dashboard-clean .clean-stat-icon:before,body.dashboard-clean .clean-stat-icon:after{display:none!important;content:none!important}
body.dashboard-clean .clean-stat-icon-img{width:48px;height:48px;flex:0 0 48px;display:block;border-radius:14px;filter:drop-shadow(0 8px 18px rgba(0,0,0,.18))}
body.dashboard-clean .clean-stat-head > span:last-child{font-size:14px;font-weight:800;color:#e8f2ff}
body.dashboard-clean .clean-stat .stat-value{margin-top:18px!important}


/* final cleanup: remove rogue diagonal line and keep welcome/stat area clean */
body.dashboard-clean .clean-page,
body.dashboard-clean .clean-welcome,
body.dashboard-clean .clean-stats,
body.dashboard-clean .clean-content{overflow:hidden!important}
body.dashboard-clean .clean-page::before,body.dashboard-clean .clean-page::after,
body.dashboard-clean .clean-main::before,body.dashboard-clean .clean-main::after,
body.dashboard-clean .clean-welcome::before,body.dashboard-clean .clean-welcome::after,
body.dashboard-clean .clean-stats::before,body.dashboard-clean .clean-stats::after,
body.dashboard-clean .clean-welcome *::before,body.dashboard-clean .clean-welcome *::after{content:none!important;display:none!important}
body.dashboard-clean .clean-welcome *,body.dashboard-clean .clean-welcome a,body.dashboard-clean .clean-welcome .btn{transform:none!important;background-image:none!important}
body.dashboard-clean .clean-page > svg,body.dashboard-clean .clean-page > canvas,body.dashboard-clean .clean-page > hr,body.dashboard-clean .clean-main > svg,body.dashboard-clean .clean-main > canvas,body.dashboard-clean .clean-main > hr{display:none!important}
body.dashboard-clean .clean-welcome h1,body.dashboard-clean .clean-welcome p{position:relative;z-index:2}
body.dashboard-clean .clean-stat-head{display:flex!important;align-items:center!important;gap:12px!important}
body.dashboard-clean .clean-stat-icon-img{width:48px!important;height:48px!important;min-width:48px!important;max-width:48px!important}


/* ultra-final mask for any rogue diagonal artifact in hero/stat zone */
body.dashboard-clean .clean-page{position:relative!important;overflow:hidden!important}
body.dashboard-clean .clean-page::before{content:""!important;display:block!important;position:absolute!important;left:0!important;right:0!important;top:0!important;height:430px!important;pointer-events:none!important;z-index:1!important;background:radial-gradient(circle at 20% 0%,#102744 0,transparent 31%),#07111f!important}
body.dashboard-clean .clean-page > *{position:relative!important;z-index:2!important}
body.dashboard-clean .clean-header{position:relative!important;z-index:3!important}


/* hard kill for rogue visual line artifacts */
body.dashboard-clean .clean-page,
body.dashboard-clean .clean-content,
body.dashboard-clean .clean-content > section,
body.dashboard-clean .clean-recent,
body.dashboard-clean .clean-featured,
body.dashboard-clean .clean-section-head,
body.dashboard-clean .clean-welcome,
body.dashboard-clean .clean-stats{position:relative!important;isolation:isolate!important}
body.dashboard-clean .clean-page *::before,
body.dashboard-clean .clean-page *::after{content:none!important;display:none!important}
body.dashboard-clean .clean-offer-banner{overflow:hidden!important}
body.dashboard-clean .clean-section-head,
body.dashboard-clean .clean-featured,
body.dashboard-clean .clean-recent{z-index:5!important}


/* offers page aligned with premium dashboard */
body.earn-clean .clean-page{padding-top:26px!important}
body.earn-clean .clean-welcome-earn{margin-bottom:18px!important}
body.earn-clean .clean-welcome-earn h1{margin-bottom:8px!important}
body.earn-clean .offer-filter-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:8px 0 22px}
body.earn-clean .offer-filter-pill{appearance:none;border:1px solid rgba(80,120,255,.26);background:linear-gradient(180deg,rgba(19,38,78,.78),rgba(11,24,49,.95));border-radius:18px;padding:15px 16px;color:#eaf3ff;text-align:left;cursor:pointer;box-shadow:inset 0 1px 0 rgba(255,255,255,.03),0 12px 30px rgba(0,0,0,.18);transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}
body.earn-clean .offer-filter-pill span{display:block;font-size:16px;font-weight:800;line-height:1.15}
body.earn-clean .offer-filter-pill small{display:block;margin-top:5px;color:#9eb2cf;font-size:12px}
body.earn-clean .offer-filter-pill:hover{transform:translateY(-1px);border-color:rgba(104,230,255,.38)}
body.earn-clean .offer-filter-pill.active{border-color:rgba(103,235,255,.48);background:linear-gradient(180deg,rgba(18,74,97,.9),rgba(11,48,73,.95));box-shadow:0 16px 34px rgba(0,0,0,.25),0 0 0 1px rgba(72,238,255,.12) inset}
body.earn-clean .offers-page-head{margin-bottom:14px!important}
body.earn-clean .offers-page-head p{margin:6px 0 0;color:#9db0cb}
body.earn-clean .clean-featured-all{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:16px!important}
body.earn-clean .generic-offer-card{background:linear-gradient(180deg,rgba(11,22,44,.98),rgba(10,20,39,.98));border:1px solid rgba(84,120,255,.18)}
body.earn-clean .clean-offer-banner-generic{position:relative;background:radial-gradient(circle at 25% 15%,rgba(95,126,255,.45),transparent 35%),radial-gradient(circle at 76% 22%,rgba(82,241,255,.42),transparent 30%),linear-gradient(180deg,#101d52 0%,#0d1840 100%)!important}
body.earn-clean .generic-banner-orb{position:absolute;border-radius:18px;filter:blur(.2px);opacity:.96}
body.earn-clean .orb-a{width:88px;height:88px;right:34px;top:32px;background:linear-gradient(135deg,#a855f7,#6366f1);box-shadow:0 0 28px rgba(168,85,247,.35);transform:rotate(-12deg)}
body.earn-clean .orb-b{width:68px;height:68px;right:108px;top:58px;background:linear-gradient(135deg,#22c55e,#06b6d4);box-shadow:0 0 26px rgba(34,197,94,.28);transform:rotate(10deg)}
body.earn-clean .generic-banner-chip{position:absolute;left:22px;bottom:18px;padding:8px 12px;border-radius:999px;border:1px solid rgba(134,231,255,.35);background:rgba(5,20,47,.72);color:#eaf6ff;font-size:12px;font-weight:700;letter-spacing:.04em}
@media(max-width:1180px){body.earn-clean .offer-filter-strip{grid-template-columns:repeat(2,minmax(0,1fr))}body.earn-clean .clean-featured-all{grid-template-columns:1fr!important}}
@media(max-width:640px){body.earn-clean .offer-filter-strip{grid-template-columns:1fr}body.earn-clean .clean-explore{width:100%}}