/* AI Ses Asistanı (voiceagent.aiprojtrack.com). Bileşenler css/fin.css'ten; burada yalnızca renk ve sese özgü parçalar. */
:root {
    --accent: #6d28d9;
    --accent-soft: rgba(109, 40, 217, 0.09);
}

.fin-badge.s-done { background: #d1fae5; color: #065f46; }
.fin-badge.s-failed { background: #ffe4e6; color: #9f1239; }
.fin-badge.s-initiated, .fin-badge.s-in_progress, .fin-badge.s-processing { background: #e0f2fe; color: #075985; }
.fin-badge.d-inbound { background: #eef2ff; color: #3730a3; }
.fin-badge.d-outbound { background: #f5f3ff; color: #5b21b6; }
.fin-badge.r-success { background: #d1fae5; color: #065f46; }
.fin-badge.r-failure { background: #ffe4e6; color: #9f1239; }
.fin-badge.r-unknown { background: #f1f5f9; color: #475569; }

.vc-spacer { flex: 1; }
.vc-h3 { font-size: 12px; text-transform: uppercase; letter-spacing: 0.05em; color: var(--muted); margin: 10px 0 4px; }
.vc-note, .vc-wide { width: 100%; }
.vc-lead { margin: 0 0 6px; }

/* Ayrıntı paneli: solda özet ve veriler, sağda görüşme dökümü. */
.vc-drawer { width: min(1000px, 96vw); }
.vc-drawer .fin-drawer-b { grid-template-columns: minmax(0, 1fr) minmax(320px, 420px); }
.vc-detail { overflow: auto; padding: 14px 16px 30px; border-right: 1px solid var(--line); }
.vc-detail .fin-meta { display: flex; flex-wrap: wrap; gap: 2px 14px; }
.vc-detail h3 { font-size: 12px; text-transform: uppercase; letter-spacing: 0.05em; color: var(--muted); margin: 18px 0 8px; }
.vc-detail h3:first-child { margin-top: 0; }
.vc-summary { font-size: 14px; line-height: 1.55; margin: 0; }
.vc-data { width: 100%; border-collapse: collapse; font-size: 13px; }
.vc-data th { text-align: left; font-weight: 600; color: var(--text-2); width: 38%; padding: 6px 8px 6px 0; vertical-align: top; }
.vc-data td { padding: 6px 0; vertical-align: top; white-space: pre-wrap; word-break: break-word; }
.vc-data tr + tr th, .vc-data tr + tr td { border-top: 1px solid var(--line-soft); }
.vc-data .why { display: block; font-size: 11px; color: var(--muted); white-space: normal; }
.vc-empty-val { color: var(--muted); }

.vc-transcript { overflow: auto; padding: 14px 16px 30px; background: #f8fafc; display: flex; flex-direction: column; gap: 8px; }
.vc-turn { max-width: 88%; padding: 8px 11px; border-radius: 12px; font-size: 13px; line-height: 1.45; white-space: pre-wrap; word-break: break-word; }
.vc-turn .t { display: block; font-size: 10px; color: var(--muted); margin-bottom: 2px; font-family: var(--font-mono); }
.vc-turn.agent { align-self: flex-start; background: var(--shell); border: 1px solid var(--line); }
.vc-turn.user { align-self: flex-end; background: var(--accent-soft); }

/* Yeni arama */
.vc-new { max-width: 760px; }
.vc-new textarea.fin-input { width: 100%; min-height: 64px; resize: vertical; font-family: inherit; }
.vc-first { background: #f8fafc; border: 1px dashed var(--line); border-radius: 8px; padding: 8px 10px; font-size: 13px; color: var(--text-2); }
.vc-pick { display: flex; gap: 6px; flex-wrap: wrap; }
.vc-pick .fin-select { flex: 1; min-width: 220px; }
.vc-ok { color: var(--emerald); font-weight: 700; }
.vc-off { color: var(--rose); font-weight: 700; }

@media (max-width: 900px) {
    .vc-drawer .fin-drawer-b { grid-template-columns: 1fr; overflow: auto; }
    .vc-detail { border-right: 0; border-bottom: 1px solid var(--line); overflow: visible; }
    .vc-transcript { overflow: visible; }
}