/* ============================
   Review Wizard Styles
   ============================ */

#rw-card {
  background: #ffffff;
  border: 1px solid #e5e7eb;
  border-radius: 14px;
  box-shadow: 0 8px 20px rgba(2,6,23,.04);
  margin-top: 16px;
  font-family: system-ui, -apple-system, Segoe UI, Roboto, sans-serif;
  color: #0f172a;
}

#rw-card .head { padding: 18px 22px 10px; border-bottom: 1px solid #e5e7eb; }
#rw-card h3 { margin: 0; }
#rw-card .sub { color: #6b7280; font-size: 13px; margin-top: 2px; }

#rw-card .steps { display: flex; gap: 20px; margin-top: 8px; flex-wrap: wrap; }
#rw-card .step { display: flex; align-items: center; gap: 8px; color: #6b7280; font-size: 13px; }
#rw-card .dot {
  width: 22px; height: 22px; border-radius: 50%;
  background: #eef2ff; display: grid; place-items: center;
  font-weight: 700; color: #3730a3;
}
#rw-card .step.active { color: #111827; }
#rw-card .step.active .dot { background: #dbeafe; color: #1e40af; outline: 2px solid #2563eb; }

#rw-card .body { padding: 16px; }
#rw-card .grid { display: grid; grid-template-columns: repeat(auto-fit,minmax(220px,1fr)); gap: 12px; }

#rw-card label { display: block; font-weight: 600; margin: 8px 0 6px; }
#rw-card input[type=text],
#rw-card input[type=email],
#rw-card textarea {
  width: 100%; padding: 10px 12px;
  border: 1px solid #e5e7eb; border-radius: 10px;
  font-size: 14px; background: #fff; color:#0f172a;
}
#rw-card textarea { min-height: 120px; resize: vertical; }

#rw-card .actions { display: flex; gap: 10px; justify-content: flex-end; margin-top: 14px; }
#rw-card .btn {
  appearance: none; border: 1px solid #e5e7eb; background: #eef2ff;
  color: #111827; padding: 9px 12px; border-radius: 10px;
  cursor: pointer; font-weight: 600;
}
#rw-card .btn.pri { background: #2563eb; color: #fff; border-color: #2563eb; }
#rw-card .btn.small { font-size: 12px; padding: 6px 8px; }
#rw-card .back { margin-right: auto; }
#rw-card .btn:disabled { opacity: .5; cursor: not-allowed; }

#rw-card .err { color: #dc2626; font-size: 12px; margin-top: 4px; }

/* Golden star rating */
#rw-card .stars { display: inline-flex; gap: 4px; cursor: pointer; user-select: none; }
#rw-card .star  { font-size: 22px; line-height: 1; color: #e5e7eb; } /* off */
#rw-card .star.on { color: #f59e0b; }                                 /* golden */
#rw-card .stars[data-for="overall"] .star { font-size: 24px; }

/* Misc helpers */
#rw-card .bar { border: 1px dashed #e5e7eb; border-radius: 10px; padding: 10px 12px; margin-bottom: 12px; }
#rw-card .mut { color: #6b7280; font-size: 13px; }
#rw-card .pill { display:inline-block; padding:2px 8px; border:1px solid #e5e7eb;
  border-radius:999px; font-size:12px; color:#374151; background:#f9fafb; }

/* Launcher spacing */
#rw-launch { margin-top: 12px; }