/* Smart Wellness Calculator Styles (Debug Scoped) */
#wellnesscalc-app {
  max-width: 820px;
  margin: 1.5rem auto;
  font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial;
  color: #e6f9ea;
}

#wellnesscalc-app .wc-card {
  background: rgba(0,0,0,0.6);
  border: 1px solid rgba(255,255,255,0.04);
  backdrop-filter: blur(6px);
  border-radius: 12px;
  padding: 18px;
  box-shadow: 0 6px 30px rgba(0,0,0,0.6);
}

#wellnesscalc-app .wc-header { display:flex; align-items:center; justify-content:space-between; gap:12px; }
#wellnesscalc-app .wc-title { font-size:20px; font-weight:700; color:#a8ffb1; }
#wellnesscalc-app .wc-sub { font-size:13px; color:#cfeed1; opacity:0.9; }
#wellnesscalc-app .wc-tools { display:flex; gap:10px; margin-top:14px; flex-wrap:wrap; }
#wellnesscalc-app .wc-btn { background: linear-gradient(180deg, rgba(0,0,0,0.25), rgba(0,0,0,0.45)); border:1px solid rgba(168,255,177,0.08); color:#dfffe5; padding:10px 12px; border-radius:10px; cursor:pointer; font-weight:600; }
#wellnesscalc-app .wc-btn.active { box-shadow: 0 6px 18px rgba(0,230,138,0.08); transform: translateY(-2px); }

#wellnesscalc-app .wc-body { margin-top:16px; display:grid; grid-template-columns: 1fr; gap:12px; }
#wellnesscalc-app .wc-grid { display:grid; grid-template-columns: repeat(auto-fit,minmax(220px,1fr)); gap:10px; }

#wellnesscalc-app label.wc-label { display:block; font-size:13px; color:#d7f6df; margin-bottom:6px; }
#wellnesscalc-app input.wc-input, 
#wellnesscalc-app select.wc-input { width:100%; padding:8px 10px; border-radius:8px; border:1px solid rgba(255,255,255,0.06); background: rgba(255,255,255,0.02); color:#e6f9ea; }

#wellnesscalc-app .wc-actions { margin-top:8px; display:flex; gap:8px; align-items:center; flex-wrap:wrap; }
#wellnesscalc-app .wc-result { background: rgba(0,0,0,0.45); border-radius:10px; padding:10px; color:#e6f9ea; font-size:14px; }

@media (max-width:768px){
  #wellnesscalc-app .wc-grid{ grid-template-columns:1fr; }
}