/* Custom Styles for EDI Web App */
:root {
    --color-deepblue: #0B132B;
    --color-space: #1C2541;
    --color-accent: #3A506B;
    --color-gold: #F4D03F;
}

body {
    background: radial-gradient(circle at top right, var(--color-space), var(--color-deepblue));
    color: #e2e8f0;
}

.glass-card {
    background: rgba(28, 37, 65, 0.6);
    backdrop-filter: blur(16px);
    -webkit-backdrop-filter: blur(16px);
    box-shadow: 0 4px 30px rgba(0, 0, 0, 0.5);
}

/* Custom scrollbar */
::-webkit-scrollbar {
    width: 8px;
}
::-webkit-scrollbar-track {
    background: var(--color-deepblue);
}
::-webkit-scrollbar-thumb {
    background: var(--color-accent);
    border-radius: 4px;
}
::-webkit-scrollbar-thumb:hover {
    background: var(--color-gold);
}

/* Form input custom styles for date/time to make them look good on dark theme */
input[type="date"]::-webkit-calendar-picker-indicator,
input[type="time"]::-webkit-calendar-picker-indicator {
    filter: invert(1);
    cursor: pointer;
}

/* Animations */
@keyframes pulseGlow {
    0%, 100% { box-shadow: 0 0 15px rgba(244, 208, 63, 0.3); }
    50% { box-shadow: 0 0 25px rgba(244, 208, 63, 0.6); }
}

.glow-btn {
    animation: pulseGlow 3s infinite;
}