/* style-dark.css */
/* Import shared styles - already loaded by main stylesheet, glassmorphism will adapt for dark mode */

/* Dark mode specific glassmorphism overrides */
body.glassmorphism-enabled::before {
    background: linear-gradient(135deg,
            hsl(210, 80%, 20%) 0%,
            hsl(280, 80%, 20%) 25%,
            hsl(320, 80%, 20%) 50%,
            hsl(40, 80%, 20%) 75%,
            hsl(180, 80%, 20%) 100%);
}

body.glassmorphism-enabled .container {
    background: rgba(30, 30, 30, 0.75) !important;
}

body.glassmorphism-enabled .task-item {
    background: rgba(42, 42, 42, 0.6) !important;
}

body.glassmorphism-enabled .task-item.selected {
    background: rgba(60, 60, 60, 0.7) !important;
}

body.glassmorphism-enabled .task-item.completed {
    background: rgba(42, 59, 42, 0.6) !important;
}

body.glassmorphism-enabled .calendar-container {
    background: rgba(30, 30, 30, 0.7) !important;
}

body.glassmorphism-enabled .calendar-day {
    background: rgba(33, 33, 33, 0.5) !important;
}

body.glassmorphism-enabled .modal-content {
    background: rgba(30, 30, 30, 0.3) !important;
}

body {
    background-color: #121212;
    color: #e0e0e0;
}

.container,
.modal-content {
    background-color: #1e1e1e;
    border-color: #444;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);
    color: #e0e0e0;
}

h2,
h3,
h4,
label {
    color: #f5f5f5;
}

h2 {
    border-bottom-color: #00e676;
    /* Verde brillante */
}

h3 {
    border-bottom-color: #333;
}

input[type="text"],
input[type="datetime-local"],
input[type="date"],
input[type="time"],
input[type="email"],
input[type="password"],
select {
    background-color: #2c2c2c;
    color: #e0e0e0;
    border: 1px solid #555;
}

input::placeholder {
    color: #888;
}

button {
    background-color: #00e676;
    color: #121212;
    font-weight: bold;
}

button:hover {
    background-color: #00b248;
}

button:disabled {
    background-color: #444;
    color: #888;
    cursor: not-allowed;
}

button.secondary {
    background: #03a9f4;
    /* Azul claro */
}

button.secondary:hover {
    background: #0288d1;
}

button.logout {
    background: #ffab40;
    /* Naranja */
}

button.logout:hover {
    background: #ff9100;
}

button.danger-btn {
    background-color: #ff5252;
}

button.danger-btn:hover {
    background-color: #ff1744;
}

.task-item {
    background-color: #2a2a2a;
    border-bottom: 1px solid #444;
}

.task-item.selected {
    background-color: #3c3c3c;
}

.task-item.completed {
    background-color: #2a3b2a;
    color: #aaa;
}

.task-item.completed .task-info {
    text-decoration: line-through;
}

.task-item.completed.selected {
    background-color: #3a4b3a;
}

.task-actions button {
    background: #444;
    color: #e0e0e0;
    border: 1px solid #555;
    /* --- AÑADIDO PARA MANTENER LA FLUIDEZ DE LA ANIMACIÓN --- */
    transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.command-help {
    background-color: rgba(30, 30, 30, 0.231);
    border-left: 4px solid #00e676b8;
}

.command-example span {
    color: #ccc;
}

.command-example:hover {
    background-color: #555555;
}

.copy-btn {
    background: #03a9f4;
}

.opciones,
.tittle {
    background-color: #1a1a1a38;
    border-bottom-color: #44444496;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.2);
    color: #ffffff;
}

.anuncio {
    background-color: #2a2a2a;
}

.anuncio:nth-child(odd) {
    box-shadow: 0 -7px 4px rgba(0, 0, 0, 0.2);
}

.section-header,
.section-subheader {
    background-color: #25252538;
    color: #f5f5f5;
    border-color: #4444447a;
}

.section-subheader {
    background-color: rgb(0, 0, 0, 0);
    color: #f5f5f5ad;
}

#forgotPasswordLink {
    color: #03a9f4;
}

/* Calendario */
.calendar-container {
    background-color: #1e1e1e;
}

.calendar-header {
    background-color: #009688;
    /* Verde azulado */
}

.weekdays {
    background-color: #2a2a2a;
}

.weekdays div {
    color: #e0e0e0;
    border-right-color: #444;
}

.calendar-grid {
    border-top-color: #444;
    border-left-color: #444;
}

.calendar-day {
    background-color: #212121;
    border-right-color: #444;
    border-bottom-color: #444;
}

.calendar-day-number {
    color: #e0e0e0;
}

.calendar-day.other-month {
    background-color: #1a1a1a;
}

.calendar-day.other-month .calendar-day-number {
    color: #777;
}

.calendar-day.today {
    background-color: #004d40;
    /* Verde azulado oscuro */
}

.calendar-day.today .calendar-day-number {
    background-color: #00e676;
    color: #121212;
}

.calendar-task {
    background-color: #0d47a1;
    /* Azul oscuro */
    border-left-color: #64b5f6;
    /* Azul claro */
    color: #e3f2fd;
}

.calendar-task:hover {
    background-color: #1565c0;
}

.calendar-task-time {
    color: #bbdefb;
}

/* Settings Page */
.settings-sidebar {
    background-color: #2a2a2a;
    border-right-color: #444;
}

.settings-sidebar a {
    color: #e0e0e0;
}

.settings-sidebar a:hover {
    background-color: #333;
    color: #00e676;
}

.settings-sidebar a.active {
    background-color: #009688;
    color: white;
}

.settings-section {
    background-color: #1e1e1e;
}

.settings-section h3 {
    color: #009688;
    border-bottom-color: #009688;
}

.settings-section h4 {
    color: #03a9f4;
    border-bottom-color: #555;
}

button.disconnect-gcal-btn {
    background-color: #ff5252;
}

button.disconnect-gcal-btn:hover {
    background-color: #ff1744;
}

/* Reminder Lists */
#globalRemindersListContainer,
#individualTaskRemindersListContainer {
    background-color: #252525;
    border-color: #444;
}

.styled-list li {
    background-color: #2c2c2c;
    border-color: #555;
}

.reminder-summary {
    color: #f5f5f5;
}

.reminder-time,
.reminder-recurrence,
.task-due-date-info {
    color: #bbb;
}

/* Footer */
.app-footer {
    background-color: #1e1e1e;
    border-top-color: #444;
}

.app-footer .footer-links a {
    color: #03a9f4;
}

.app-footer .footer-links a:hover {
    color: #64b5f6;
}

.app-footer .copyright-text {
    color: #888;
}

/* --- AÑADE ESTO EN style-dark.css PARA LA ANIMACIÓN --- */

/* Color de la línea de tachado en modo oscuro */
.task-info::after {
    background: #aaa;
}

/* Animación de completar en modo oscuro */
.task-item.just-completed {
    animation-name: completeAnimation-dark;
}

@keyframes completeAnimation-dark {
    from {
        transform: scale(1.05);
        background-color: #1e1e1e;
        /* Color neutral oscuro */
    }

    to {
        transform: scale(1);
        background-color: #2a3b2a;
        /* Color final completado oscuro */
    }
}

/* Animación de des-completar en modo oscuro */
.task-item.just-uncompleted {
    animation-name: uncompleteAnimation-dark;
}

@keyframes uncompleteAnimation-dark {
    from {
        background-color: #2a3b2a;
    }

    to {
        background-color: #2a2a2a;
        /* Color de tarea pendiente oscuro */
    }
}

/* AI Status in dark mode */
#aiStatus {
    color: #e0e0e0 !important;
    border-color: #555 !important;
}

#aiStatus strong {
    color: #f5f5f5 !important;
}

/* Google Calendar Customization Status in dark mode */
#gcalCustomizationStatus {
    color: #e0e0e0 !important;
    border-color: #555 !important;
}

#gcalCustomizationStatus strong {
    color: #f5f5f5 !important;
}

/* Textarea in dark mode */
textarea {
    background-color: #2c2c2c;
    color: #e0e0e0;
    border-color: #555;
}

textarea:focus {
    border-color: #00e676;
}

/* Code in dark mode */
code {
    background-color: #2a2a2a;
    color: #64b5f6;
}