/*
 * This is a manifest file that'll be compiled into application.css.
 *
 * With Propshaft, assets are served efficiently without preprocessing steps. You can still include
 * application-wide styles in this file, but keep in mind that CSS precedence will follow the standard
 * cascading order, meaning styles declared later in the document or manifest will override earlier ones,
 * depending on specificity.
 *
 * Consider organizing styles into separate files for maintainability.
 */

/* Prevent layout shift when scrollbar appears/disappears */
html {
  overflow-y: scroll;
  scrollbar-gutter: stable;
}
.bg-img-dot {
  background-image: url("/assets/bg-14d03dca.png");
}
.bg-img-graph {
  background-image: url("/assets/graph-87c263cc.svg");
}
/* Radio button styling for doctor feedback form */
.radio-option-agreed input[type="radio"]:checked ~ div .icon {
  color: #16a34a;
}
.radio-option-agreed input[type="radio"]:checked ~ div .text {
  color: #15803d;
}
.radio-option-agreed:has(input[type="radio"]:checked) {
  border-color: #22c55e;
  background-color: #f0fdf4;
}

.radio-option-disagreed input[type="radio"]:checked ~ div .icon {
  color: #dc2626;
}
.radio-option-disagreed input[type="radio"]:checked ~ div .text {
  color: #b91c1c;
}
.radio-option-disagreed:has(input[type="radio"]:checked) {
  border-color: #ef4444;
  background-color: #fef2f2;
}

.radio-option-neutral input[type="radio"]:checked ~ div .icon {
  color: #6b7280;
}
.radio-option-neutral input[type="radio"]:checked ~ div .text {
  color: #4b5563;
}
.radio-option-neutral:has(input[type="radio"]:checked) {
  border-color: #9ca3af;
  background-color: #f9fafb;
}

/* Live-обновление: подсветка новых строк КЛ */
.highlight-new {
  animation: highlight-fade 20s ease-out;
}

@keyframes highlight-fade {
  0% {
    background-color: #bbf7d0; /* green-200 */
  }
  100% {
    background-color: transparent;
  }
}