/* CryptoChoco v233 — provider-native card density + Tasks card system. */

/* Offerwalls: keep provider launchers and native campaigns intentionally compact. */
.cc-offerwall-provider-grid-v233,
.cc-offerwall-featured-grid-v233 {
  display: grid;
  gap: .7rem;
  align-items: stretch;
  justify-content: start;
}
.cc-offerwall-provider-grid-v233 { grid-template-columns: repeat(auto-fill, minmax(132px, 156px)); }
.cc-offerwall-featured-grid-v233 { grid-template-columns: repeat(auto-fill, minmax(158px, 188px)); }
.cc-offerwall-provider-card-v233,
.cc-offerwall-featured-card-v233 { width: 100%; min-width: 0; }
.cc-offerwall-provider-box-v233 { min-height: 88px; padding: .7rem .65rem; }
.cc-offerwall-featured-box-v233 { min-height: 142px; padding: .75rem; }
.cc-offerwall-provider-icon-v233 { width: 2.35rem; height: 2.35rem; margin-bottom: .45rem; }
.cc-offerwall-featured-icon-v233 { width: 2.55rem; height: 2.55rem; margin-bottom: .5rem; }
.cc-offerwall-featured-box-v233 h3 { font-size: .72rem; line-height: 1.15rem; }
.cc-offerwall-featured-box-v233 .cc-provider-badge { transform: scale(.92); transform-origin: center; }

/* Native Tasks: individual jobs, not provider-launcher tiles. */
.cc-task-grid-v233 {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(230px, 1fr));
  gap: .85rem;
}
.cc-task-card-v233 {
  min-width: 0;
  min-height: 205px;
  padding: .9rem;
  border-radius: 1rem;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.cc-task-title-v233 { font-size: .93rem; line-height: 1.22rem; }
.cc-task-copy-v233 { font-size: .72rem; line-height: 1.12rem; }
.cc-task-reward-v233 { font-size: 1.15rem; line-height: 1.35rem; }
.cc-task-proof-v233 textarea { min-height: 72px; resize: vertical; }
.cc-task-provider-fallback-v233 {
  display:flex; align-items:center; justify-content:space-between; gap:.75rem;
  padding:.75rem .9rem; border-radius:.9rem;
}

@media (max-width: 767px) {
  .cc-offerwall-provider-grid-v233 { grid-template-columns: repeat(2, minmax(0,1fr)); }
  .cc-offerwall-featured-grid-v233 { grid-template-columns: repeat(2, minmax(0,1fr)); }
  .cc-offerwall-provider-box-v233 { min-height: 84px; }
  .cc-offerwall-featured-box-v233 { min-height: 136px; }
  .cc-task-grid-v233 { grid-template-columns: 1fr; }
}
@media (max-width: 420px) {
  .cc-offerwall-featured-grid-v233 { grid-template-columns: 1fr 1fr; gap:.55rem; }
  .cc-offerwall-featured-box-v233 { padding:.65rem; }
}