/* V63 Kariyer Köprüsü — tur bilgisi ve cevap geri bildirimi tek, okunaklı akış. */

.app-shell.is-match-started .round-feedback-stack {
  display: flex !important;
  flex-direction: column !important;
  gap: 8px !important;
  align-items: stretch !important;
  margin-top: 10px !important;
}

.app-shell.is-match-started .round-feedback-stack .feedback {
  width: 100% !important;
  min-height: 42px !important;
  margin: 0 !important;
  padding: 10px 14px !important;
  border-radius: 13px !important;
  box-sizing: border-box !important;
}

/* Yanlış/doğru cevap üstte, kalıcı aday sayısı daima en altta. */
.app-shell.is-match-started .round-feedback-stack .feedback:not(.feedback--meta) {
  order: 1 !important;
}

.app-shell.is-match-started .round-feedback-stack .feedback--meta {
  order: 2 !important;
  color: #075f44 !important;
  border: 1px solid rgba(8, 125, 83, .22) !important;
  background:
    linear-gradient(90deg, rgba(17, 159, 105, .11), rgba(17, 159, 105, .055)),
    rgba(255,255,255,.54) !important;
  box-shadow: inset 3px 0 0 rgba(12, 132, 88, .72) !important;
}

.app-shell.is-match-started .round-feedback-stack .feedback--meta::before {
  content: "i" !important;
  display: inline-grid !important;
  place-items: center !important;
  width: 18px !important;
  height: 18px !important;
  margin-right: 8px !important;
  border: 1px solid rgba(8, 125, 83, .34) !important;
  border-radius: 50% !important;
  font-size: 11px !important;
  font-weight: 1000 !important;
  vertical-align: -1px !important;
}

.app-shell.is-match-started .round-feedback-stack .feedback--neutral:empty {
  display: none !important;
}

.app-shell.is-match-started .round-feedback-stack .feedback--error {
  color: #9b302d !important;
  border: 1px solid rgba(184, 52, 47, .25) !important;
  background: linear-gradient(90deg, rgba(211, 65, 58, .105), rgba(211, 65, 58, .045)) !important;
  box-shadow: inset 3px 0 0 rgba(191, 55, 49, .76) !important;
}

.app-shell.is-match-started .round-feedback-stack .feedback--error::before {
  content: "×" !important;
  display: inline-grid !important;
  place-items: center !important;
  width: 19px !important;
  height: 19px !important;
  margin-right: 8px !important;
  border-radius: 50% !important;
  background: rgba(190, 54, 49, .12) !important;
  font-size: 16px !important;
  font-weight: 1000 !important;
  vertical-align: -1px !important;
}

.app-shell.is-match-started .round-feedback-stack .feedback--success {
  color: #075f44 !important;
  border: 1px solid rgba(10, 132, 86, .27) !important;
  background:
    radial-gradient(circle at 92% 50%, rgba(203, 164, 72, .14), transparent 24%),
    linear-gradient(90deg, rgba(16, 160, 101, .13), rgba(16, 160, 101, .05)) !important;
  box-shadow: inset 3px 0 0 rgba(10, 132, 86, .78) !important;
}

.app-shell.is-match-started .round-feedback-stack .feedback--success::before {
  content: "✓" !important;
  display: inline-grid !important;
  place-items: center !important;
  width: 19px !important;
  height: 19px !important;
  margin-right: 8px !important;
  border-radius: 50% !important;
  color: #fff !important;
  background: linear-gradient(145deg, #15a66d, #08754f) !important;
  box-shadow: 0 3px 8px rgba(6, 102, 68, .18) !important;
  font-size: 12px !important;
  font-weight: 1000 !important;
  vertical-align: -1px !important;
}

/* Tur sonucu: mevcut modalın mantığı aynı, doğru cevap daha belirgin. */
.round-result-modal {
  position: relative !important;
  overflow: hidden !important;
  border: 1px solid rgba(10, 107, 75, .12) !important;
  border-radius: 20px !important;
  background:
    radial-gradient(circle at 100% 0, rgba(205, 164, 68, .13), transparent 30%),
    linear-gradient(180deg, rgba(255,255,255,.98), rgba(244,249,247,.94)) !important;
  box-shadow: 0 18px 44px rgba(6, 55, 42, .10) !important;
}

.round-result-modal::after {
  content: "" !important;
  position: absolute !important;
  left: 12% !important;
  right: 12% !important;
  top: 0 !important;
  height: 2px !important;
  background: linear-gradient(90deg, transparent, #cda44c, transparent) !important;
  pointer-events: none !important;
}

.round-result-icon.winner {
  box-shadow:
    0 0 0 6px rgba(17, 151, 98, .09),
    0 10px 22px rgba(8, 107, 72, .18) !important;
}

.round-result-modal > p {
  padding: 10px 13px !important;
  border: 1px solid rgba(11, 121, 80, .15) !important;
  border-radius: 12px !important;
  color: #164f3e !important;
  background: rgba(13, 139, 91, .065) !important;
}

.round-result-modal > p b {
  color: #075f44 !important;
}

@media (max-width: 560px) {
  .app-shell.is-match-started .round-feedback-stack .feedback {
    min-height: 38px !important;
    padding: 8px 10px !important;
    font-size: 12px !important;
  }

  .round-result-modal { border-radius: 16px !important; }
}