@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap');

body {
    font-family: 'Inter', sans-serif;
}

.h-screen-minus-header {
    height: calc(100vh - 80px);
}

/* Animation for message appearing */
@keyframes messageAppear {
    from {
        opacity: 0;
        transform: translateY(10px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.message {
    animation: messageAppear 0.3s ease-out;
}

/* Custom scrollbar */
::-webkit-scrollbar {
    width: 8px;
}

::-webkit-scrollbar-track {
    background: #f1f1f1;
    border-radius: 10px;
}

::-webkit-scrollbar-thumb {
    background: #d1d1d1;
    border-radius: 10px;
}

::-webkit-scrollbar-thumb:hover {
    background: #b1b1b1;
}

/* Citation tags */
.citation-tag {
    @apply inline-flex items-center text-xs bg-gray-100 text-gray-600 px-2 py-1 rounded-full ml-2;
}

.citation-tag:hover {
    @apply bg-gray-200;
}

/* Tooltip for citations */
.tooltip {
    @apply invisible absolute;
}

.has-tooltip:hover .tooltip {
    @apply visible z-50;
}