/* Page chrome. Desktop/tablet keep check-in as a white card; phone flattens it. */
body.influencer-profile[data-inf-sb-page="rewards"],
body.influencer-profile[data-inf-sb-page="mission"] {
  background: #eef1f6 !important;
}

body.influencer-profile[data-inf-sb-page="rewards"] #content,
body.influencer-profile[data-inf-sb-page="rewards"] #content.active,
body.influencer-profile[data-inf-sb-page="mission"] #content,
body.influencer-profile[data-inf-sb-page="mission"] #content.active {
  background: #eef1f6 !important;
}

body.influencer-profile[data-inf-sb-page="rewards"] .rw-pills {
  background: transparent;
  box-shadow: none !important;
  border: none !important;
}

body.influencer-profile[data-inf-sb-page="mission"] .me-page-flex,
body.influencer-profile[data-inf-sb-page="mission"] .me-scroll-area {
  background: #eef1f6 !important;
}

body.influencer-profile[data-inf-sb-page="mission"] .me-tab-bar-fixed {
  background: #eef1f6 !important;
  border: none !important;
  box-shadow: none !important;
}

@media (max-width: 767.98px) {
  body.influencer-profile[data-inf-sb-page="rewards"],
  body.influencer-profile[data-inf-sb-page="mission"] {
    background: #eef1f6 !important;
  }

  body.influencer-profile[data-inf-sb-page="rewards"] #header-admin-wrap,
  body.influencer-profile[data-inf-sb-page="mission"] #header-admin-wrap {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    height: 52px !important;
    background: #eef1f6 !important;
    box-shadow: none !important;
    border: none !important;
    transform: none !important;
  }
  body.influencer-profile[data-inf-sb-page="rewards"] #header-admin-wrap.nav-hidden,
  body.influencer-profile[data-inf-sb-page="mission"] #header-admin-wrap.nav-hidden {
    transform: none !important;
  }
  body.influencer-profile[data-inf-sb-page="rewards"] #header-admin-wrap #header-admin,
  body.influencer-profile[data-inf-sb-page="mission"] #header-admin-wrap #header-admin {
    height: 52px !important;
    padding: 0 14px !important;
    background: transparent !important;
    box-shadow: none !important;
  }

  body.influencer-profile[data-inf-sb-page="rewards"] #content,
  body.influencer-profile[data-inf-sb-page="rewards"] #content.active,
  body.influencer-profile[data-inf-sb-page="mission"] #content,
  body.influencer-profile[data-inf-sb-page="mission"] #content.active {
    display: block !important;
    left: 0 !important;
    width: 100% !important;
    top: 52px !important;
    height: calc(100dvh - 52px) !important;
    padding: 0 !important;
    background: #eef1f6 !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
  }

  /* —— Rewards —— */
  body.influencer-profile[data-inf-sb-page="rewards"] .rw-page {
    padding: 0 !important;
    height: auto !important;
    min-height: 0 !important;
    overflow: visible !important;
    background: transparent !important;
    display: block !important;
    flex: none !important;
  }
  body.influencer-profile[data-inf-sb-page="rewards"] .rw-layout,
  body.influencer-profile[data-inf-sb-page="rewards"] .rw-left,
  body.influencer-profile[data-inf-sb-page="rewards"] .rw-right {
    display: block !important;
    overflow: visible !important;
    gap: 0 !important;
    height: auto !important;
    min-height: 0 !important;
    flex: none !important;
    background: transparent !important;
  }
  body.influencer-profile[data-inf-sb-page="rewards"] .rw-panel {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    border-radius: 0 !important;
    overflow: visible !important;
  }
  body.influencer-profile[data-inf-sb-page="rewards"] .rw-left-scroll {
    overflow: visible !important;
    padding: 0 !important;
  }
  body.influencer-profile[data-inf-sb-page="rewards"] .rw-coins-block {
    padding: 6px 14px 4px !important;
    gap: 8px !important;
    background: transparent !important;
  }
  body.influencer-profile[data-inf-sb-page="rewards"] .rw-coins-visual {
    width: 32px !important;
    height: 32px !important;
  }
  body.influencer-profile[data-inf-sb-page="rewards"] .rw-coins-visual img {
    width: 26px !important;
    height: 26px !important;
  }
  body.influencer-profile[data-inf-sb-page="rewards"] .rw-coins-value {
    font-size: 1.2rem !important;
  }
  body.influencer-profile[data-inf-sb-page="rewards"] .rw-checkin-block {
    padding: 2px 14px 6px !important;
    background: transparent !important;
  }
  body.influencer-profile[data-inf-sb-page="rewards"] .rw-section-head {
    margin-bottom: 2px !important;
  }
  body.influencer-profile[data-inf-sb-page="rewards"] .rw-section-title {
    font-size: 0.72rem !important;
  }
  body.influencer-profile[data-inf-sb-page="rewards"] .rw-checkin-summary {
    margin: 0 0 4px !important;
    padding: 0 !important;
    background: transparent !important;
    border: none !important;
    border-radius: 0 !important;
    font-size: 0.62rem !important;
  }
  body.influencer-profile[data-inf-sb-page="rewards"] .rw-stepper-wrap {
    padding: 2px 0 0 !important;
  }
  body.influencer-profile[data-inf-sb-page="rewards"] .rw-step-node {
    width: 18px !important;
    height: 18px !important;
    font-size: 0.48rem !important;
  }
  body.influencer-profile[data-inf-sb-page="rewards"] .rw-step-connector {
    top: 9px !important;
    height: 1.5px !important;
  }
  body.influencer-profile[data-inf-sb-page="rewards"] .rw-step-label {
    margin-top: 2px !important;
    font-size: 0.42rem !important;
  }
  body.influencer-profile[data-inf-sb-page="rewards"] .rw-step-reward {
    margin-top: 0 !important;
    font-size: 0.4rem !important;
  }
  body.influencer-profile[data-inf-sb-page="rewards"] .rw-step-reward img {
    width: 8px !important;
    height: 8px !important;
  }
  body.influencer-profile[data-inf-sb-page="rewards"] .rw-checkin-cta {
    margin-top: 4px !important;
  }
  body.influencer-profile[data-inf-sb-page="rewards"] .rw-btn-checkin {
    padding: 4px 12px !important;
    min-height: 28px !important;
    font-size: 0.7rem !important;
    border-radius: 8px !important;
  }
  body.influencer-profile[data-inf-sb-page="rewards"] .rw-hint {
    margin-top: 2px !important;
    font-size: 0.58rem !important;
  }

  body.influencer-profile[data-inf-sb-page="rewards"] .rw-pills {
    position: sticky !important;
    top: 0 !important;
    z-index: 40 !important;
    display: flex !important;
    flex-wrap: nowrap;
    gap: 18px;
    width: 100%;
    max-width: none;
    margin: 0 !important;
    padding: 4px 14px 0 !important;
    background: #eef1f6 !important;
    box-shadow: none !important;
    border: none !important;
  }
  body.influencer-profile[data-inf-sb-page="rewards"] .rw-list-panel,
  body.influencer-profile[data-inf-sb-page="rewards"] .rw-detail-panel {
    flex: none !important;
    width: 100vw;
    max-width: 100vw;
    margin-left: calc(50% - 50vw);
    margin-right: calc(50% - 50vw);
    margin-top: 0;
    background: #fff !important;
    border: none !important;
    box-shadow: none !important;
    border-radius: 24px 24px 0 0 !important;
    min-height: calc(100dvh - 52px - 44px);
    padding: 12px 14px calc(86px + env(safe-area-inset-bottom, 0px)) !important;
    overflow: visible !important;
  }
  body.influencer-profile[data-inf-sb-page="rewards"] .rw-list-scroll,
  body.influencer-profile[data-inf-sb-page="rewards"] .rw-detail-scroll {
    overflow: visible !important;
    padding: 0 !important;
  }
  body.influencer-profile[data-inf-sb-page="rewards"] .rw-activity-card-body,
  body.influencer-profile[data-inf-sb-page="rewards"] .rw-activity-card-title,
  body.influencer-profile[data-inf-sb-page="rewards"] .rw-activity-card-meta,
  body.influencer-profile[data-inf-sb-page="rewards"] .rw-activity-card-cost,
  body.influencer-profile[data-inf-sb-page="rewards"] .rw-activity-card-depleted {
    display: none !important;
  }
  body.influencer-profile[data-inf-sb-page="rewards"] .rw-activity-card {
    border-radius: 14px;
    overflow: hidden;
    box-shadow: none !important;
    border: 1px solid #eef2f7 !important;
  }
  body.influencer-profile[data-inf-sb-page="rewards"] .rw-activity-card-cover {
    width: 100%;
    height: 140px;
    object-fit: cover;
    display: block;
    background: #e2e8f0;
  }
  body.influencer-profile[data-inf-sb-page="rewards"] .rw-cards-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
  }

  body.influencer-profile[data-inf-sb-page="mission"] .me-layout {
    display: flex !important;
    flex-direction: column !important;
    gap: 0 !important;
    padding: 0 !important;
    height: auto !important;
    min-height: 0 !important;
    flex: none !important;
    overflow: visible !important;
  }
  body.influencer-profile[data-inf-sb-page="mission"] .me-left,
  body.influencer-profile[data-inf-sb-page="mission"] .me-right {
    display: block !important;
    overflow: visible !important;
    height: auto !important;
    min-height: 0 !important;
    flex: none !important;
  }
  body.influencer-profile[data-inf-sb-page="mission"] .me-ongoing-panel {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    border-radius: 0 !important;
    padding: 8px 14px 8px !important;
    height: auto !important;
    flex: none !important;
  }
  body.influencer-profile[data-inf-sb-page="mission"] .me-ongoing-card {
    flex-direction: row !important;
    align-items: stretch !important;
    text-align: left !important;
    background: #fff !important;
    border: 1px solid #eef2f7 !important;
    border-radius: 16px !important;
    padding: 10px !important;
  }
  body.influencer-profile[data-inf-sb-page="mission"] .me-ongoing-thumb,
  body.influencer-profile[data-inf-sb-page="mission"] .me-ongoing-thumb-ph {
    width: 92px !important;
    height: 92px !important;
    border-radius: 14px !important;
    margin: 0 !important;
  }
  body.influencer-profile[data-inf-sb-page="mission"] .me-ongoing-body {
    align-items: flex-start !important;
  }
  body.influencer-profile[data-inf-sb-page="mission"] .me-ongoing-name,
  body.influencer-profile[data-inf-sb-page="mission"] .me-ongoing-sub,
  body.influencer-profile[data-inf-sb-page="mission"] .me-ongoing-dates {
    text-align: left !important;
  }

  /* —— Mission / activity —— */
  body.influencer-profile[data-inf-sb-page="mission"] .me-page-flex {
    background: #eef1f6 !important;
    overflow: visible !important;
    height: auto !important;
    min-height: 0 !important;
    flex: none !important;
    display: block !important;
  }
  body.influencer-profile[data-inf-sb-page="mission"] .me-tab-bar-fixed {
    position: sticky !important;
    top: 0 !important;
    z-index: 40 !important;
    flex-shrink: 0;
    background: #eef1f6 !important;
    border: none !important;
    box-shadow: none !important;
    padding: 4px 14px 0 !important;
  }
  body.influencer-profile[data-inf-sb-page="mission"] .me-tab-bar-fixed .container-fluid {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  body.influencer-profile[data-inf-sb-page="mission"] .me-tab-bar-fixed .me-tab-wrap {
    margin: 0 !important;
    padding: 0 2px !important;
  }
  body.influencer-profile[data-inf-sb-page="mission"] .me-scroll-area {
    overflow: visible !important;
    background: transparent !important;
    flex: none !important;
    min-height: 0 !important;
    height: auto !important;
  }
  body.influencer-profile[data-inf-sb-page="mission"] .me-grid-wrap,
  body.influencer-profile[data-inf-sb-page="mission"] #me_list_container {
    overflow-x: hidden !important;
    scroll-snap-type: none !important;
  }
  body.influencer-profile[data-inf-sb-page="mission"] #me_list_container .row {
    display: flex !important;
    flex-wrap: wrap !important;
    overflow: visible !important;
    scroll-snap-type: none !important;
  }
  body.influencer-profile[data-inf-sb-page="mission"] #me_list_container .row > [class*="col-"] {
    flex: 0 0 auto !important;
    max-width: 50%;
    scroll-snap-align: unset !important;
  }
  body.influencer-profile[data-inf-sb-page="mission"] .me-scroll-area .section-full,
  body.influencer-profile[data-inf-sb-page="mission"] .me-scroll-area .site-bg-white {
    background: #fff !important;
    border-radius: 24px 24px 0 0 !important;
    width: 100vw;
    max-width: 100vw;
    margin-left: calc(50% - 50vw);
    margin-right: calc(50% - 50vw);
    margin-top: 0;
    padding: 12px 14px calc(86px + env(safe-area-inset-bottom, 0px)) !important;
    min-height: calc(100dvh - 52px - 44px);
    box-shadow: none !important;
  }
  body.influencer-profile[data-inf-sb-page="mission"] .me-empty {
    border: none !important;
    background: transparent !important;
    box-shadow: none !important;
    padding: 2.5rem 1rem !important;
  }
  body.influencer-profile[data-inf-sb-page="mission"] .me-tile-top,
  body.influencer-profile[data-inf-sb-page="mission"] .me-tile-body,
  body.influencer-profile[data-inf-sb-page="mission"] .me-tile-footer,
  body.influencer-profile[data-inf-sb-page="mission"] .me-tile-detail,
  body.influencer-profile[data-inf-sb-page="mission"] .collapse {
    display: none !important;
  }
  body.influencer-profile[data-inf-sb-page="mission"] .me-tile {
    overflow: hidden;
    border-radius: 14px;
    box-shadow: none !important;
    border: 1px solid #eef2f7 !important;
  }
  body.influencer-profile[data-inf-sb-page="mission"] .me-tile-thumb-wrap,
  body.influencer-profile[data-inf-sb-page="mission"] .me-tile-thumb {
    height: 140px;
  }

  body.influencer-profile[data-inf-sb-page="rewards"] *,
  body.influencer-profile[data-inf-sb-page="mission"] *,
  body.influencer-profile[data-inf-sb-page="rewards"] *::-webkit-scrollbar,
  body.influencer-profile[data-inf-sb-page="mission"] *::-webkit-scrollbar {
    scrollbar-width: none !important;
    -ms-overflow-style: none !important;
  }
  body.influencer-profile[data-inf-sb-page="rewards"] *::-webkit-scrollbar,
  body.influencer-profile[data-inf-sb-page="mission"] *::-webkit-scrollbar {
    display: none !important;
    width: 0 !important;
    height: 0 !important;
  }
}