/* Auto-generated feature icon rules using :has() */
.chips .chip{ position: relative; padding-left: 30px; }
.chips .chip::before{ position:absolute; left:8px; top:50%; transform:translateY(-50%); }
.chips .chip:has(input[value="Bildirim"])::before{ content:"🔔"; }
.chips .chip:has(input[value="Ödeme"])::before{ content:"💳"; }
.chips .chip:has(input[value="Analitik"])::before{ content:"📊"; }
.chips .chip:has(input[value="Harita"])::before{ content:"🗺️"; }
.chips .chip:has(input[value="Sohbet"])::before{ content:"💬"; }
.chips .chip:has(input[value="Kamera/Upload"])::before{ content:"📷"; }
.chips .chip:has(input[value="Kamera"])::before{ content:"📷"; }
.chips .chip:has(input[value="Upload"])::before{ content:"⤴️"; }
.chips .chip:has(input[value="Push"])::before{ content:"📣"; }
.chips .chip:has(input[value="Offline"])::before{ content:"📴"; }
.chips .chip:has(input[value="PWA"])::before{ content:"📱"; }
.chips .chip:has(input[value="iOS"])::before{ content:"🍎"; }
.chips .chip:has(input[value="Android"])::before{ content:"🤖"; }
.chips .chip:has(input[value="Kargo"])::before{ content:"📦"; }
.chips .chip:has(input[value="Kampanya"])::before{ content:"🏷️"; }
.chips .chip:has(input[value="Entegrasyon"])::before{ content:"🔗"; }
.chips .chip:has(input[value="OAuth2"])::before{ content:"🛡️"; }
.chips .chip:has(input[value="Audit"])::before{ content:"🧾"; }
.chips .chip:has(input[value="İki Yönlü Senk"])::before{ content:"🔁"; }
.chips .chip:has(input[value="Panel"])::before{ content:"🧩"; }
.chips .chip:has(input[value="Moderasyon"])::before{ content:"🛠️"; }
.chips .chip:has(input[value="Ücretlendirme"])::before{ content:"💰"; }
.chips .chip:has(input[value="Raporlama"])::before{ content:"🧮"; }
.chips .chip:has(input[value="E-Ticaret"])::before{ content:"🛒"; }
.chips .chip:has(input[value="Finans"])::before{ content:"🏦"; }
.chips .chip:has(input[value="Sağlık"])::before{ content:"🏥"; }
.chips .chip:has(input[value="Eğitim"])::before{ content:"🎓"; }
.chips .chip:has(input[value="Lojistik"])::before{ content:"🚚"; }
.chips .chip:has(input[value="Diğer"])::before{ content:"✨"; }

/* --- Icon de-dup & alignment --- */
.chips{ display:flex; flex-wrap:wrap; gap:8px; }
.chips .chip{ display:inline-flex; align-items:center; gap:8px; position:relative; padding:8px 12px 8px 34px; border-radius:10px; }
.chips .chip input{ margin-right:6px; }
.chips .chip::after{ content:none !important; } /* prevent any theme ::after duplication */
.chips .chip::before{ font-size:16px; line-height:1; opacity:.95; }

/* Feature cards get icons too */
.uicard{ position:relative; padding-left:30px; }
.uicard::before{ position:absolute; left:8px; top:12px; font-size:16px; }

/* Keep right panel static (no inner scroll), let page grow */
.ai-left, .ai-right{ max-height:none !important; overflow:visible !important; }
.ai-grid{ align-items:start !important; align-content:start !important; }

.uicard[data-card="Bildirim"]::before{ content:"🔔"; }
.uicard[data-card="Ödeme"]::before{ content:"💳"; }
.uicard[data-card="Analitik"]::before{ content:"📊"; }
.uicard[data-card="Harita"]::before{ content:"🗺️"; }
.uicard[data-card="Sohbet"]::before{ content:"💬"; }
.uicard[data-card="Kamera/Upload"]::before{ content:"📷"; }
.uicard[data-card="Kamera"]::before{ content:"📷"; }
.uicard[data-card="Upload"]::before{ content:"⤴️"; }
.uicard[data-card="Push"]::before{ content:"📣"; }
.uicard[data-card="Offline"]::before{ content:"📴"; }
.uicard[data-card="PWA"]::before{ content:"📱"; }
.uicard[data-card="Kargo"]::before{ content:"📦"; }
.uicard[data-card="Kampanya"]::before{ content:"🏷️"; }
.uicard[data-card="Entegrasyon"]::before{ content:"🔗"; }
.uicard[data-card="OAuth2"]::before{ content:"🛡️"; }
.uicard[data-card="Audit"]::before{ content:"🧾"; }
.uicard[data-card="İki Yönlü Senk"]::before{ content:"🔁"; }
.uicard[data-card="Panel"]::before{ content:"🧩"; }
.uicard[data-card="Ücretlendirme"]::before{ content:"💰"; }
.uicard[data-card="Rapor"]::before{ content:"📑"; }
.uicard[data-card="Raporlama"]::before{ content:"📑"; }