/* Designed to inherit the existing My Sharla colors, spacing and mobile layout. */
#nh-challenges{display:grid;gap:20px}
.nh-challenges-status{color:#bfb4ca;font-size:13px;margin:12px 0}
.nh-challenges-status.ok{color:#a6d8ae}
.nh-challenges-status.error{color:#ff9aa0}
.nh-challenge-section{border:1px solid rgba(177,137,255,.25);border-radius:15px;background:rgba(22,13,36,.55);padding:16px}
.nh-challenge-section-title{display:flex;gap:10px;align-items:center;justify-content:space-between;flex-wrap:wrap}
.nh-challenge-section-title h3{font-size:18px;margin:0;color:#f5e8ff}
.nh-challenge-reset{font-size:12px;color:#d4b4ff;font-variant-numeric:tabular-nums}
.nh-challenge-summary{margin:5px 0 15px;color:#bfb2cd;font-size:12px}
.nh-challenge-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,225px),1fr));gap:12px}
.nh-challenge-item{border:1px solid rgba(160,123,198,.24);border-radius:12px;padding:14px;background:rgba(16,11,26,.82);min-width:0}
.nh-challenge-item.is-claimed{border-color:rgba(114,201,139,.42)}
.nh-challenge-item.is-complete{border-color:rgba(232,189,93,.45)}
.nh-challenge-item-title{display:flex;align-items:center;gap:8px;color:#fff;font-size:14px}
.nh-challenge-emoji{font-size:22px;flex-shrink:0}
.nh-challenge-description{font-size:12px;color:#bfb2cd;margin:8px 0 14px;min-height:32px}
.nh-challenge-meter{height:9px;width:100%;background:#30233d;border-radius:20px;overflow:hidden}
.nh-challenge-meter span{display:block;height:100%;border-radius:20px;background:linear-gradient(90deg,#8853e3,#c787fa);transition:width .35s ease}
.nh-challenge-item.is-claimed .nh-challenge-meter span{background:linear-gradient(90deg,#39a970,#8bda9b)}
.nh-challenge-item-foot{display:flex;gap:8px;flex-wrap:wrap;align-items:center;justify-content:space-between;margin-top:10px;font-size:12px;color:#ddd0e8}
.nh-challenge-reward{color:#f2ce7a;font-weight:700}
.nh-challenge-claimed{color:#9be3a9}
.nh-challenge-complete{color:#f2ce7a}
.nh-challenge-progress{color:#aca3b8}
@media(max-width:600px){.nh-challenge-section{padding:12px}.nh-challenge-grid{grid-template-columns:1fr}.nh-challenge-description{min-height:0}}