/* Finale Ergebnisansicht. Direkt über index.html eingebunden. */

.result-panel .recommendation-section {
  overflow: visible !important;
}

.result-panel .recommendation-section > .section-heading {
  margin-bottom: 22px !important;
}

.result-panel .recommendation-list {
  display: grid !important;
  gap: 20px !important;
  margin: 0 !important;
  padding: 0 !important;
}

.result-panel .recommendation-card {
  display: block !important;
  overflow: hidden !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 1px solid #dedfe4 !important;
  border-radius: 20px !important;
  background: #ffffff !important;
  box-shadow:
    0 8px 24px rgba(38, 38, 38, 0.07) !important;
}

.result-panel .recommendation-header {
  display: flex !important;
  align-items: flex-start !important;
  justify-content: space-between !important;
  gap: 20px !important;
  padding: 20px 22px !important;
  border-bottom: 1px solid #eceef2 !important;
  background: #fff6fb !important;
}

.result-panel .recommendation-title-group {
  display: flex !important;
  align-items: flex-start !important;
  gap: 14px !important;
  min-width: 0 !important;
  flex: 1 !important;
}

.result-panel .recommendation-number {
  display: grid !important;
  place-items: center !important;
  width: 38px !important;
  height: 38px !important;
  min-width: 38px !important;
  min-height: 38px !important;
  margin: 0 !important;
  padding: 0 !important;
  border-radius: 12px !important;
  color: #ffffff !important;
  background: #e20074 !important;
  font-size: 0.95rem !important;
  font-weight: 950 !important;
  line-height: 1 !important;
  box-shadow:
    0 8px 18px rgba(226, 0, 116, 0.22) !important;
}

.result-panel .recommendation-kicker {
  display: block !important;
  margin: 0 0 6px !important;
  color: #b8005f !important;
  font-size: 0.7rem !important;
  font-weight: 950 !important;
  line-height: 1.2 !important;
  letter-spacing: 0.07em !important;
  text-transform: uppercase !important;
}

.result-panel .recommendation-header h4 {
  margin: 0 !important;
  max-width: 800px !important;
  color: #262626 !important;
  font-size: 1.03rem !important;
  font-weight: 850 !important;
  line-height: 1.48 !important;
}

.result-panel .recommendation-header .badge {
  flex: 0 0 auto !important;
  margin: 3px 0 0 !important;
}

.result-panel .recommendation-reason {
  display: block !important;
  padding: 18px 22px !important;
  background: #ffffff !important;
}

.result-panel .recommendation-reason .detail-label {
  display: block !important;
  margin-bottom: 7px !important;
}

.result-panel .recommendation-reason p {
  margin: 0 !important;
  color: #3f3f46 !important;
  line-height: 1.65 !important;
}

.result-panel .recommendation-evidence {
  display: block !important;
  margin: 0 22px 22px !important;
  padding: 18px !important;
  border: 1px solid #dedfe4 !important;
  border-radius: 17px !important;
  background: #f7f7f9 !important;
}

.result-panel .recommendation-evidence-heading {
  display: flex !important;
  align-items: flex-start !important;
  gap: 12px !important;
  padding-bottom: 14px !important;
  border-bottom: 1px solid #dedfe4 !important;
}

.result-panel .recommendation-evidence-icon {
  display: grid !important;
  place-items: center !important;
  width: 34px !important;
  height: 34px !important;
  min-width: 34px !important;
  min-height: 34px !important;
  border-radius: 11px !important;
  color: #b8005f !important;
  background: #fde7f3 !important;
  font-size: 1rem !important;
  font-weight: 950 !important;
}

.result-panel .recommendation-evidence-heading > div {
  min-width: 0 !important;
}

.result-panel .recommendation-evidence-heading .detail-label {
  display: block !important;
  margin: 0 0 7px !important;
}

.result-panel .recommendation-evidence-heading h5 {
  display: block !important;
  margin: 0 !important;
  color: #262626 !important;
  font-size: 0.96rem !important;
  font-weight: 850 !important;
  line-height: 1.45 !important;
}

.result-panel .evidence-summary {
  display: block !important;
  margin: 15px 0 0 !important;
  color: #3f3f46 !important;
  line-height: 1.65 !important;
}

.result-panel .evidence-detail-block {
  display: block !important;
  margin-top: 15px !important;
  padding: 15px 16px !important;
  border: 1px solid #dedfe4 !important;
  border-radius: 14px !important;
  background: #ffffff !important;
}

.result-panel .evidence-detail-block.document-block {
  border-left: 4px solid #e20074 !important;
  background: #fff5fa !important;
}

.result-panel .evidence-detail-block .detail-label {
  display: block !important;
  margin-bottom: 7px !important;
}

.result-panel .evidence-detail-block p {
  margin: 0 !important;
  color: #262626 !important;
  line-height: 1.65 !important;
}

.result-panel .evidence-reference-row {
  display: grid !important;
  grid-template-columns:
    minmax(0, 1fr)
    minmax(210px, 0.38fr) !important;
  gap: 12px !important;
  margin-top: 15px !important;
}

.result-panel .evidence-reference-source,
.result-panel .evidence-reference-section {
  display: block !important;
  min-width: 0 !important;
  padding: 14px 16px !important;
  border: 1px solid #dedfe4 !important;
  border-radius: 14px !important;
  background: #ffffff !important;
}

.result-panel .evidence-reference-source .detail-label,
.result-panel .evidence-reference-section .detail-label {
  display: block !important;
  margin-bottom: 7px !important;
}

.result-panel .evidence-reference-source strong,
.result-panel .evidence-reference-section strong {
  display: block !important;
  margin: 0 !important;
  color: #262626 !important;
  font-size: 0.88rem !important;
  line-height: 1.45 !important;
  overflow-wrap: anywhere !important;
}

.result-panel .ai-disclaimer {
  display: flex !important;
  align-items: flex-start !important;
  gap: 14px !important;
  grid-column: 1 / -1 !important;
  width: 100% !important;
  box-sizing: border-box !important;
  margin: 2px 0 0 !important;
  padding: 18px 20px !important;
  border: 1px solid #d99a00 !important;
  border-left: 5px solid #d99a00 !important;
  border-radius: 18px !important;
  background: #fff4c7 !important;
  color: #5f4700 !important;
  box-shadow:
    0 8px 22px rgba(121, 84, 0, 0.1) !important;
}

.result-panel .ai-disclaimer-symbol {
  display: grid !important;
  place-items: center !important;
  width: 36px !important;
  height: 36px !important;
  min-width: 36px !important;
  min-height: 36px !important;
  margin: 0 !important;
  border-radius: 11px !important;
  color: #ffffff !important;
  background: #d99a00 !important;
  font-size: 1.05rem !important;
  font-weight: 950 !important;
  line-height: 1 !important;
}

.result-panel .ai-disclaimer-content {
  display: block !important;
  min-width: 0 !important;
  flex: 1 !important;
}

.result-panel .ai-disclaimer-content strong {
  display: block !important;
  margin: 0 !important;
  color: #5f4700 !important;
  font-size: 0.98rem !important;
  font-weight: 900 !important;
  line-height: 1.4 !important;
}

.result-panel .ai-disclaimer-content p {
  display: block !important;
  margin: 7px 0 0 !important;
  color: #6f5200 !important;
  line-height: 1.65 !important;
}

@media (max-width: 900px) {
  .result-panel .recommendation-header {
    flex-direction: column !important;
    gap: 14px !important;
    padding: 18px !important;
  }

  .result-panel .recommendation-header .badge {
    margin-left: 52px !important;
  }

  .result-panel .recommendation-reason {
    padding: 17px 18px !important;
  }

  .result-panel .recommendation-evidence {
    margin: 0 18px 18px !important;
    padding: 16px !important;
  }

  .result-panel .evidence-reference-row {
    grid-template-columns: 1fr !important;
  }

  .result-panel .ai-disclaimer {
    padding: 17px !important;
  }
}