/* [DOMAIN-TIMELINE] Page magique "Mon domaine" — timeline live + WhatsApp */

.gsd-tl-wrap {
  margin-top: 14px;
  padding: 14px;
  background: linear-gradient(180deg, rgba(201,169,110,.04), rgba(255,255,255,.01));
  border: 1px solid rgba(201,169,110,.15);
  border-radius: 12px;
}

.gsd-tl-progress-bar {
  width: 100%;
  height: 6px;
  background: rgba(255,255,255,.05);
  border-radius: 99px;
  overflow: hidden;
  margin-bottom: 14px;
}
.gsd-tl-progress-fill {
  height: 100%;
  background: #c9a96e;
  border-radius: 99px;
  transition: width 600ms cubic-bezier(.4,0,.2,1), background 300ms;
  box-shadow: 0 0 12px rgba(201,169,110,.4);
}

.gsd-tl-steps {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.gsd-tl-step {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 7px 10px;
  border-radius: 8px;
  font-size: 13.5px;
  transition: background 200ms;
}
.gsd-tl-step.completed {
  color: #a8d4ad;
}
.gsd-tl-step.completed .gsd-tl-icon {
  color: #9bce9f;
}
.gsd-tl-step.in_progress {
  background: rgba(201,169,110,.07);
  color: #d8b873;
  font-weight: 500;
}
.gsd-tl-step.in_progress .gsd-tl-icon {
  color: #c9a96e;
}
.gsd-tl-step.pending {
  color: var(--text-muted, #5a564f);
  opacity: .65;
}
.gsd-tl-step.failed {
  background: rgba(218,119,108,.08);
  color: #e0a89e;
}
.gsd-tl-step.failed .gsd-tl-icon {
  color: #e0a89e;
}

.gsd-tl-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 22px;
  height: 22px;
  border-radius: 50%;
  font-size: 13px;
  font-weight: 700;
  background: rgba(255,255,255,.04);
  flex-shrink: 0;
}
.gsd-tl-step.completed .gsd-tl-icon {
  background: rgba(155,206,159,.15);
}
.gsd-tl-step.in_progress .gsd-tl-icon {
  background: rgba(201,169,110,.18);
  animation: gsdTlPulse 1800ms ease-in-out infinite;
}
.gsd-tl-step.failed .gsd-tl-icon {
  background: rgba(218,119,108,.15);
}

@keyframes gsdTlPulse {
  0%, 100% { box-shadow: 0 0 0 0 rgba(201,169,110,.5); }
  50%      { box-shadow: 0 0 0 6px rgba(201,169,110,0); }
}

.gsd-spin {
  display: inline-block;
  animation: gsdSpin 1.4s linear infinite;
}
@keyframes gsdSpin {
  0%   { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

.gsd-tl-label {
  flex: 1;
}

.gsd-tl-help {
  margin-top: 14px;
  padding: 12px 14px;
  background: rgba(201,169,110,.06);
  border: 1px solid rgba(201,169,110,.18);
  border-radius: 10px;
}

.gsd-tl-whatsapp {
  display: inline-flex;
  align-items: center;
  padding: 9px 16px;
  background: linear-gradient(135deg, #25D366, #128C7E);
  color: #fff !important;
  text-decoration: none;
  border-radius: 99px;
  font-size: 13.5px;
  font-weight: 600;
  letter-spacing: .2px;
  transition: transform 150ms, box-shadow 150ms;
  box-shadow: 0 2px 8px rgba(37,211,102,.25);
}
.gsd-tl-whatsapp:hover {
  transform: translateY(-1px);
  box-shadow: 0 4px 14px rgba(37,211,102,.4);
}
.gsd-tl-whatsapp:active {
  transform: translateY(0);
}

/* Status badges */
.gsd-status {
  display: inline-block;
  padding: 4px 10px;
  border-radius: 99px;
  font-size: 12px;
  font-weight: 500;
  letter-spacing: .2px;
}
.gsd-status.live {
  background: rgba(155,206,159,.15);
  color: #a8d4ad;
}
.gsd-status.pending {
  background: rgba(201,169,110,.1);
  color: #d8b873;
}

/* Domain card layout */
.gsd-domain-card {
  padding: 16px 18px;
  border: 1px solid rgba(201,169,110,.18);
  border-radius: 14px;
  margin-bottom: 12px;
  background: var(--card, rgba(255,255,255,.02));
  transition: border-color 200ms;
}
.gsd-domain-card:hover {
  border-color: rgba(201,169,110,.3);
}
.gsd-domain-name {
  font-size: 16.5px;
  font-weight: 600;
  color: var(--text, #e8e3d5);
}

/* Action buttons */
.gsd-action {
  display: inline-flex;
  align-items: center;
  padding: 7px 14px;
  border-radius: 8px;
  font-size: 13px;
  font-weight: 500;
  text-decoration: none;
  border: 1px solid rgba(201,169,110,.25);
  background: transparent;
  color: var(--text, #e8e3d5);
  cursor: pointer;
  transition: all 150ms;
}
.gsd-action:hover {
  border-color: rgba(201,169,110,.5);
  background: rgba(201,169,110,.05);
}
.gsd-action.primary {
  background: linear-gradient(135deg, rgba(201,169,110,.18), rgba(201,169,110,.08));
  border-color: rgba(201,169,110,.4);
  color: #d8b873;
}
.gsd-action.primary:hover {
  background: linear-gradient(135deg, rgba(201,169,110,.28), rgba(201,169,110,.12));
}
.gsd-action.ghost {
  font-size: 12.5px;
  padding: 6px 12px;
  border-color: rgba(255,255,255,.08);
  color: var(--text-secondary, #9a958c);
}

@media (max-width: 600px) {
  .gsd-tl-step { font-size: 12.5px; padding: 6px 8px; }
  .gsd-tl-icon { width: 20px; height: 20px; font-size: 12px; }
  .gsd-tl-whatsapp { font-size: 12.5px; padding: 8px 14px; }
}