/* HDC Parrainage v2.0 */
#hdc-parra-app {
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  font-size: 15px;
  color: #1e1e1e;
  max-width: 620px;
  margin: 0 auto;
  padding-bottom: 2rem;
}
.hdc-parra-header {
  background: linear-gradient(135deg, #1b4332 0%, #2d6a4f 100%);
  border-radius: 12px;
  padding: 1.8rem 1.5rem;
  margin-bottom: 1.2rem;
  text-align: center;
  color: #fff;
}
.hdc-parra-title { font-size: 18px; font-weight: 700; margin-bottom: .4rem; }
.hdc-parra-header p { font-size: 14px; opacity: .85; margin: 0; line-height: 1.5; }
.hdc-parra-card {
  background: #f9f9f7;
  border: 1px solid #e0ddd5;
  border-radius: 10px;
  padding: 1.4rem;
  margin-bottom: 1.2rem;
}
.hdc-parra-tabs { display: flex; margin-bottom: 1.2rem; border: 1px solid #e0ddd5; border-radius: 8px; overflow: hidden; }
.hdc-tab { flex: 1; padding: .65rem; background: #fff; border: none; cursor: pointer; font-size: 14px; font-weight: 500; color: #5f5e5a; transition: .15s; }
.hdc-tab:not(:last-child) { border-right: 1px solid #e0ddd5; }
.hdc-tab.active { background: #2d6a4f; color: #fff; }
.hdc-field-row { display: grid; grid-template-columns: 1fr 1fr; gap: .7rem; margin-bottom: .7rem; }
#hdc-parra-app input[type=text],
#hdc-parra-app input[type=email] {
  width: 100%; padding: .7rem .9rem;
  border: 1px solid #d3d1c7; border-radius: 8px;
  font-size: 14px; background: #fff;
  box-sizing: border-box; margin-bottom: .7rem;
}
#hdc-parra-app input:focus { outline: none; border-color: #52b788; box-shadow: 0 0 0 3px rgba(82,183,136,.15); }
.hdc-btn {
  width: 100%; padding: .8rem;
  background: #e9c46a; color: #1b4332;
  border: none; border-radius: 8px;
  font-size: 15px; font-weight: 700; cursor: pointer;
  transition: background .15s;
}
.hdc-btn:hover { background: #f4a261; }
.hdc-msg { border-radius: 8px; padding: .8rem 1rem; font-size: 14px; margin-top: .8rem; }
.hdc-msg-ok  { background: #d8f3dc; color: #1b4332; border: 1px solid #52b788; }
.hdc-msg-err { background: #fde8e8; color: #7b1d1d; border: 1px solid #f5a5a5; }
/* Avantages */
.hdc-parra-avantages { display: flex; flex-direction: column; gap: .7rem; }
.hdc-avantage { display: flex; align-items: flex-start; gap: .75rem; background: #f9f9f7; border: 1px solid #e0ddd5; border-radius: 8px; padding: .9rem 1rem; }
.hdc-avantage span { font-size: 22px; flex-shrink: 0; }
.hdc-avantage strong { display: block; font-size: 14px; margin-bottom: .15rem; }
.hdc-avantage p { font-size: 13px; color: #5f5e5a; margin: 0; }
/* Stats */
.hdc-parra-stats { display: grid; grid-template-columns: repeat(3, 1fr); gap: .7rem; margin-bottom: 1.2rem; }
.hdc-stat-box { background: #f9f9f7; border: 1px solid #e0ddd5; border-radius: 10px; padding: 1rem; text-align: center; }
.hdc-stat-box strong { display: block; font-size: 22px; font-weight: 700; color: #1b4332; }
.hdc-stat-box span { font-size: 12px; color: #5f5e5a; }
/* Lien */
.hdc-link-label { font-size: 13px; font-weight: 600; color: #2d6a4f; margin-bottom: .5rem; }
.hdc-link-box { display: flex; align-items: center; gap: .6rem; background: #fff; border: 1px solid #d3d1c7; border-radius: 8px; padding: .6rem .9rem; }
#hdc-lien-display { flex: 1; font-size: 13px; word-break: break-all; color: #1b4332; font-weight: 500; }
.hdc-btn-copy { flex-shrink: 0; padding: .45rem 1rem; background: #2d6a4f; color: #fff; border: none; border-radius: 6px; font-size: 13px; font-weight: 600; cursor: pointer; transition: background .15s; }
.hdc-btn-copy:hover { background: #1b4332; }
.hdc-btn-link { background: none; border: none; color: #2d6a4f; font-size: 13px; cursor: pointer; text-decoration: underline; padding: 0; margin-top: .5rem; }
@media (max-width: 480px) {
  .hdc-parra-stats { grid-template-columns: 1fr; }
  .hdc-field-row { grid-template-columns: 1fr; }
}