/* ==========================================================================
   Trust Badge Component — LinkedIn-style verified signals
   ========================================================================== */

.dp-trust-badge {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    padding: 3px 9px;
    font-size: 0.72rem;
    font-weight: 600;
    line-height: 1.3;
    border-radius: var(--radius-2026-btn, 14px);
    border: 1px solid transparent;
    white-space: nowrap;
    vertical-align: middle;
}

/* [2026-09] Rozet bağlantı olarak da basılabiliyor (malikin kendi dairesinde
   "Tapu Yükleyin" → yükleme sayfası). Bağlantı hâli rozet görünümünü korur:
   global a rengi ve alt çizgisi devre dışı, renk rozetin kendi kuralından. */
a.dp-trust-badge,
a.dp-trust-badge:hover,
a.dp-trust-badge:focus {
    text-decoration: none;
}

a.dp-trust-badge--pending,
a.dp-trust-badge--pending:hover,
a.dp-trust-badge--pending:focus {
    color: var(--pastel-yellow-text); /* rozetin --pending rengiyle aynı token */
}

a.dp-trust-badge:focus-visible {
    outline: 2px solid var(--prop-focus-ring, var(--accent));
    outline-offset: 2px;
}

.dp-trust-badge i {
    font-size: 0.85rem;
    line-height: 1;
}

.dp-trust-badge--lg {
    padding: 5px 12px;
    font-size: 0.82rem;
    gap: 6px;
}

.dp-trust-badge--lg i {
    font-size: 0.95rem;
}

/* Variants — semantic trust signals */
.dp-trust-badge--verified {
    background: linear-gradient(135deg, #d1fae5 0%, #a7f3d0 100%);
    color: #065f46;
    border-color: #6ee7b7;
}

.dp-trust-badge--ocr {
    background: linear-gradient(135deg, #dbeafe 0%, #bfdbfe 100%);
    color: #285d77;
    border-color: #93c5fd;
}

.dp-trust-badge--manager {
    background: linear-gradient(135deg, #e9d5ff 0%, #d8b4fe 100%);
    color: #581c87;
    border-color: #c4b5fd;
}

.dp-trust-badge--owner {
    background: linear-gradient(135deg, #fef3c7 0%, #fde68a 100%);
    color: #78350f;
    border-color: #fcd34d;
}

.dp-trust-badge--pending {
    background: linear-gradient(135deg, #fef3c7 0%, #fde68a 100%);
    color: #92400e;
    border-color: #fcd34d;
}

.dp-trust-badge--rejected {
    background: linear-gradient(135deg, #fee2e2 0%, #fecaca 100%);
    color: #7f1d1d;
    border-color: #fca5a5;
}

.dp-trust-badge--info {
    background: linear-gradient(135deg, #ccfbf1 0%, #99f6e4 100%);
    color: #134e4a;
    border-color: #5eead4;
}

/* Dark mode */
html[data-theme='dark'] .dp-trust-badge--verified {
    background: linear-gradient(135deg, rgba(16, 185, 129, 0.18) 0%, rgba(16, 185, 129, 0.30) 100%);
    color: #6ee7b7;
    border-color: rgba(16, 185, 129, 0.40);
}

html[data-theme='dark'] .dp-trust-badge--ocr {
    background: linear-gradient(135deg, rgba(59, 130, 246, 0.18) 0%, rgba(59, 130, 246, 0.30) 100%);
    color: #93c5fd;
    border-color: rgba(59, 130, 246, 0.40);
}

html[data-theme='dark'] .dp-trust-badge--manager {
    background: linear-gradient(135deg, rgba(139, 92, 246, 0.18) 0%, rgba(139, 92, 246, 0.30) 100%);
    color: #c4b5fd;
    border-color: rgba(139, 92, 246, 0.40);
}

html[data-theme='dark'] .dp-trust-badge--owner {
    background: linear-gradient(135deg, rgba(245, 158, 11, 0.18) 0%, rgba(245, 158, 11, 0.30) 100%);
    color: #fcd34d;
    border-color: rgba(245, 158, 11, 0.40);
}

html[data-theme='dark'] .dp-trust-badge--pending {
    background: linear-gradient(135deg, rgba(245, 158, 11, 0.18) 0%, rgba(245, 158, 11, 0.30) 100%);
    color: #fde68a;
    border-color: rgba(245, 158, 11, 0.40);
}

html[data-theme='dark'] .dp-trust-badge--rejected {
    background: linear-gradient(135deg, rgba(239, 68, 68, 0.18) 0%, rgba(239, 68, 68, 0.30) 100%);
    color: #fca5a5;
    border-color: rgba(239, 68, 68, 0.40);
}

html[data-theme='dark'] .dp-trust-badge--info {
    background: linear-gradient(135deg, rgba(20, 184, 166, 0.18) 0%, rgba(20, 184, 166, 0.30) 100%);
    color: #5eead4;
    border-color: rgba(20, 184, 166, 0.40);
}

/* ==========================================================================
   Katılım onayı pill'i (dp-consent-pill)
   --------------------------------------------------------------------------
   Tapu doğrulaması ile dönüşüm sürecine katılım onayı iki AYRI gerçek; eskiden
   ikisi tek "Onaylı Malik" rozetinde birleşiyordu ve fark okunmuyordu. Katılım
   artık ayrı etiket — ama bilerek DAHA HAFİF: yan yana iki dolu yeşil rozet
   "aynı şeyin tekrarı" gibi okunuyor. Dolu rozet = doğrulama, çerçeveli pill =
   katılım. Renkler global paletten geldiği için dark mode ayrı kural istemiyor.
   ========================================================================== */

.dp-badge-stack {
    display: inline-flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 4px;
}

.dp-consent-pill {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    padding: 2px 8px;
    font-size: 0.7rem;
    font-weight: 500;
    line-height: 1.3;
    border-radius: var(--radius-2026-btn, 14px);
    border: 1px solid var(--border-color);
    background: transparent;
    white-space: nowrap;
    vertical-align: middle;
}

.dp-consent-pill i {
    font-size: 0.8rem;
    line-height: 1;
}

.dp-consent-pill--yes {
    color: var(--pastel-green-text);
    border-color: color-mix(in srgb, var(--pastel-green-text) 40%, transparent);
}

/* Onay vermemiş malik bir HATA değil, tamamlanmamış bir adım: kırmızı/sarı
   değil nötr. Anlam yalnız renkte değil, ikon + metinde de var. */
.dp-consent-pill--wait {
    color: var(--text-muted);
}
