/* public/css/style.css */
@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@200;300;400;500;600;700;800&display=swap');

:root {
    --primary: #004555;
    --primary-container: #085e72;
    --surface: #f7faf9;
    --on-surface: #191c1c;
    --surface-container-low: #f2f4f4;
    --surface-container: #eceeee;
    --on-surface-variant: #3f4949;
}

[v-cloak] { display: none; }

.material-symbols-outlined {
    font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24;
}

.glass-nav {
    background: rgba(255, 255, 255, 0.85);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
}

.no-scrollbar::-webkit-scrollbar { display: none; }
.no-scrollbar { -ms-overflow-style: none; scrollbar-width: none; }

/* Status Badges */
.status-pending { background: #fef3c7; color: #92400e; padding: 2px 8px; border-radius: 99px; font-size: 0.75rem; font-weight: 600; }
.status-confirmed { background: #d1fae5; color: #065f46; padding: 2px 8px; border-radius: 99px; font-size: 0.75rem; font-weight: 600; }

/* Animations */
.fade-enter-active, .fade-leave-active { transition: opacity 0.3s ease; }
.fade-enter-from, .fade-leave-to { opacity: 0; }

/* Custom Scrollbar for Chat */
.chat-messages::-webkit-scrollbar { width: 4px; }
.chat-messages::-webkit-scrollbar-thumb { background: rgba(0,0,0,0.1); border-radius: 10px; }