/**
 * Zyron CRM - Badges & Tags
 */

/* Base Badge */
.badge {
  display: inline-flex;
  align-items: center;
  padding: 2px 8px;
  border-radius: var(--radius-sm);
  font-size: var(--text-sm);
  font-weight: var(--font-medium);
  gap: 3px;
}

/* Role Badges */
.badge--admin {
  background-color: rgba(215, 38, 61, 0.15);
  color: #EF4444;
}

.badge--manager {
  background-color: rgba(217, 119, 6, 0.12);
  color: #F59E0B;
}

.badge--agent {
  background-color: rgba(37, 99, 235, 0.12);
  color: #60A5FA;
}

.badge--viewer {
  background-color: var(--color-surface-3);
  color: var(--color-text-tertiary);
}

/* Payment Type Badges */
.badge--cash {
  background-color: rgba(22, 163, 74, 0.12);
  color: var(--color-success);
}

.badge--bank {
  background-color: rgba(37, 99, 235, 0.12);
  color: #60A5FA;
}

.badge--card {
  background-color: rgba(217, 119, 6, 0.12);
  color: #F59E0B;
}

.badge--check {
  background-color: var(--color-primary-light);
  color: #EF4444;
}

/* Semantic color badges */
.badge--success {
  background-color: rgba(22, 163, 74, 0.12);
  color: #16A34A;
}
.badge--warn {
  background-color: rgba(217, 119, 6, 0.12);
  color: #D97706;
}
.badge--danger {
  background-color: rgba(220, 38, 38, 0.12);
  color: #DC2626;
}

/* Status Dot */
.status-dot {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  font-size: var(--text-sm);
}

.status-dot::before {
  content: '';
  width: 6px;
  height: 6px;
  border-radius: var(--radius-full);
  flex-shrink: 0;
}

.status-dot--active {
  color: var(--color-success);
}

.status-dot--active::before {
  background-color: var(--color-success);
}

.status-dot--inactive {
  color: var(--color-text-muted);
}

.status-dot--inactive::before {
  background-color: var(--color-surface-4);
}

.status-dot--pending {
  color: var(--color-warning);
}

.status-dot--pending::before {
  background-color: var(--color-warning);
}

/* Stock Status Badges */
.stock-badge {
  display: inline-flex;
  padding: 2px 8px;
  border-radius: var(--radius-sm);
  font-size: var(--text-sm);
  font-weight: var(--font-medium);
}

.stock-badge--ok {
  background-color: rgba(22, 163, 74, 0.12);
  color: var(--color-success);
}

.stock-badge--low {
  background-color: rgba(217, 119, 6, 0.12);
  color: var(--color-warning);
}

.stock-badge--out {
  background-color: rgba(215, 38, 61, 0.12);
  color: #EF4444;
}

.stock-badge--inactive {
  background-color: var(--color-surface-3);
  color: var(--color-text-tertiary);
}

/* Order Status Badges */
.order-badge {
  display: inline-flex;
  align-items: center;
  padding: 3px 10px;
  border-radius: var(--radius-sm);
  font-size: var(--text-sm);
  font-weight: var(--font-medium);
  gap: var(--space-1);
}

.order-badge--new {
  background-color: var(--color-info-light);
  color: #60A5FA;
}

.order-badge--confirmed {
  background-color: var(--color-success-light);
  color: var(--color-success);
}

.order-badge--preparing {
  background-color: var(--color-warning-light);
  color: #F59E0B;
}

.order-badge--shipping {
  background-color: rgba(139, 92, 246, 0.15);
  color: #A78BFA;
}

.order-badge--delivered {
  background-color: rgba(22, 163, 74, 0.2);
  color: #22C55E;
}

.order-badge--cancelled {
  background-color: var(--color-danger-light);
  color: #EF4444;
}

/* Quote Status Badges */
.quote-badge--draft {
  background-color: var(--color-surface-3);
  color: var(--color-text-secondary);
}

.quote-badge--sent {
  background-color: var(--color-info-light);
  color: #60A5FA;
}

.quote-badge--approved {
  background-color: var(--color-success-light);
  color: var(--color-success);
}

.quote-badge--rejected {
  background-color: var(--color-danger-light);
  color: #EF4444;
}

.quote-badge--converted {
  background-color: rgba(139, 92, 246, 0.15);
  color: #A78BFA;
}

/* Inline Order Status Select */
.order-status-select {
  appearance: none;
  -webkit-appearance: none;
  padding: 4px 24px 4px 10px;
  border-radius: var(--radius-sm);
  font-size: var(--text-sm);
  font-weight: var(--font-medium);
  border: 1px solid transparent;
  cursor: pointer;
  background-color: var(--color-surface-3);
  color: var(--color-text-primary);
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M0 0l5 6 5-6z' fill='%23999'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 8px center;
  background-size: 8px;
  outline: none;
  transition: all var(--transition-fast);
}

.order-status-select:hover {
  border-color: var(--color-border);
}

.order-status-select--yeni {
  background-color: var(--color-info-light);
  color: #60A5FA;
}
.order-status-select--onaylandi {
  background-color: var(--color-success-light);
  color: var(--color-success);
}
.order-status-select--hazirlaniyor {
  background-color: var(--color-warning-light);
  color: #F59E0B;
}
.order-status-select--kargoda {
  background-color: rgba(139, 92, 246, 0.15);
  color: #A78BFA;
}
.order-status-select--teslim {
  background-color: rgba(22, 163, 74, 0.2);
  color: #22C55E;
}
.order-status-select--iptal {
  background-color: var(--color-danger-light);
  color: #EF4444;
}

/* Purchase belge eşleştirme göstergesi (liste satırı) */
.purchase-belge-matched { color: var(--color-success, #10b981); margin-top: 3px; }
.purchase-belge-none    { color: var(--color-text-tertiary); margin-top: 3px; }

/* Purchase status select variants */
.order-status-select--bekliyor        { background-color: var(--color-info-light); color: #60A5FA; }
.order-status-select--siparis_verildi { background-color: var(--color-success-light); color: var(--color-success); }
.order-status-select--geldi           { background-color: rgba(22, 163, 74, 0.2); color: #22C55E; }

/* Check (Çek) status select variants */
.order-status-select--portfoyde    { background-color: var(--color-info-light); color: #60A5FA; }
.order-status-select--tahsilde     { background-color: var(--color-warning-light); color: #F59E0B; }
.order-status-select--tahsil_edildi { background-color: rgba(22, 163, 74, 0.2); color: #22C55E; }
.order-status-select--ciro_edildi  { background-color: rgba(139, 92, 246, 0.15); color: #A78BFA; }
.order-status-select--karsiliksiz  { background-color: var(--color-danger-light); color: #EF4444; }

/* Task status select variants */
.order-status-select--baslamadi  { background-color: var(--color-surface-3); color: var(--color-text-secondary); }
.order-status-select--islemde    { background-color: rgba(37, 99, 235, 0.12); color: #60A5FA; }
.order-status-select--ertelendi  { background-color: rgba(217, 119, 6, 0.12); color: #F59E0B; }
.order-status-select--tamamlandi { background-color: rgba(22, 163, 74, 0.2); color: #22C55E; }

/* Log Action Badges */
.log-action {
  display: inline-flex;
  padding: 2px 8px;
  border-radius: var(--radius-sm);
  font-size: var(--text-xs);
  font-weight: var(--font-medium);
}
.log-action--add    { background: rgba(22,163,74,0.12); color: var(--color-success); }
.log-action--delete { background: rgba(215,38,61,0.12); color: #EF4444; }
.log-action--edit   { background: rgba(217,119,6,0.12); color: #F59E0B; }
.log-action--view   { background: var(--color-surface-3); color: var(--color-text-tertiary); }
.log-action--print  { background: rgba(59,130,246,0.12); color: #3B82F6; }
.log-action--export { background: rgba(139,92,246,0.12); color: #8B5CF6; }
.log-action--status { background: rgba(6,182,212,0.12); color: #06B6D4; }
.log-action--financial  { background: rgba(234,179,8,0.12); color: #EAB308; }
.log-action--integration { background: rgba(20,184,166,0.12); color: #14B8A6; }

/* Count Badge (Sidebar) */
.count-badge {
  margin-left: auto;
  background-color: var(--color-primary);
  color: white;
  font-size: var(--text-xs);
  padding: 1px 6px;
  border-radius: 10px;
  font-weight: var(--font-medium);
}