/* Ankete Özel Ufak Dokunuşlar (Puanlama Yıldızları vb.) */
.rating-group { display: flex; gap: 10px; justify-content: center; margin-top: 10px; flex-wrap: wrap; }
.rate-btn { background: var(--input-bg); border: 2px solid var(--input-border); color: var(--text-main); width: 45px; height: 45px; border-radius: 10px; font-weight: bold; font-size: 1.2rem; display: flex; align-items: center; justify-content: center; cursor: pointer; transition: 0.2s; }
.rate-btn.active { background: var(--brand-red); border-color: var(--brand-red); color: white; transform: scale(1.1); }

/* Çoktan Seçmeli Grid Sistemi */
.choices-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
.choice-btn { background: var(--input-bg); border: 2px solid var(--input-border); padding: 15px; border-radius: 10px; text-align: center; cursor: pointer; transition: 0.2s; font-weight: 600; color: var(--text-main); display: flex; align-items: center; justify-content: center; }
.choice-btn.active { border-color: var(--brand-blue); background: rgba(16, 52, 166, 0.1); color: var(--brand-blue); }

/* Kutu Tasarımı */
.question-box { background: var(--md-surface); border: 1px solid var(--md-outline-variant); border-radius: 12px; padding: 20px; margin-bottom: 20px; box-shadow: 0 2px 8px rgba(0,0,0,0.05); }

/* Auto-resize Textarea */
textarea.survey-ans { resize: none; overflow: hidden; min-height: 80px; }

/* Like / Dislike butonları */
.like-dislike-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 15px; margin-top: 10px; }
.ld-btn { background: var(--input-bg); border: 2px solid var(--input-border); border-radius: 12px; padding: 15px; text-align: center; cursor: pointer; transition: 0.2s; }
.ld-btn i { font-size: 2.5rem; margin-bottom: 10px; display: block; color: var(--text-sub); }
.ld-btn span { font-weight: 600; color: var(--text-main); font-size: 0.9rem; }
.ld-btn.active.positive { border-color: #27ae60; background: rgba(39, 174, 96, 0.1); }
.ld-btn.active.positive i { color: #27ae60; }
.ld-btn.active.negative { border-color: #e74c3c; background: rgba(231, 76, 60, 0.1); }
.ld-btn.active.negative i { color: #e74c3c; }

/* Kaydırmalı Puanlama (Slider) - UYARILAR GİDERİLDİ */
.slider-container { display: flex; flex-direction: column; align-items: center; margin-top: 15px; width: 100%; }
.slider-input { width: 100%; -webkit-appearance: none; appearance: none; height: 8px; border-radius: 5px; background: var(--md-outline-variant); outline: none; margin-bottom: 15px; }
.slider-input::-webkit-slider-thumb { -webkit-appearance: none; appearance: none; width: 25px; height: 25px; border-radius: 50%; background: var(--brand-red); cursor: pointer; }
.slider-val-display { font-size: 1.5rem; font-weight: bold; color: var(--brand-red); }

/* Gerçek Yıldızlar */
.stars-group { display: flex; gap: 8px; justify-content: center; margin-top: 10px; flex-wrap: wrap; }
.star-btn { color: var(--md-outline-variant); font-size: 2.2rem; cursor: pointer; transition: 0.2s; }
.star-btn.active { color: #f1c40f; transform: scale(1.15); text-shadow: 0 0 10px rgba(241, 196, 15, 0.4); }

/* Yıldız, Slider ve Select için Karargah Dokunuşları */
.star-btn { color: #dcdde1 !important; }
body.dark-mode .star-btn { color: #444 !important; }
.star-btn.active { color: #f1c40f !important; }
        
.slider-input { background: #dcdde1 !important; height: 10px !important; }
body.dark-mode .slider-input { background: #444 !important; }
        
select.md-input:focus { border-color: var(--brand-blue) !important; outline: none; }