/* AI Profile Card */
.ai-profile-card {
  padding: 20px 22px; border-radius: var(--radius-lg);
  background: rgba(255,255,255,0.6); border: 1px solid rgba(255,255,255,0.85);
  box-shadow: var(--sh-xs), inset 0 1px 0 rgba(255,255,255,0.7);
  margin-bottom: 16px;
}
.ai-profile-row {
  display: flex; align-items: center; justify-content: space-between;
  padding: 10px 0; border-bottom: 1px solid rgba(0,0,0,0.04);
}
.ai-profile-row:last-child { border-bottom: none; }
.ai-profile-row-label {
  font-size: 13px; font-weight: 500; color: var(--n500);
  display: flex; align-items: center; gap: 8px;
}
.ai-profile-row-label svg { width: 15px; height: 15px; stroke-width: 1.5; opacity: 0.5; }
.ai-profile-row-value {
  font-size: 13px; font-weight: 600; color: var(--n700);
  display: flex; align-items: center; gap: 6px;
}

/* AI Level dots */
.ai-level-dots { display: flex; gap: 4px; align-items: center; }
.ai-level-dot {
  width: 8px; height: 8px; border-radius: 50%;
  background: rgba(0,0,0,0.08); transition: background 0.2s;
}
.ai-level-dot.on {
  background: var(--sunrise);
  box-shadow: 0 0 6px rgba(255,107,44,0.3);
}
.ai-level-label { font-size: 12px; color: var(--n400); margin-left: 4px; }

/* Interest tags */
.interest-tags { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 10px; }
.interest-tag {
  display: inline-flex; align-items: center; gap: 5px;
  padding: 5px 12px; border-radius: 999px; font-size: 12px; font-weight: 500;
  background: rgba(255,107,44,0.06); color: var(--first-light);
  border: 1px solid rgba(255,107,44,0.1);
}
.interest-tag svg { width: 12px; height: 12px; stroke-width: 2; opacity: 0.7; }

/* AI profile selects */
.ai-profile-select {
  padding: 4px 8px; border-radius: var(--radius-sm);
  border: 1px solid transparent; background: transparent;
  font-family: var(--font); font-size: 13px; font-weight: 600;
  color: var(--n700); cursor: pointer; outline: none;
  transition: border-color 0.2s, background 0.2s;
  -webkit-appearance: none; appearance: none;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 24 24' fill='none' stroke='%238B8B9E' stroke-width='2'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");
  background-repeat: no-repeat; background-position: right 4px center;
  padding-right: 20px;
}
.ai-profile-select:hover {
  border-color: rgba(0,0,0,0.08); background-color: rgba(255,255,255,0.5);
}
.ai-profile-select:focus {
  border-color: var(--sunrise); background-color: var(--pure);
  box-shadow: 0 0 0 3px rgba(255,107,44,0.08);
}