/* Elevate staff notes panel + internal note labels (agent ticket page). */
.en-panel textarea {
  width: 100%;
  box-sizing: border-box;
  min-height: 6rem;
  padding: 0.75rem 0.9rem;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 10px;
  font: inherit;
  line-height: 1.45;
  resize: vertical;
  background: #fff;
}
.en-panel textarea:focus {
  outline: 2px solid #c8102e;
  outline-offset: 1px;
}
.en-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  margin-top: 0.75rem;
}
.en-btn {
  font: inherit;
  font-weight: 600;
  padding: 0.55rem 0.95rem;
  border-radius: 999px;
  border: 1px solid rgba(0, 0, 0, 0.18);
  background: #fff;
  cursor: pointer;
}
.en-btn:hover:not(:disabled) { background: #f6f2ee; }
.en-btn:disabled { opacity: 0.55; cursor: progress; }
.en-btn-investigate { border-color: #3b5bdb; color: #3b5bdb; }
.en-btn-reply { background: #c8102e; border-color: #c8102e; color: #fff; }
.en-btn-reply:hover:not(:disabled) { background: #a50d26; }
.en-hint { margin: 0.6rem 0 0; font-size: 0.85rem; opacity: 0.7; }
.en-status { margin: 0.4rem 0 0; font-size: 0.9rem; min-height: 1.2em; }
.en-status.en-ok { color: #1e7a3c; }
.en-status.en-error { color: #b42318; }

/* Internal notes: tell staff notes, bot findings and system events apart at a glance. */
.thread-internal .bubble-system { white-space: pre-wrap; }
.thread-internal .en-note { border-left: 4px solid transparent; }
.thread-internal .en-note-staff { border-left-color: #c8102e; background: #fff7f5; }
.thread-internal .en-note-bot { border-left-color: #3b5bdb; background: #f4f6ff; }
.thread-internal .en-note-system { border-left-color: #b8b2aa; opacity: 0.85; font-size: 0.92em; }
.thread-internal .en-note .bubble-meta strong { letter-spacing: 0.01em; }