/* ==========================================================
   Community Goals Admin Styles
   ========================================================== */

/* --- Form fields --- */

.cg-field {
  margin-bottom: var(--space-md);
}

.cg-label {
  display: block;
  font-size: var(--font-sm);
  font-weight: var(--weight-medium);
  color: var(--tg-theme-hint-color);
  margin-bottom: var(--space-xs);
}

.cg-input,
.cg-select,
.cg-textarea {
  width: 100%;
  padding: var(--space-sm) var(--space-md);
  font-size: var(--font-md);
  border: 1px solid var(--tg-theme-section-separator-color);
  border-radius: var(--radius-sm);
  background: var(--tg-theme-bg-color);
  color: var(--tg-theme-text-color);
  box-sizing: border-box;
}

.cg-textarea {
  resize: vertical;
}

.cg-btn-row {
  display: flex;
  gap: var(--space-sm);
  margin-top: var(--space-lg);
}

.cg-btn-row .btn {
  flex: 1;
}

/* --- Preview --- */

.cg-preview {
  background: var(--tg-theme-secondary-bg-color);
  border-radius: var(--radius-sm);
  padding: var(--space-md);
  margin-top: var(--space-md);
  font-size: var(--font-sm);
  line-height: 1.6;
}

.cg-preview-title {
  font-weight: var(--weight-semibold);
  margin-bottom: var(--space-xs);
}

.cg-preview-sim {
  color: var(--tg-theme-accent-text-color);
  font-weight: var(--weight-medium);
  margin-top: var(--space-xs);
}

/* --- Goal card --- */

.cg-goal-title-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: var(--space-sm);
}

.cg-goal-title {
  font-size: var(--font-lg);
  font-weight: var(--weight-semibold);
}

.cg-status {
  font-size: var(--font-xs);
  padding: 2px 8px;
  border-radius: var(--radius-full);
  font-weight: var(--weight-medium);
}

.cg-status-active {
  background: #e8f5e9;
  color: #2e7d32;
}

.cg-status-completed {
  background: #e3f2fd;
  color: #1565c0;
}

.cg-status-failed {
  background: #fce4ec;
  color: #c62828;
}

.cg-status-cancelled {
  background: #f5f5f5;
  color: #757575;
}

.cg-goal-detail {
  font-size: var(--font-sm);
  color: var(--tg-theme-hint-color);
  margin-bottom: 2px;
}

.cg-contrib-title {
  font-size: var(--font-sm);
  font-weight: var(--weight-semibold);
  margin-top: var(--space-md);
  margin-bottom: var(--space-xs);
}

.cg-contrib-item {
  font-size: var(--font-xs);
  color: var(--tg-theme-text-color);
  padding: 2px 0;
}

.cg-contrib-more {
  font-size: var(--font-xs);
  color: var(--tg-theme-hint-color);
  font-style: italic;
}

.cg-goal-actions {
  display: flex;
  gap: var(--space-sm);
  margin-top: var(--space-md);
}

.cg-goal-meta {
  font-size: var(--font-xs);
  color: var(--tg-theme-hint-color);
  margin-top: var(--space-sm);
}

.cg-empty {
  text-align: center;
  padding: var(--space-xl);
  color: var(--tg-theme-hint-color);
}