/* Yapay zeka oneri karti (Views/Shared/_YzOneriKarti.cshtml + moduller/cekirdek/yz-oneri.js). */
.yz-kart { border: 1.5px solid var(--purple); background: linear-gradient(180deg, var(--purple-bg), var(--surface)); border-radius: 12px; padding: 12px 14px; margin: 0 0 16px; }
.yz-kart .yz-ust { display: flex; align-items: center; gap: 9px; margin-bottom: 8px; }
.yz-kart .yz-ik { width: 28px; height: 28px; border-radius: 8px; background: var(--purple); color: #fff; display: flex; align-items: center; justify-content: center; font-size: 14px; flex-shrink: 0; }
.yz-kart .yz-t { flex: 1; font-size: 13px; font-weight: 600; }
.yz-kart .yz-govde { font-size: 12.5px; color: var(--muted); line-height: 1.55; white-space: pre-wrap; }
.yz-kart .yz-govde.dolu { color: var(--text); }
.yz-kart .yz-govde.hata { color: var(--red); }
.yz-kart .yz-alt { display: flex; align-items: center; gap: 10px; margin-top: 10px; }
.yz-kart .yz-alt[hidden] { display: none; }
.yz-kart .yz-kaynak { flex: 1; font-size: 11px; color: var(--muted); }
.yz-btn { display: inline-flex; align-items: center; gap: 6px; border: 1px solid var(--purple); background: var(--surface); color: var(--purple-dark, var(--purple)); border-radius: 8px; padding: 5px 11px; font-size: 12px; font-weight: 600; cursor: pointer; }
.yz-btn.dolu { background: var(--purple); color: #fff; }
.yz-btn:disabled { opacity: .6; cursor: progress; }
.yz-kart .yz-secenekler { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 8px; }
.yz-kart .yz-secenekler[hidden] { display: none; }
.yz-cip { border: 1px solid var(--purple); background: var(--surface); color: var(--text); border-radius: 999px; padding: 3px 11px; font-size: 12px; cursor: pointer; }
.yz-cip:hover { background: var(--purple); color: #fff; }