/* Compatibility styling for the reward markup shipped by index-CA9do4AT.js. */
html body #root .hs-overlay.rw-overlay {
  position: fixed !important;
  inset: 0 !important;
  z-index: 10000 !important;
  box-sizing: border-box !important;
  width: 100vw !important;
  height: 100dvh !important;
  margin: 0 !important;
  padding: 14px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  overflow: hidden !important;
  background: rgba(1, 20, 18, .72) !important;
  backdrop-filter: blur(5px);
}

html body #root .rw-pop.php-reward-pop {
  position: relative !important;
  box-sizing: border-box !important;
  width: min(390px, calc(100vw - 28px)) !important;
  max-width: 390px !important;
  max-height: min(690px, calc(100dvh - 28px)) !important;
  margin: 0 !important;
  padding: 18px 14px 15px !important;
  overflow: auto !important;
  color: #173d34 !important;
  background: linear-gradient(180deg, #fbfff7, #eef7e8) !important;
  border: 1px solid rgba(104, 137, 37, .4) !important;
  border-radius: 22px !important;
  box-shadow: 0 18px 48px rgba(8, 45, 37, .28) !important;
}

.php-reward-pop .reward-head { display:flex; align-items:center; justify-content:space-between; gap:10px; margin-bottom:3px; }
.php-reward-pop .reward-title { margin:0; color:#244f40; font-size:21px; line-height:1.2; font-weight:900; }
.php-reward-pop .reward-close { display:grid; place-items:center; flex:0 0 32px; width:32px; height:32px; margin:0; padding:0; color:#365f45; background:#fff; border:1px solid #cbd9c1; border-radius:50%; }
.php-reward-pop .reward-sub { margin:0 0 12px; color:#62756a; font-size:12px; line-height:1.4; }
.php-reward-pop .reward-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:7px; }
.php-reward-pop .reward-day { min-width:0; min-height:88px; padding:7px 3px 6px; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:2px; text-align:center; color:#31553f; background:#fff; border:1px solid #d7e4cd; border-radius:13px; box-shadow:0 3px 9px rgba(44,78,41,.08); font-size:9px; font-weight:800; }
.php-reward-pop .reward-day.today { color:#fff; background:linear-gradient(145deg,#719825,#537c18); border-color:#8db044; }
.php-reward-pop .reward-day.bonus { grid-column:span 2; background:linear-gradient(145deg,#fff4bd,#ffd361); border-color:#eab62f; }
.php-reward-pop .reward-day .coins { height:34px; display:grid; place-items:center; }
.php-reward-pop .reward-day .coins svg { width:31px; height:31px; }
.php-reward-pop .reward-day .amt { font-size:14px; line-height:1; font-weight:900; }
.php-reward-pop .reward-how-btn { width:100%; margin:11px 0 7px; padding:9px 11px; display:flex; align-items:center; justify-content:space-between; color:#fff; background:#315f45; border:0; border-radius:10px; font-size:11px; font-weight:800; }
.php-reward-pop .reward-details { margin:0 0 7px; padding:9px; max-height:130px; overflow:auto; color:#405a4b; background:#fff; border:1px solid #dce6d6; border-radius:10px; font-size:10px; line-height:1.45; }
.php-reward-pop .reward-details p { margin:0 0 6px; }
.php-reward-pop .reward-plan-mini { display:flex; flex-wrap:wrap; gap:3px; margin:5px 0; }
.php-reward-pop .reward-plan-mini span { padding:2px 5px; background:#edf5e7; border-radius:6px; }
.php-reward-pop .reward-msg { min-height:16px; margin:7px 0; color:#52675b; text-align:center; font-size:10px; font-weight:700; }
.php-reward-pop .reward-claim { width:100%; min-height:42px; margin:0; color:#fff; background:linear-gradient(90deg,#729b24,#4d7616); border:0; border-radius:12px; font-size:13px; font-weight:900; box-shadow:0 7px 15px rgba(87,125,28,.25); }
.php-reward-pop .reward-claim:disabled { color:#71806f; background:#dce5d6; box-shadow:none; }

@media (max-width:360px) {
  .php-reward-pop .reward-grid { grid-template-columns:repeat(3,minmax(0,1fr)); }
  .php-reward-pop .reward-day.bonus { grid-column:span 3; }
}