/* BỔ SUNG GIAO DIỆN CHO BẢN ĐÁNH GIÁ V3 */

.assessment-v3 .diagnostic-option {
  min-height: 70px;
}

.assessment-v3 .diagnostic-note {
  margin-top: 24px;
}

.confidence-panel {
  display: none;
  margin-top: 22px;
  padding: 18px;
  border-radius: 18px;
  border: 1px solid rgba(30, 30, 40, 0.08);
  background: rgba(248, 247, 255, 0.92);
}

.confidence-panel.show {
  display: block;
  animation: assessmentAppear .22s ease;
}

.confidence-copy strong {
  display: block;
  font-size: 15px;
}

.confidence-copy span {
  display: block;
  margin-top: 5px;
  color: #777781;
  font-size: 12px;
  line-height: 1.5;
}

.confidence-buttons {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 8px;
  margin-top: 15px;
}

.confidence-buttons button {
  border: 1px solid rgba(30,30,40,.10);
  background: white;
  color: #33333b;
  border-radius: 12px;
  padding: 12px 8px;
  font-weight: 800;
  cursor: pointer;
}

.confidence-buttons button:hover,
.confidence-buttons button.selected {
  border-color: #7657ff;
  background: #7657ff;
  color: white;
}

.result-v3 .result-heading p strong {
  color: #35353d;
}

.result-badges {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px;
  margin-top: 28px;
}

.result-badges > div {
  padding: 18px 20px;
  border-radius: 17px;
  background: #18181e;
  color: white;
}

.result-badges span {
  display: block;
  color: #bfbfc7;
  font-size: 13px;
}

.result-badges strong {
  display: block;
  margin-top: 5px;
  font-size: 24px;
}

@keyframes assessmentAppear {
  from {
    opacity: 0;
    transform: translateY(8px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@media (max-width: 650px) {
  .confidence-buttons {
    grid-template-columns: 1fr;
  }

  .result-badges {
    grid-template-columns: 1fr;
  }
}