/*
 * Orthomanufaktur CranioReport
 * Verbindliches Logo-Grün
 */

:root {
  --cr-primary: #7DC351;
  --cr-primary-hover: #70B746;
  --cr-primary-dark: #477A2D;
  --cr-primary-light: #EAF6E2;
  --cr-primary-border: #CDE9BC;
  --cr-primary-shadow: rgba(125, 195, 81, 0.22);

  --cranio-green-900: #477A2D;
  --cranio-green-800: #477A2D;
  --cranio-green-700: #5F9D3C;
  --cranio-green-600: #70B746;
  --cranio-green-500: #7DC351;
  --cranio-green-200: #CDE9BC;
  --cranio-green-100: #EAF6E2;
  --cranio-green-50: #F5FAF1;
}

/* Primäre Buttons */
.patientPrimaryAction,
.patientDialogButton.primary,
.examinationDialogButton.primary,
#startAnalysisButton:not(:disabled),
#createReportButton:not(:disabled),
#alignSkullButton:not(:disabled),
#saveLandmarksButton:not(:disabled) {
  background: #7DC351 !important;
  border-color: #7DC351 !important;
  color: #ffffff !important;
}

.patientPrimaryAction:hover:not(:disabled),
.patientDialogButton.primary:hover:not(:disabled),
.examinationDialogButton.primary:hover:not(:disabled),
#startAnalysisButton:hover:not(:disabled),
#createReportButton:hover:not(:disabled),
#alignSkullButton:hover:not(:disabled),
#saveLandmarksButton:hover:not(:disabled) {
  background: #70B746 !important;
  border-color: #70B746 !important;
}

/* Aktive und abgeschlossene Elemente */
.workflowStep.active,
.workflowStep.completed,
.landmarkButton.active,
.landmarkButton.completed,
.cranioAnalysisModeOption.active,
.cranioAnalysisModeOption.selected {
  background: #EAF6E2 !important;
  border-color: #7DC351 !important;
  color: #477A2D !important;
}

.workflowStep.active .workflowNumber,
.workflowStep.completed .workflowNumber {
  background: #7DC351 !important;
  border-color: #7DC351 !important;
  color: #ffffff !important;
}

/* Sekundäre Aktionen */
#openReportButton:not(:disabled),
#showOriginalStlButton:not(:disabled),
.cranioAdministrationHeaderButton {
  background: #F5FAF1 !important;
  border-color: #CDE9BC !important;
  color: #477A2D !important;
}

/* Texte und Status */
.analysisSubheading,
.statusValid,
.landmarkButton.completed::after {
  color: #477A2D !important;
}

.statusValid {
  background: #EAF6E2 !important;
}

/* Eingabefokus */
input:focus,
select:focus,
textarea:focus {
  border-color: #7DC351 !important;
  outline-color: #7DC351 !important;
  box-shadow: 0 0 0 3px rgba(125, 195, 81, 0.22) !important;
}

input[type="radio"],
input[type="checkbox"] {
  accent-color: #7DC351 !important;
}