/**
 * THEME BLUE - Tema azul/blanco alternativo
 * Basado en los estilos de referencia de .kiro
 * Maxim Yachts Organitzador
 */

/* ============================================
   APLICAR ESTILOS AZULES GLOBALMENTE
============================================ */

/* Body y tipografías */
body[data-theme="blue"] {
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Helvetica Neue', Arial, sans-serif !important;
    background: linear-gradient(135deg, #0A1929 0%, #132F4C 50%, #1A4D6F 100%) !important;
    color: #ECEFF4 !important;
}

body[data-theme="blue"] h1,
body[data-theme="blue"] h2,
body[data-theme="blue"] h3,
body[data-theme="blue"] h4,
body[data-theme="blue"] h5,
body[data-theme="blue"] h6 {
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif !important;
    font-weight: 600 !important;
}

body[data-theme="blue"] .app-container {
    background: radial-gradient(ellipse at top, #1A4D6F 0%, #0A1929 100%) !important;
}

/* ============================================
   SIDEBAR
============================================ */

body[data-theme="blue"] .sidebar {
    background: linear-gradient(180deg, #0D2137 0%, #06121F 100%) !important;
    border-color: rgba(136, 192, 208, 0.1) !important;
    color: #E5E9F0 !important;
}

body[data-theme="blue"] .sidebar h2 {
    color: #88C0D0 !important;
    text-shadow: 0 2px 20px rgba(136, 192, 208, 0.4) !important;
}

body[data-theme="blue"] .copyright {
    color: #81A1C1 !important;
    border-bottom-color: rgba(136, 192, 208, 0.2) !important;
}

body[data-theme="blue"] .sidebar label {
    color: #81A1C1 !important;
}

body[data-theme="blue"] .sidebar input[type="text"] {
    border-color: rgba(129, 161, 193, 0.2) !important;
    background: rgba(13, 33, 55, 0.6) !important;
    color: #E5E9F0 !important;
}

body[data-theme="blue"] .sidebar input[type="text"]::placeholder {
    color: #5E81AC !important;
}

body[data-theme="blue"] .sidebar input[type="text"]:focus {
    border-color: #88C0D0 !important;
    background: rgba(13, 33, 55, 0.9) !important;
    box-shadow: 0 0 0 3px rgba(136, 192, 208, 0.15), 0 4px 12px rgba(0,0,0,0.2) !important;
}

/* Logo blanco */
body[data-theme="blue"] .sidebar img[src*="logo.png"] {
    filter: brightness(0) invert(1) !important;
}

body[data-theme="blue"] .login-logo {
    filter: brightness(0) invert(1) !important;
}

/* ============================================
   LANGUAGE BUTTONS
============================================ */

body[data-theme="blue"] .lang-btn {
    background: rgba(13, 33, 55, 0.3) !important;
    color: #81A1C1 !important;
    border-color: rgba(129, 161, 193, 0.3) !important;
}

body[data-theme="blue"] .lang-btn.active {
    background: linear-gradient(135deg, #1A4D6F, #2E7D9A) !important;
    color: #ECEFF4 !important;
    border-color: rgba(136, 192, 208, 0.4) !important;
    box-shadow: 0 2px 8px rgba(26, 77, 111, 0.3) !important;
}

body[data-theme="blue"] .lang-btn:hover:not(.active) {
    background: rgba(136, 192, 208, 0.15) !important;
    color: #88C0D0 !important;
    border-color: rgba(136, 192, 208, 0.4) !important;
}

/* ============================================
   DEPARTMENT BUTTONS
============================================ */

body[data-theme="blue"] .dept-section-title {
    color: #475569 !important;
}

body[data-theme="blue"] .dept-btn {
    background: rgba(13, 33, 55, 0.4) !important;
    color: #D8DEE9 !important;
}

body[data-theme="blue"] .dept-btn::before {
    background: #88C0D0 !important;
}

body[data-theme="blue"] .dept-btn:hover {
    background: rgba(136, 192, 208, 0.15) !important;
    color: #ECEFF4 !important;
    border-color: rgba(136, 192, 208, 0.3) !important;
}

body[data-theme="blue"] .dept-btn.active,
body[data-theme="blue"] .my-tasks-btn.active {
    background: linear-gradient(135deg, #1A4D6F 0%, #2E7D9A 100%) !important;
    color: #ECEFF4 !important;
    border-color: rgba(136, 192, 208, 0.4) !important;
    box-shadow: 0 4px 16px rgba(26, 77, 111, 0.4), inset 0 1px 0 rgba(255,255,255,0.1) !important;
}

/* ============================================
   SIDEBAR FOOTER
============================================ */

body[data-theme="blue"] .sidebar-footer {
    border-top-color: #334155 !important;
}

body[data-theme="blue"] .sidebar-footer button {
    background: rgba(96,165,250,0.1) !important;
    color: #94a3b8 !important;
    border-color: #334155 !important;
}

body[data-theme="blue"] .sidebar-footer button:hover {
    background: rgba(96,165,250,0.2) !important;
    color: #60a5fa !important;
    border-color: #60a5fa !important;
}

/* ============================================
   MAIN AREA
============================================ */

body[data-theme="blue"] .main-area {
    background: linear-gradient(180deg, rgba(236, 239, 244, 0.98) 0%, rgba(229, 233, 240, 0.95) 100%) !important;
    border-color: rgba(136, 192, 208, 0.2) !important;
}

/* ============================================
   HEADER
============================================ */

body[data-theme="blue"] .app-header {
    background: linear-gradient(135deg, #0D2137 0%, #1A4D6F 100%) !important;
    color: #ECEFF4 !important;
    border-bottom-color: rgba(136, 192, 208, 0.2) !important;
}

body[data-theme="blue"] .header-left h1 {
    color: #88C0D0 !important;
    text-shadow: 0 2px 10px rgba(136, 192, 208, 0.3) !important;
}

body[data-theme="blue"] .header-left .subtitle {
    color: #81A1C1 !important;
}

body[data-theme="blue"] .username-display,
body[data-theme="blue"] .username-display-compact {
    color: #88C0D0 !important;
    background: rgba(136, 192, 208, 0.1) !important;
    border-color: rgba(136, 192, 208, 0.2) !important;
}

/* ============================================
   TABS
============================================ */

body[data-theme="blue"] .tab-bar {
    background: linear-gradient(180deg, rgba(216, 222, 233, 0.5) 0%, rgba(229, 233, 240, 0.3) 100%) !important;
    border-bottom-color: rgba(129, 161, 193, 0.3) !important;
}

body[data-theme="blue"] .tab-btn {
    color: #4C566A !important;
}

body[data-theme="blue"] .tab-btn::before {
    background: linear-gradient(90deg, #88C0D0 0%, #5E81AC 100%) !important;
}

body[data-theme="blue"] .tab-btn:hover {
    color: #2E3440 !important;
    background: rgba(136, 192, 208, 0.08) !important;
}

body[data-theme="blue"] .tab-btn.active {
    color: #1A4D6F !important;
}

/* ============================================
   CONTENT AREA
============================================ */

body[data-theme="blue"] .content-area {
    background: linear-gradient(to bottom, #f8fafc 0%, #fff 100%) !important;
}

/* ============================================
   CARDS
============================================ */

body[data-theme="blue"] .card {
    background: linear-gradient(145deg, rgba(255, 255, 255, 0.9) 0%, rgba(236, 239, 244, 0.85) 100%) !important;
    border-color: rgba(129, 161, 193, 0.15) !important;
}

body[data-theme="blue"] .card-header {
    border-bottom-color: rgba(129, 161, 193, 0.2) !important;
}

/* ============================================
   BUTTONS
============================================ */

body[data-theme="blue"] .btn-primary {
    background: linear-gradient(135deg, #1A4D6F 0%, #2E7D9A 100%) !important;
    color: #ECEFF4 !important;
    box-shadow: 0 4px 12px rgba(26, 77, 111, 0.3), inset 0 1px 0 rgba(255,255,255,0.1) !important;
    border-color: rgba(136, 192, 208, 0.3) !important;
}

body[data-theme="blue"] .btn-primary:hover {
    background: linear-gradient(135deg, #2E7D9A 0%, #1A4D6F 100%) !important;
    box-shadow: 0 6px 20px rgba(26, 77, 111, 0.4), inset 0 1px 0 rgba(255,255,255,0.15) !important;
}

body[data-theme="blue"] .btn-secondary {
    background: rgba(216, 222, 233, 0.5) !important;
    color: #2E3440 !important;
    border-color: rgba(129, 161, 193, 0.2) !important;
}

body[data-theme="blue"] .btn-secondary:hover {
    background: rgba(229, 233, 240, 0.7) !important;
    border-color: rgba(129, 161, 193, 0.4) !important;
}

body[data-theme="blue"] .btn-success {
    background: linear-gradient(135deg, #2E7D9A 0%, #3A9BB5 100%) !important;
    color: #ECEFF4 !important;
    box-shadow: 0 4px 12px rgba(46, 125, 154, 0.3) !important;
    border-color: rgba(136, 192, 208, 0.3) !important;
}

body[data-theme="blue"] .btn-success:hover {
    background: linear-gradient(135deg, #3A9BB5 0%, #2E7D9A 100%) !important;
    box-shadow: 0 6px 16px rgba(46, 125, 154, 0.4) !important;
}

/* ============================================
   STAT CARDS
============================================ */

body[data-theme="blue"] .stat-card {
    background: linear-gradient(135deg, #0D2137 0%, #1A4D6F 100%) !important;
    border-color: rgba(136, 192, 208, 0.2) !important;
}

body[data-theme="blue"] .stat-card::before {
    background: linear-gradient(90deg, #88C0D0 0%, #5E81AC 100%) !important;
}

body[data-theme="blue"] .stat-card.green {
    background: linear-gradient(135deg, #2E7D9A 0%, #3A9BB5 100%) !important;
}

body[data-theme="blue"] .stat-card.blue {
    background: linear-gradient(135deg, #1A4D6F 0%, #2E7D9A 100%) !important;
}

body[data-theme="blue"] .stat-label {
    color: #D8DEE9 !important;
    text-shadow: 0 0 8px rgba(136, 192, 208, 0.4) !important;
}

body[data-theme="blue"] .stat-value {
    text-shadow: 0 0 20px rgba(136, 192, 208, 0.6), 0 0 40px rgba(136, 192, 208, 0.3), 0 2px 8px rgba(0,0,0,0.3) !important;
}

/* ============================================
   FORMS
============================================ */

body[data-theme="blue"] .form-group label {
    color: #0D2137 !important;
}

body[data-theme="blue"] .form-group input,
body[data-theme="blue"] .form-group textarea,
body[data-theme="blue"] .form-group select {
    border-color: rgba(129, 161, 193, 0.4) !important;
    background: rgba(255, 255, 255, 0.9) !important;
    color: #0D2137 !important;
}

body[data-theme="blue"] .form-group input:focus,
body[data-theme="blue"] .form-group textarea:focus,
body[data-theme="blue"] .form-group select:focus {
    border-color: #88C0D0 !important;
    box-shadow: 0 0 0 3px rgba(136, 192, 208, 0.15), 0 4px 12px rgba(0,0,0,0.1) !important;
}

body[data-theme="blue"] .filter-group select:focus,
body[data-theme="blue"] .filter-group input:focus {
    border-color: #3b82f6 !important;
    box-shadow: 0 0 0 3px rgba(59,130,246,0.1) !important;
}

/* ============================================
   TASKS
============================================ */

body[data-theme="blue"] .task-item {
    background: linear-gradient(145deg, rgba(255, 255, 255, 0.9) 0%, rgba(236, 239, 244, 0.85) 100%) !important;
    border-left-color: #88C0D0 !important;
    border-color: rgba(129, 161, 193, 0.15) !important;
}

body[data-theme="blue"] .task-item:hover {
    background: linear-gradient(145deg, rgba(255, 255, 255, 0.95) 0%, rgba(229, 233, 240, 0.9) 100%) !important;
}

body[data-theme="blue"] .task-title {
    color: #1e293b !important;
}

/* ============================================
   BADGES
============================================ */

body[data-theme="blue"] .badge-inProgress {
    background: linear-gradient(135deg, #5E81AC 0%, #4C6A8F 100%) !important;
    color: #ECEFF4 !important;
    border-color: rgba(76, 106, 143, 0.3) !important;
}

/* ============================================
   MODALS
============================================ */

body[data-theme="blue"] .modal-content,
body[data-theme="blue"] .modal {
    background: linear-gradient(145deg, #ECEFF4 0%, #E5E9F0 100%) !important;
    border-color: rgba(136, 192, 208, 0.3) !important;
    color: #2E3440 !important;
}

body[data-theme="blue"] .modal-content h3,
body[data-theme="blue"] .modal h3 {
    color: #0D2137 !important;
    border-bottom-color: rgba(129, 161, 193, 0.3) !important;
}

body[data-theme="blue"] .modal-content::-webkit-scrollbar-thumb,
body[data-theme="blue"] .modal::-webkit-scrollbar-thumb {
    background: linear-gradient(180deg, #88C0D0 0%, #5E81AC 100%) !important;
}

body[data-theme="blue"] .modal-content::-webkit-scrollbar-thumb:hover,
body[data-theme="blue"] .modal::-webkit-scrollbar-thumb:hover {
    background: linear-gradient(180deg, #5E81AC 0%, #88C0D0 100%) !important;
}

/* ============================================
   COMMENTS
============================================ */

body[data-theme="blue"] .comment-card {
    border-left-color: #3b82f6 !important;
}

body[data-theme="blue"] .comment-author {
    color: #1e293b !important;
}

body[data-theme="blue"] .mention {
    background: linear-gradient(135deg, #3b82f6, #2563eb) !important;
}

body[data-theme="blue"] .comment-form input:focus,
body[data-theme="blue"] .comment-form textarea:focus {
    border-color: #3b82f6 !important;
    box-shadow: 0 0 0 3px rgba(59,130,246,0.1) !important;
}

/* ============================================
   KANBAN
============================================ */

body[data-theme="blue"] .kanban-column {
    background: linear-gradient(145deg, rgba(216, 222, 233, 0.4) 0%, rgba(229, 233, 240, 0.3) 100%) !important;
    border-color: rgba(129, 161, 193, 0.25) !important;
}

body[data-theme="blue"] .kanban-column h4 {
    color: #2E3440 !important;
    border-bottom-color: rgba(129, 161, 193, 0.2) !important;
}

body[data-theme="blue"] .kanban-card {
    background: linear-gradient(145deg, rgba(255, 255, 255, 0.95) 0%, rgba(236, 239, 244, 0.9) 100%) !important;
    border-left-color: #88C0D0 !important;
    border-color: rgba(129, 161, 193, 0.2) !important;
}

body[data-theme="blue"] .kanban-card:hover {
    border-left-color: #5E81AC !important;
}

body[data-theme="blue"] .kanban-card h5,
body[data-theme="blue"] .kanban-card-title {
    color: #1e293b !important;
}

/* ============================================
   CALENDAR
============================================ */

body[data-theme="blue"] .calendar-header-cell {
    background: linear-gradient(135deg, #3b82f6 0%, #2563eb 100%) !important;
}

body[data-theme="blue"] .calendar-cell.today {
    background: linear-gradient(135deg, #dbeafe 0%, #bfdbfe 100%) !important;
}

body[data-theme="blue"] .calendar-event {
    background: #3b82f6 !important;
}

body[data-theme="blue"] .calendar-event:hover {
    background: #2563eb !important;
}

/* ============================================
   TASK TOOLTIP
============================================ */

body[data-theme="blue"] .task-tooltip {
    border-color: #3b82f6 !important;
}

body[data-theme="blue"] .task-tooltip-title {
    color: #0f172a !important;
}

/* ============================================
   CHECKLIST
============================================ */

body[data-theme="blue"] .checklist-item input[type="checkbox"] {
    accent-color: #3b82f6 !important;
}

body[data-theme="blue"] .checklist-item .cl-text {
    color: #1e293b !important;
}

/* ============================================
   PROJECT CARDS
============================================ */

body[data-theme="blue"] .project-header.active {
    background: linear-gradient(135deg, #dbeafe 0%, #bfdbfe 100%) !important;
}

body[data-theme="blue"] .project-title {
    color: #1e293b !important;
}

/* ============================================
   CHAT
============================================ */

body[data-theme="blue"] .chat-icon-btn {
    background: rgba(136, 192, 208, 0.15) !important;
    border: 1px solid rgba(136, 192, 208, 0.3) !important;
    box-shadow: 0 4px 12px rgba(10, 25, 41, 0.2) !important;
    border-radius: 50% !important;
}

body[data-theme="blue"] .chat-icon-btn:hover {
    background: rgba(136, 192, 208, 0.25) !important;
    border-color: rgba(136, 192, 208, 0.5) !important;
    box-shadow: 0 6px 20px rgba(10, 25, 41, 0.3) !important;
    transform: scale(1.1) !important;
}

body[data-theme="blue"] .chat-header {
    background: linear-gradient(135deg, #2563eb 0%, #1e40af 100%) !important;
    border-bottom-color: rgba(59, 130, 246, 0.3) !important;
}

body[data-theme="blue"] .chat-panel {
    border-color: rgba(59, 130, 246, 0.3) !important;
}

body[data-theme="blue"] .chat-message-author {
    color: #2563eb !important;
}

/* ============================================
   NOTIFICATIONS
============================================ */

body[data-theme="blue"] .notification-panel {
    border-color: rgba(59, 130, 246, 0.3) !important;
    box-shadow: 0 20px 60px rgba(0,0,0,0.4), 0 0 0 1px rgba(59, 130, 246, 0.2), inset 0 1px 0 rgba(255,255,255,0.8) !important;
}

body[data-theme="blue"] .notification-header {
    background: linear-gradient(135deg, #1e3a8a 0%, #2563eb 100%) !important;
    border-bottom-color: rgba(59, 130, 246, 0.3) !important;
}

body[data-theme="blue"] .notification-header .btn-icon,
body[data-theme="blue"] .notification-header .btn-icon-sm {
    background: rgba(96, 165, 250, 0.15) !important;
    border-color: rgba(96, 165, 250, 0.3) !important;
}

body[data-theme="blue"] .notification-header .btn-icon:hover,
body[data-theme="blue"] .notification-header .btn-icon-sm:hover {
    background: rgba(96, 165, 250, 0.3) !important;
}

body[data-theme="blue"] .notification-list::-webkit-scrollbar-thumb {
    background: linear-gradient(180deg, #60a5fa 0%, #3b82f6 100%) !important;
}

body[data-theme="blue"] .notification-list::-webkit-scrollbar-thumb:hover {
    background: linear-gradient(180deg, #3b82f6 0%, #60a5fa 100%) !important;
}

body[data-theme="blue"] .notification-item:hover {
    background: rgba(59, 130, 246, 0.1) !important;
}

body[data-theme="blue"] .notification-item.unread {
    background: linear-gradient(90deg, rgba(59, 130, 246, 0.15) 0%, rgba(59, 130, 246, 0.05) 100%) !important;
    border-left-color: #3b82f6 !important;
}

body[data-theme="blue"] .notification-item.unread::after {
    background: linear-gradient(135deg, #3b82f6 0%, #2563eb 100%) !important;
    box-shadow: 0 0 8px rgba(59, 130, 246, 0.6) !important;
}

body[data-theme="blue"] .notification-type {
    color: #2563eb !important;
    background: rgba(59, 130, 246, 0.1) !important;
}

body[data-theme="blue"] .notification-badge {
    background: #3b82f6 !important;
}

body[data-theme="blue"] .notification-time {
    color: #93c5fd !important;
}

/* ============================================
   CONTROL PANEL
============================================ */

body[data-theme="blue"] .user-table thead {
    background: linear-gradient(135deg, #2563eb, #1e40af) !important;
}

body[data-theme="blue"] .cp-tab-btn.active {
    background: #3b82f6 !important;
}

body[data-theme="blue"] .cp-tab-btn:hover {
    background: #dbeafe !important;
    color: #1e40af !important;
}

/* ============================================
   LOGIN SCREEN
============================================ */

body[data-theme="blue"] .login-screen {
    background: linear-gradient(135deg, #dbeafe 0%, #bfdbfe 50%, #93c5fd 100%) !important;
}

body[data-theme="blue"] .login-card .btn {
    background: linear-gradient(135deg, #2563eb 0%, #3b82f6 100%) !important;
    box-shadow: 0 6px 20px rgba(37, 99, 235, 0.4), inset 0 1px 0 rgba(255,255,255,0.2) !important;
}

body[data-theme="blue"] .login-card .btn:hover {
    background: linear-gradient(135deg, #3b82f6 0%, #60a5fa 100%) !important;
    box-shadow: 0 8px 30px rgba(59, 130, 246, 0.5), inset 0 1px 0 rgba(255,255,255,0.3) !important;
}

/* ============================================
   FORUM STYLES
============================================ */

body[data-theme="blue"] .forum-header {
    background: linear-gradient(135deg, #1e3a8a 0%, #2563eb 100%) !important;
}

body[data-theme="blue"] .forum-tab.active {
    background: #2E7D9A !important;
}

body[data-theme="blue"] .forum-category-badge {
    background: #e0f2fe !important;
    color: #0369a1 !important;
}

body[data-theme="blue"] .forum-mention {
    background: #dbeafe !important;
    color: #1e40af !important;
    border-color: #93c5fd !important;
}

body[data-theme="blue"] .forum-mention:hover {
    background: linear-gradient(135deg, #bfdbfe 0%, #93c5fd 100%) !important;
}

body[data-theme="blue"] .forum-pm-message.me {
    background: linear-gradient(135deg, #2E7D9A 0%, #1d5d7a 100%) !important;
}

body[data-theme="blue"] .forum-avatar-option.selected {
    background: linear-gradient(135deg, #2E7D9A 0%, #1d5d7a 100%) !important;
    border-color: #2E7D9A !important;
}

body[data-theme="blue"] .phpbb-category-header {
    background: linear-gradient(135deg, #2E7D9A 0%, #1e5a73 100%) !important;
}

body[data-theme="blue"] .phpbb-goto-last {
    background: linear-gradient(135deg, #2E7D9A 0%, #1e5a73 100%) !important;
}

body[data-theme="blue"] .phpbb-goto-last:hover {
    background: linear-gradient(135deg, #1e5a73 0%, #2E7D9A 100%) !important;
}

body[data-theme="blue"] .forum-quote {
    border-left-color: #2E7D9A !important;
}

body[data-theme="blue"] .forum-quote-header {
    color: #2E7D9A !important;
}

body[data-theme="blue"] .forum-link {
    color: #2E7D9A !important;
}

body[data-theme="blue"] .forum-link:hover {
    border-bottom-color: #2E7D9A !important;
    color: #1d5d7a !important;
}

body[data-theme="blue"] .forum-table th {
    background: linear-gradient(135deg, #2E7D9A 0%, #1e5a73 100%) !important;
}

body[data-theme="blue"] .bbcode-btn:hover {
    background: #2E7D9A !important;
    border-color: #2E7D9A !important;
}

body[data-theme="blue"] .phpbb-stat-number {
    color: #2E7D9A !important;
}

body[data-theme="blue"] .forum-profile-stat-value {
    color: #2E7D9A !important;
}


/* ============================================
   CORRECCIONES ADICIONALES
============================================ */

/* Dashboard del control panel - texto blanco en stat cards */
body[data-theme="blue"] .stat-card,
body[data-theme="blue"] .stat-card * {
    color: #FFFFFF !important;
}

body[data-theme="blue"] .stat-label {
    color: #D8DEE9 !important;
}

body[data-theme="blue"] .stat-value {
    color: #FFFFFF !important;
}

body[data-theme="blue"] .dashboard-stat-card,
body[data-theme="blue"] .dashboard-stat-card * {
    color: #FFFFFF !important;
}

/* Logo negro en login para tema azul */
body[data-theme="blue"] .login-screen .login-logo {
    filter: brightness(0) !important;
}

body[data-theme="blue"] .login-card img[src*="logo.png"] {
    filter: brightness(0) !important;
}

/* ============================================
   CALENDARIO GENERAL - CORREGIR HEADER Y EVENTOS
============================================ */

/* Header del calendario */
body[data-theme="blue"] .calendar-nav {
    background: #f8fafc !important;
    border-radius: 10px !important;
}

body[data-theme="blue"] .calendar-nav h3 {
    color: #000000 !important;
    font-weight: 700 !important;
}

/* Grid del calendario */
body[data-theme="blue"] .calendar-grid {
    background: #cbd5e1 !important;
    border-radius: 12px !important;
}

/* Celdas del calendario */
body[data-theme="blue"] .calendar-cell {
    background: #fff !important;
    color: #000000 !important;
}

body[data-theme="blue"] .calendar-cell:hover {
    background: #f8fafc !important;
}

body[data-theme="blue"] .calendar-cell.other-month {
    background: #f8fafc !important;
    color: #cbd5e1 !important;
}

body[data-theme="blue"] .calendar-cell.today {
    background: linear-gradient(135deg, #dbeafe 0%, #bfdbfe 100%) !important;
    font-weight: 700 !important;
}

/* Eventos del calendario - mantener colores originales */
body[data-theme="blue"] .calendar-event {
    padding: 3px 6px !important;
    border-radius: 4px !important;
    font-size: 10px !important;
    margin-bottom: 3px !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
    cursor: pointer !important;
    font-weight: 600 !important;
}

/* Colores específicos de eventos - NO cambiar */
body[data-theme="blue"] .calendar-event-purple {
    background: #8b5cf6 !important;
    color: #fff !important;
}

body[data-theme="blue"] .calendar-event-purple:hover {
    background: #7c3aed !important;
}

body[data-theme="blue"] .calendar-event-blue {
    background: #3b82f6 !important;
    color: #fff !important;
}

body[data-theme="blue"] .calendar-event-blue:hover {
    background: #2563eb !important;
}

body[data-theme="blue"] .calendar-event-green {
    background: #10b981 !important;
    color: #fff !important;
}

body[data-theme="blue"] .calendar-event-green:hover {
    background: #059669 !important;
}

body[data-theme="blue"] .calendar-event-orange {
    background: #f59e0b !important;
    color: #fff !important;
}

body[data-theme="blue"] .calendar-event-orange:hover {
    background: #d97706 !important;
}

body[data-theme="blue"] .calendar-event-red {
    background: #ef4444 !important;
    color: #fff !important;
}

body[data-theme="blue"] .calendar-event-red:hover {
    background: #dc2626 !important;
}

body[data-theme="blue"] .calendar-event-yellow {
    background: #eab308 !important;
    color: #fff !important;
}

body[data-theme="blue"] .calendar-event-yellow:hover {
    background: #ca8a04 !important;
}

body[data-theme="blue"] .calendar-event-pink {
    background: #ec4899 !important;
    color: #fff !important;
}

body[data-theme="blue"] .calendar-event-pink:hover {
    background: #db2777 !important;
}

body[data-theme="blue"] .calendar-event-indigo {
    background: #6366f1 !important;
    color: #fff !important;
}

body[data-theme="blue"] .calendar-event-indigo:hover {
    background: #4f46e5 !important;
}

body[data-theme="blue"] .calendar-event-teal {
    background: #14b8a6 !important;
    color: #fff !important;
}

body[data-theme="blue"] .calendar-event-teal:hover {
    background: #0d9488 !important;
}

body[data-theme="blue"] .calendar-event-cyan {
    background: #06b6d4 !important;
    color: #fff !important;
}

body[data-theme="blue"] .calendar-event-cyan:hover {
    background: #0891b2 !important;
}

/* Evento por defecto sin clase de color */
body[data-theme="blue"] .calendar-event:not([class*="-purple"]):not([class*="-blue"]):not([class*="-green"]):not([class*="-orange"]):not([class*="-red"]):not([class*="-yellow"]):not([class*="-pink"]):not([class*="-indigo"]):not([class*="-teal"]):not([class*="-cyan"]) {
    background: #3b82f6 !important;
    color: #fff !important;
}

body[data-theme="blue"] .calendar-event:not([class*="-purple"]):not([class*="-blue"]):not([class*="-green"]):not([class*="-orange"]):not([class*="-red"]):not([class*="-yellow"]):not([class*="-pink"]):not([class*="-indigo"]):not([class*="-teal"]):not([class*="-cyan"]):hover {
    background: #2563eb !important;
}

/* ============================================
   OTRAS PÁGINAS - ASEGURAR CONSISTENCIA
============================================ */

/* Asegurar que todos los textos en áreas de contenido sean oscuros */
body[data-theme="blue"] .content-area,
body[data-theme="blue"] .main-area {
    color: #1e293b !important;
}

body[data-theme="blue"] .card-title,
body[data-theme="blue"] .project-title,
body[data-theme="blue"] .task-title {
    color: #1e293b !important;
}

/* Botones del calendario */
body[data-theme="blue"] .calendar-nav button {
    background: white !important;
    border: 1px solid #cbd5e1 !important;
    color: #475569 !important;
}

body[data-theme="blue"] .calendar-nav button:hover {
    background: #f1f5f9 !important;
    border-color: #94a3b8 !important;
}

/* Número del día en el calendario */
body[data-theme="blue"] .calendar-cell-day {
    color: #1e293b !important;
    font-weight: 600 !important;
}

body[data-theme="blue"] .calendar-cell.other-month .calendar-cell-day {
    color: #cbd5e1 !important;
}

body[data-theme="blue"] .calendar-cell.today .calendar-cell-day {
    color: #1e40af !important;
}


/* ============================================
   CALENDARIO - CORRECCIONES COMPLETAS
============================================ */

/* Cabecera de días semanales - CORREGIR */
body[data-theme="blue"] .calendar-header-cell {
    background: linear-gradient(135deg, #3b82f6 0%, #2563eb 100%) !important;
    color: #fff !important;
    padding: 12px !important;
    text-align: center !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
}

/* Navegación del calendario */
body[data-theme="blue"] .calendar-nav {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    margin-bottom: 20px !important;
    padding: 16px !important;
    background: #f8fafc !important;
    border-radius: 10px !important;
}

body[data-theme="blue"] .calendar-nav h3 {
    font-size: 20px !important;
    color: #000000 !important;
    font-weight: 700 !important;
}

/* Grid del calendario */
body[data-theme="blue"] .calendar-grid {
    display: grid !important;
    grid-template-columns: repeat(7, 1fr) !important;
    gap: 2px !important;
    background: #cbd5e1 !important;
    border-radius: 12px !important;
    overflow: hidden !important;
}

/* Celdas del calendario */
body[data-theme="blue"] .calendar-cell {
    background: #fff !important;
    min-height: 100px !important;
    padding: 8px !important;
    font-size: 12px !important;
    position: relative !important;
    cursor: pointer !important;
    transition: all 0.2s !important;
    color: #1e293b !important;
}

body[data-theme="blue"] .calendar-cell:hover {
    background: #f8fafc !important;
}

body[data-theme="blue"] .calendar-cell.other-month {
    background: #f8fafc !important;
    color: #cbd5e1 !important;
}

body[data-theme="blue"] .calendar-cell.today {
    background: linear-gradient(135deg, #dbeafe 0%, #bfdbfe 100%) !important;
    font-weight: 700 !important;
}

/* Número del día */
body[data-theme="blue"] .calendar-day-number,
body[data-theme="blue"] .calendar-cell > div:first-child {
    font-weight: 600 !important;
    color: #1e293b !important;
    margin-bottom: 4px !important;
}

body[data-theme="blue"] .calendar-cell.other-month .calendar-day-number,
body[data-theme="blue"] .calendar-cell.other-month > div:first-child {
    color: #cbd5e1 !important;
}

body[data-theme="blue"] .calendar-cell.today .calendar-day-number,
body[data-theme="blue"] .calendar-cell.today > div:first-child {
    color: #1e40af !important;
}

/* ============================================
   TAREAS EN CALENDARIO DE DEPARTAMENTOS
============================================ */

/* Tareas en el calendario - estilo consistente */
body[data-theme="blue"] .calendar-task,
body[data-theme="blue"] .task-in-calendar {
    padding: 3px 6px !important;
    border-radius: 4px !important;
    font-size: 10px !important;
    margin-bottom: 3px !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
    cursor: pointer !important;
    font-weight: 600 !important;
    display: block !important;
}

/* Tareas por prioridad en calendario de departamentos */
body[data-theme="blue"] .calendar-task.priority-alta,
body[data-theme="blue"] .task-in-calendar.priority-alta {
    background: #A56652 !important;
    color: #fff !important;
}

body[data-theme="blue"] .calendar-task.priority-alta:hover,
body[data-theme="blue"] .task-in-calendar.priority-alta:hover {
    background: #8B4E3F !important;
}

body[data-theme="blue"] .calendar-task.priority-media,
body[data-theme="blue"] .task-in-calendar.priority-media {
    background: #7D8A5C !important;
    color: #fff !important;
}

body[data-theme="blue"] .calendar-task.priority-media:hover,
body[data-theme="blue"] .task-in-calendar.priority-media:hover {
    background: #6B7549 !important;
}

body[data-theme="blue"] .calendar-task.priority-baja,
body[data-theme="blue"] .task-in-calendar.priority-baja {
    background: #5E8C7D !important;
    color: #fff !important;
}

body[data-theme="blue"] .calendar-task.priority-baja:hover,
body[data-theme="blue"] .task-in-calendar.priority-baja:hover {
    background: #4A7368 !important;
}

/* Tarea sin prioridad específica */
body[data-theme="blue"] .calendar-task:not([class*="priority-"]),
body[data-theme="blue"] .task-in-calendar:not([class*="priority-"]) {
    background: #3b82f6 !important;
    color: #fff !important;
}

body[data-theme="blue"] .calendar-task:not([class*="priority-"]):hover,
body[data-theme="blue"] .task-in-calendar:not([class*="priority-"]):hover {
    background: #2563eb !important;
}

/* ============================================
   BOTONES DE NAVEGACIÓN DEL CALENDARIO
============================================ */

body[data-theme="blue"] .calendar-nav .btn,
body[data-theme="blue"] .calendar-nav button {
    background: white !important;
    border: 1px solid #cbd5e1 !important;
    color: #475569 !important;
    padding: 8px 16px !important;
    border-radius: 6px !important;
    font-size: 14px !important;
    cursor: pointer !important;
    transition: all 0.2s !important;
}

body[data-theme="blue"] .calendar-nav .btn:hover,
body[data-theme="blue"] .calendar-nav button:hover {
    background: #f1f5f9 !important;
    border-color: #94a3b8 !important;
    color: #1e293b !important;
}

body[data-theme="blue"] .calendar-nav .btn-primary {
    background: linear-gradient(135deg, #1A4D6F 0%, #2E7D9A 100%) !important;
    color: #ECEFF4 !important;
    border-color: rgba(136, 192, 208, 0.3) !important;
}

body[data-theme="blue"] .calendar-nav .btn-primary:hover {
    background: linear-gradient(135deg, #2E7D9A 0%, #1A4D6F 100%) !important;
}

/* ============================================
   CONTENEDOR DEL CALENDARIO
============================================ */

body[data-theme="blue"] .calendar-container {
    max-width: 1100px !important;
}

/* Asegurar que el calendario se vea correctamente en ambos modos */
body[data-theme="blue"] .calendar-view,
body[data-theme="blue"] #calendarView {
    background: transparent !important;
}

/* ============================================
   CALENDARIO DEPARTAMENT - CALENDAR-DAY (versió adaptativa)
============================================ */

body[data-theme="blue"] .calendar-day {
    background: #fff !important;
    color: #1e293b !important;
}

body[data-theme="blue"] .calendar-day:hover {
    background: #f8fafc !important;
}

body[data-theme="blue"] .calendar-day.empty {
    background: #f1f5f9 !important;
}

body[data-theme="blue"] .calendar-day.today {
    background: #eff6ff !important;
    box-shadow: inset 0 0 0 2px #3b82f6 !important;
}

body[data-theme="blue"] .calendar-day-num {
    color: #1e293b !important;
    font-weight: 700 !important;
}

body[data-theme="blue"] .calendar-day.today .calendar-day-num {
    color: #3b82f6 !important;
}

body[data-theme="blue"] .calendar-day-header {
    background: linear-gradient(135deg, #3b82f6 0%, #2563eb 100%) !important;
    color: #fff !important;
}