/* Import Tailwind CSS */
@import url('https://cdn.jsdelivr.net/npm/tailwindcss@2.2.19/dist/tailwind.min.css');

body {
    font-family: 'Inter', sans-serif;
    background-color: #f8fafc;
}

/* Custom colors and styles from style - Copy.css */
.bg-caedor-dark { background-color: #1F3B73; }
.bg-caedor-blue { background-color: #00b5e2; }
.bg-caedor-orange { background-color: #FF6A3D; }

.text-caedor-dark { color: #1F3B73; }
.text-caedor-blue { color: #00b5e2; }
.text-caedor-orange { color: #FF6A3D; }

.border-caedor-blue { border-color: #00b5e2; }
.border-caedor-orange { border-color: #FF6A3D; }

.hover\:bg-caedor-blue-dark:hover { background-color: #009ac4; }
.hover\:bg-caedor-orange-dark:hover { background-color: #e65a2d; }

.ring-caedor-blue:focus { ring-color: #00b5e2; }

/* Custom gradient for hero section */
.hero-gradient {
    background: linear-gradient(135deg, #1F3B73 0%, #005f79 100%);
}

/* Custom close button for modal */
.modal-content button {
    font-size: 2rem;
    line-height: 1;
    font-weight: bold;
}

/* Custom scrollbar styles */
#chat-messages::-webkit-scrollbar,
#admin-chat-list::-webkit-scrollbar,
#submissions-list::-webkit-scrollbar,
#details-view::-webkit-scrollbar {
    width: 8px;
}

#chat-messages::-webkit-scrollbar-track,
#admin-chat-list::-webkit-scrollbar-track,
#submissions-list::-webkit-scrollbar-track,
#details-view::-webkit-scrollbar-track {
    background: #e2e8f0; /* slate-200 */
}

#chat-messages::-webkit-scrollbar-thumb,
#admin-chat-list::-webkit-scrollbar-thumb,
#submissions-list::-webkit-scrollbar-thumb,
#details-view::-webkit-scrollbar-thumb {
    background-color: #4f46e5; /* indigo-600 */
    border-radius: 10px;
    border: 2px solid #e2e8f0; /* slate-200 */
}

/* Helper class */
.hidden {
    display: none !important;
}

/* Fix for dark text on light background in admin input fields */
.text-gray-200.bg-gray-800 .w-full {
    color: #4b5563; /* Use a darker gray for readability */
}