/* Kişi ve firma etiketleri (tags.js) */
.source-badge.manual { color: #5b4ccc; background: #f0efff; }
.input-with-button { display: flex; gap: 8px; align-items: center; }
.input-with-button input { flex: 1; }
.input-with-button .button { flex-shrink: 0; white-space: nowrap; }
.required { color: #c24b5a; }
.heading-actions { display: flex; gap: 8px; align-items: center; flex-wrap: wrap; }

.tag-row { display: flex; flex-wrap: wrap; gap: 4px; margin-top: 5px; }
.tag-chip { display: inline-flex; align-items: center; gap: 3px; max-width: 160px; padding: 2px 8px; border-radius: 999px;
  font-size: 10.5px; font-weight: 600; line-height: 16px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.tag-chip-remove { margin-left: 2px; padding: 0 2px; border: 0; color: inherit; background: transparent; font-size: 13px;
  line-height: 1; cursor: pointer; opacity: .65; }
.tag-chip-remove:hover { opacity: 1; }
.tag-more { color: #6c6f80; background: #eef0f5; }

.tag-gray   { color: #4b5063; background: #eceef3; }
.tag-blue   { color: #1f5fbf; background: #e3eeff; }
.tag-green  { color: #1d7a45; background: #e1f5e9; }
.tag-amber  { color: #9a5a00; background: #fff1d9; }
.tag-red    { color: #b3303e; background: #fde5e8; }
.tag-purple { color: #5b4ccc; background: #ece9ff; }
.tag-teal   { color: #0f7470; background: #dcf4f2; }
.tag-pink   { color: #b02f78; background: #fde4f1; }

/* Düzenleyici: rozetler + yazma alanı tek kutuda */
.tag-editor { display: flex; flex-wrap: wrap; align-items: center; gap: 5px; min-height: 39px; padding: 5px 8px;
  border: 1px solid #e7e8ef; border-radius: 7px; background: #fff; cursor: text; }
.tag-editor:focus-within { border-color: #988ef0; box-shadow: 0 0 0 3px #7162df14; }
.tag-editor-chips { display: contents; }
.dialog .tag-editor input.tag-editor-input { flex: 1 1 140px; width: auto; min-width: 120px; height: 26px; padding: 0 2px;
  border: 0; box-shadow: none; background: transparent; }

.bulk-tag-input { width: 150px; height: 30px; padding: 0 9px; border: 1px solid #e0ddf7; border-radius: 7px; outline: 0;
  background: #fff; font-size: 12px; }
.bulk-tag-input:focus { border-color: #988ef0; }

/* Yönetim penceresi */
.tags-dialog { width: min(640px, calc(100vw - 32px)); }
.tag-new-row { display: grid; grid-template-columns: 1fr 140px auto; gap: 8px; margin: 6px 0 14px; }
.tags-manage-list { max-height: 50vh; overflow-y: auto; border-top: 1px solid #eef0f5; }
.tag-manage-row { display: grid; grid-template-columns: 150px 1fr 110px 72px 72px auto; gap: 8px; align-items: center;
  padding: 7px 0; border-bottom: 1px solid #f1f2f6; font-size: 12px; }
.tag-manage-row .dialog-input, .dialog .tag-manage-row input, .dialog .tag-manage-row select { height: 32px; }
.tag-manage-preview { overflow: hidden; }
.tag-manage-spacer { display: block; grid-column: span 2; }
.text-button.danger { color: #b84350; }
@media (max-width: 640px) {
  .tag-manage-row { grid-template-columns: 1fr 1fr; }
  .tag-new-row { grid-template-columns: 1fr; }
}