/* Yükleme animasyonu */
.loading-spinner {
    display: inline-block;
    width: 16px;
    height: 16px;
    border: 2px solid #1976d2;
    border-top: 2px solid #fff;
    border-radius: 50%;
    animation: spin 0.8s linear infinite;
    vertical-align: middle;
    margin-left: 6px;
}
@keyframes spin {
    0% { transform: rotate(0deg);}
    100% { transform: rotate(360deg);}
}

/* Ekstra responsive ve touch desteği için */
@media (max-width: 600px) {
    .toggle-ai-group {
        top: 6px;
        right: 6px;
        font-size: 12px;
    }
    .toggle-ai-btn {
        padding: 4px 8px;
        font-size: 12px;
    }
}


.ai-guide-loading {
  font-weight: bold;
  color: #1976d2;
  font-size: 1em;
  letter-spacing: 1px;
}
.dot-anim {
  animation: dotFade 1.4s infinite both;
  opacity: 0.6;
  font-size: 1.2em;
}
.dot-anim:nth-child(2) { animation-delay: 0.2s; }
.dot-anim:nth-child(3) { animation-delay: 0.4s; }
.dot-anim:nth-child(4) { animation-delay: 0.6s; }
@keyframes dotFade {
  0%, 80%, 100% { opacity: 0.6; }
  40% { opacity: 1; }
}