/* Letter HPO Matcher Demo app styles */

/* Letter text area */
#letter_input-letter_text {
  font-family: "Georgia", serif;
  font-size: 0.9rem;
  line-height: 1.6;
}

/* HPO badge colours in annotated letter (used in step 5) */
.hpo-badge {
  font-size: 0.7em;
  vertical-align: super;
  border-radius: 4px;
  padding: 1px 4px;
  cursor: pointer;
  text-decoration: none;
}

.hpo-high   { background-color: #d1e7dd; color: #0a3622; }
.hpo-medium { background-color: #fff3cd; color: #664d03; }
.hpo-low    { background-color: #f8d7da; color: #58151c; }

mark.hpo-match {
  border-radius: 3px;
  padding: 0 2px;
}

mark.hpo-high   { background-color: #c6efce; }
mark.hpo-medium { background-color: #ffeb9c; }
mark.hpo-low    { background-color: #ffc7ce; }

/* Hover-activated highlight: triggered by JS when a DT row is hovered */
mark.hpo-match.hpo-hover-active {
  outline: 3px solid #6f42c1;
  outline-offset: 2px;
  background-color: #cfa1fe !important;
  border-radius: 3px;
  transition: background-color 0.15s ease, outline 0.15s ease;
}

/* Term detail card */
.term-detail-card {
  border-left: 4px solid #0d6efd;
}

/* Nav version badge */
.navbar .small {
  opacity: 0.7;
}

/* Print styles: hide chrome, show only the test order form */
@media print {
  .navbar, .alert, button, .btn, .shiny-input-container { display: none !important; }
  #test-order-form { display: block !important; }
  .card { border: 1px solid #ccc !important; margin-bottom: 1rem !important; }
  a[href]::after { content: none !important; }
}