/* Debug styles for history button */
#chatHistoryBtn {
    position: relative !important;
    z-index: 9999 !important;
}

#chatHistoryBtn:hover {
    background: rgba(255, 0, 0, 0.3) !important;
    border: 2px solid red !important;
}

#chatHistoryBtn:active {
    background: rgba(0, 255, 0, 0.5) !important;
    transform: scale(0.95) !important;
}

/* Make sure modal is visible */
.chat-history-modal {
    z-index: 99999 !important;
}

.chat-history-modal.open {
    display: flex !important;
    opacity: 1 !important;
}

/* Debug overlay */
#history-debug-overlay {
    font-family: 'Courier New', monospace !important;
}

/* Visual click indicator */
@keyframes click-pulse {
    0% {
        box-shadow: 0 0 0 0 rgba(0, 255, 0, 0.7);
    }
    70% {
        box-shadow: 0 0 0 20px rgba(0, 255, 0, 0);
    }
    100% {
        box-shadow: 0 0 0 0 rgba(0, 255, 0, 0);
    }
}

.button-clicked {
    animation: click-pulse 0.5s;
}