/* Study Plans page styles */
@import url('planner.css');

/* Task list container with solid background */
#taskList {
    background: #1e293b;
    border-radius: 0.75rem;
    min-height: 200px;
}

[data-theme="light"] #taskList {
    background: #ffffff;
    border: 1px solid rgba(0, 0, 0, 0.1);
}

/* Task item styling */
.task-item {
    background: #334155;
    border: 1px solid #475569;
    border-radius: 0.75rem;
    padding: 1rem;
    transition: all 0.3s ease;
}

[data-theme="light"] .task-item {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
}

[data-theme="dark"] .task-item {
    background: #334155;
    border: 1px solid #475569;
}

.task-item:hover {
    background: var(--bg-card-hover);
    border-color: var(--accent-glow);
}

/* Chat message styling */
#chatContainer .flex:first-child .p-2 {
    background: #334155;
    border: 1px solid #475569;
}

[data-theme="light"] #chatContainer .flex:first-child .p-2 {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    color: #1e293b;
}

/* Chat background */
.chat-bg {
    background: #1e293b;
}

[data-theme="light"] .chat-bg {
    background: #f1f5f9;
}

/* Chat input styling */
#userInput {
    background: var(--bg-form-input);
    border: 1px solid var(--border-color);
    color: var(--text-primary);
}

[data-theme="light"] #userInput {
    background: rgba(255, 255, 255, 0.9);
    border: 1px solid rgba(0, 0, 0, 0.1);
}

[data-theme="light"] #userInput::placeholder {
    color: var(--text-muted);
}

/* Custom scrollbar */
.custom-scrollbar {
    scrollbar-width: thin;
    scrollbar-color: var(--accent-primary) var(--scrollbar-track);
}

.custom-scrollbar::-webkit-scrollbar {
    width: 6px;
}

.custom-scrollbar::-webkit-scrollbar-track {
    background: transparent;
}

.custom-scrollbar::-webkit-scrollbar-thumb {
    background: var(--accent-primary);
    border-radius: 3px;
}

[data-theme="light"] .custom-scrollbar::-webkit-scrollbar-thumb {
    background: #10B981;
}

/* Loading state */
#taskList .flex.flex-col.items-center.justify-center {
    color: var(--text-muted);
}

/* AI Chat header styling */
[data-theme="light"] .text-amber-300 {
    color: #F59E0B !important;
}

/* Empty state styling */
#taskList .fa-exclamation-circle {
    color: var(--accent-primary);
}

/* Day header in task list */
#taskList .border-amber-500\/30 {
    border-color: rgba(245, 158, 11, 0.3);
}

[data-theme="light"] #taskList .border-amber-500\/30 {
    border-color: rgba(245, 158, 11, 0.3);
}