/* Fundo Global */
body {
    background-image: 
        radial-gradient(circle at 50% 0%, rgba(14, 165, 233, 0.15) 0%, transparent 50%),
        radial-gradient(circle at 0% 100%, rgba(244, 63, 94, 0.05) 0%, transparent 40%);
    background-attachment: fixed;
    /* Força o navegador a entender que o site é escuro e pinta os ícones de branco nativamente */
    color-scheme: dark; 
}

/* Efeito de Vidro */
.glass-panel {
    background: rgba(15, 23, 42, 0.6);
    backdrop-filter: blur(16px);
    -webkit-backdrop-filter: blur(16px);
    border: 1px solid rgba(255, 255, 255, 0.08);
    box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
}

.pb-safe-area { padding-bottom: env(safe-area-inset-bottom); }

/* Animação do Modal */
#event-modal.open { display: flex; opacity: 1; }
#event-modal.open #modal-content { transform: translateY(0); }

/* Scrollbar */
::-webkit-scrollbar { width: 6px; }
::-webkit-scrollbar-track { background: transparent; }
::-webkit-scrollbar-thumb { background: #334155; border-radius: 10px; }

/* --- CORREÇÃO DO CALENDÁRIO --- */

input[type="date"], input[type="time"] {
    /* Garante o fundo e borda que você pediu */
    background-color: rgba(2, 6, 23, 0.5); 
    border: 1px solid rgba(255, 255, 255, 0.1);
    color: white;
    font-family: monospace;
    text-transform: uppercase;
    cursor: pointer;
    border-radius: 0.75rem; /* rounded-xl equivalent */
    color-scheme: dark; /* CRUCIAL: Força o ícone a ser branco */
}

input[type="date"]:focus, input[type="time"]:focus {
    border-color: #0ea5e9;
    outline: none;
}

/* Remove filtros antigos que deixavam preto e garante opacidade */
input[type="date"]::-webkit-calendar-picker-indicator,
input[type="time"]::-webkit-calendar-picker-indicator {
    cursor: pointer;
    opacity: 1;
}