/* Müşteri Soruları (Faz 34): NaeronUI sohbet düzeni ekranı doldurur; başlık ve bildirimler sabit, sohbet kalan yüksekliği alır. */
.ov-questions-page { min-height: 0; }
/* Sohbet listesi başlığındaki araçlar: düğme, (varsa) hesap seçici ve soluk "Son kontrol" yazısı sağa yaslı alt alta durur. */
.ov-questions-tools { display: flex; flex-direction: column; align-items: flex-end; gap: 4px; }
.ov-questions-sync { margin: 0; font-size: var(--nui-font-size-xs, 12px); color: var(--nui-text-muted); opacity: .85; white-space: nowrap; }
.ov-questions-account { max-width: 160px; }
.ov-questions-page > nui-chat.nui-chat-fill { flex: 1 1 auto; min-height: 420px; }
/* Müşteri ayıracı (yapışkan): ad ve durum rozeti tek satırda; tıklanınca müşteri bilgisi açılır. */
.ov-customer-divider { display: inline-flex; align-items: center; gap: 8px; max-width: 100%; padding: 4px 12px; border: 1px solid var(--nui-border); border-radius: 999px; background: var(--nui-surface, var(--nui-bg)); color: var(--nui-text); font: inherit; font-size: var(--nui-font-size-sm); cursor: pointer; }
.ov-customer-divider:hover { border-color: var(--nui-primary); }
.ov-customer-divider i { color: var(--nui-text-muted); }
.ov-question-hb-link { white-space: nowrap; font-size: var(--nui-font-size-sm); }
.ov-quick-replies .nui-list-editor { min-height: 0; }
/* Ürün kartı (mesaj ayrıntısı): görsel yoksa aynı boyutta yer tutucu kalır (satırdan satıra kayma olmaz). */
.ov-questions-page .nui-chat-card .ov-icon-slot { display: inline-flex; align-items: center; justify-content: center; background: var(--nui-bg); color: var(--nui-text-muted); }
/* Müşteri paneli: geçmiş soru-yanıt listesi (sade, kompakt; küçük görsel yeri her satırda aynı genişlikte). */
.ov-history h3 { margin-bottom: 8px; }
.ov-history-note { margin: 0; font-size: var(--nui-font-size-sm); }
.ov-history-list { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 6px; }
.ov-history-item { display: flex; flex-direction: column; gap: 3px; width: 100%; padding: 8px 10px; border: 1px solid var(--nui-border); border-radius: var(--nui-radius, 8px); background: transparent; color: var(--nui-text); font: inherit; font-size: var(--nui-font-size-sm); text-align: left; cursor: pointer; }
.ov-history-item:hover, .ov-history-item.is-current { border-color: var(--nui-primary); }
.ov-history-head { display: grid; grid-template-columns: 24px minmax(0, 1fr) auto; align-items: center; gap: 8px; }
.ov-history-thumb { width: 24px; height: 24px; border-radius: 4px; object-fit: cover; }
.ov-history-thumb.ov-icon-slot { display: inline-flex; align-items: center; justify-content: center; background: var(--nui-bg); color: var(--nui-text-muted); }
.ov-history-name { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-weight: 600; }
.ov-history-date { color: var(--nui-text-muted); font-size: var(--nui-font-size-xs, 12px); white-space: nowrap; }
.ov-history-question, .ov-history-answer { display: -webkit-box; -webkit-line-clamp: 2; line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; overflow-wrap: anywhere; }
.ov-history-answer { color: var(--nui-text-muted); }
.ov-history-state { font-size: var(--nui-font-size-xs, 12px); }
.ov-history-state.is-warning { color: var(--nui-warning-text, var(--nui-warning)); }
.ov-history-state.is-danger { color: var(--nui-danger); }
.ov-history-state.is-muted { color: var(--nui-text-muted); }
/* Dar ekranda başlık yeri ürün adına kalsın: bağlantı yalnız ikon olur. */
@media (max-width: 480px) { .ov-question-hb-link .ov-hb-text { display: none; } }