/* Clearer source notes. Scoped to the current channel editor. */
.ch-workspace .source-comment-summary {
  display: flex; align-items: center; gap: 12px; min-width: 0;
  margin: 12px 0 0; padding: 11px 12px;
  background: #edf5fc; border: 1px solid #c4d9ee; border-left: 3px solid #195da6; border-radius: 7px;
}
.ch-workspace .source-comment-copy { flex: 1; min-width: 0; }
.ch-workspace .source-comment-caption { display: block; margin: 0 0 3px; color: #436487; font-size: 12px; font-weight: 500; line-height: 1.5; }
.ch-workspace .source-comment-text { display: block; padding: 0; color: #29445f; font-size: 14px; font-weight: 400; line-height: 1.6; white-space: pre-wrap; overflow-wrap: anywhere; }
.ch-workspace .source-comment-summary .source-comment-action {
  display: inline-flex; align-items: center; justify-content: center; gap: 6px;
  padding: 5px 10px; min-height: 33px; border: 1px solid #bfd3e8; border-radius: 5px;
  background: #fff; color: #195da6; font-size: 13px; font-weight: 500; line-height: 1.5; text-decoration: none;
}
.ch-workspace .source-comment-summary .source-comment-action:hover:not(:disabled) { background: #f6faff; border-color: #8fb2d5; color: #124d8c; }
.ch-workspace .source-comment-empty { background: #f4f6f9; border-color: #d1dae5; border-left-color: #b9c8d9; }
.ch-workspace .source-comment-empty .source-comment-text,
.ch-workspace .source-comment-empty .source-comment-caption { color: #596b81; }
.ch-workspace .source-comment-editor { margin: 12px 0 0; padding: 11px 12px; background: #edf5fc; border: 1px solid #c4d9ee; border-left: 3px solid #195da6; border-radius: 7px; }
.ch-workspace .source-comment-label { color: #436487; font-size: 12px; font-weight: 500; }
.ch-workspace .source-comment-editor .source-comment-action { color: #195da6; }
.ch-workspace textarea.source-comment-input { border-color: #b6cde5; color: #29445f; background: #fff; }
.ch-workspace .ch-source-actions .btn-outline-success { color: #fff; background: #207b3b; border-color: #207b3b; }
.ch-workspace .ch-source-actions .btn-outline-success:hover:not(:disabled) { color: #fff; background: #19632f; border-color: #19632f; }
.ch-workspace .ch-source-actions .btn-outline-danger { color: #c63143; border-color: #c63143; background: #fff; }
.ch-workspace .ch-source-actions .btn-outline-danger:hover:not(:disabled) { color: #b52739; border-color: #b52739; background: #fff5f6; }
@media (max-width: 620px) {
  .ch-workspace .source-comment-summary { gap: 9px; padding: 10px; }
  .ch-workspace .source-comment-summary .source-comment-action { padding: 5px 8px; font-size: 12px; }
  .ch-workspace .source-comment-editor { padding: 10px; }
}
@media (pointer: coarse) {
  .ch-workspace .source-comment-summary .source-comment-action { min-height: 44px; }
}