/* Make Score me / action buttons look like primary buttons instead of links */
[data-name="evaluate_interview"],
a[href*="evaluate_interview"],
.cl-action-button,
button[data-name="evaluate_interview"] {
  display: inline-block;
  padding: 0.5rem 1rem;
  background: linear-gradient(135deg, #2563eb 0%, #1d4ed8 100%);
  color: white !important;
  border-radius: 0.5rem;
  font-weight: 600;
  text-decoration: none !important;
  border: none;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);
  transition: background 0.2s, transform 0.05s;
}
[data-name="evaluate_interview"]:hover,
a[href*="evaluate_interview"]:hover,
.cl-action-button:hover,
button[data-name="evaluate_interview"]:hover {
  background: linear-gradient(135deg, #1d4ed8 0%, #1e40af 100%);
  transform: translateY(-1px);
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
}

/* Target Chainlit message actions (buttons next to messages) */
.cl-message-actions button,
.cl-message-actions a,
[class*="messageActions"] button,
[class*="messageActions"] a {
  display: inline-block;
  padding: 0.5rem 1rem;
  background: linear-gradient(135deg, #2563eb 0%, #1d4ed8 100%);
  color: white !important;
  border-radius: 0.5rem;
  font-weight: 600;
  text-decoration: none !important;
  border: none;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);
}
.cl-message-actions button:hover,
.cl-message-actions a:hover,
[class*="messageActions"] button:hover,
[class*="messageActions"] a:hover {
  background: linear-gradient(135deg, #1d4ed8 0%, #1e40af 100%);
}