/* ============================================
   تم آبی
   ============================================ */

/* متغیرهای CSS برای تم آبی */
body.blue-theme {
    --bg-primary: #dbeafe;
    --bg-secondary: #bfdbfe;
    --bg-tertiary: #93c5fd;
    --bg-card: #ffffff;
    --bg-input: #ffffff;
    --text-primary: #1e3a8a;
    --text-secondary: #1e40af;
    --text-muted: #3b82f6;
    --border-color: #3b82f6;
    --hover-bg: #dbeafe;
}

/* استایل‌های تم آبی */
body.blue-theme {
    background: linear-gradient(135deg, #dbeafe 0%, #bfdbfe 50%, #93c5fd 100%);
}
body.blue-theme .bg-gray-800 { 
    background: linear-gradient(135deg, #ffffff 0%, #dbeafe 100%) !important; 
    border: 2px solid #3b82f6 !important; 
    box-shadow: 0 4px 6px rgba(59, 130, 246, 0.2) !important;
}
body.blue-theme .bg-gray-700 { 
    background-color: #ffffff !important; 
    border: 2px solid #3b82f6 !important; 
    box-shadow: 0 2px 4px rgba(59, 130, 246, 0.15) !important;
}
body.blue-theme .bg-gray-900 { 
    background: linear-gradient(135deg, #bfdbfe 0%, #93c5fd 100%) !important; 
}
body.blue-theme .bg-gray-900\/50 { 
    background: linear-gradient(135deg, rgba(255, 255, 255, 0.9) 0%, rgba(219, 234, 254, 0.9) 100%) !important; 
    border: 2px solid #3b82f6 !important;
}
body.blue-theme .text-white { 
    color: var(--text-primary) !important; 
}
body.blue-theme .text-gray-300 { 
    color: var(--text-secondary) !important; 
}
body.blue-theme .text-gray-400 { 
    color: var(--text-muted) !important; 
}
body.blue-theme .border-gray-600 { 
    border-color: #3b82f6 !important; 
}
body.blue-theme .border-gray-700 { 
    border-color: #3b82f6 !important; 
}
body.blue-theme input.bg-gray-700 { 
    background-color: #ffffff !important; 
    color: var(--text-primary) !important; 
    border: 2px solid #3b82f6 !important; 
}
body.blue-theme input.bg-gray-700:focus { 
    border-color: #2563eb !important; 
    box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.3) !important;
}
body.blue-theme select.bg-gray-700 { 
    background-color: #ffffff !important; 
    color: var(--text-primary) !important; 
    border: 2px solid #3b82f6 !important; 
}
body.blue-theme textarea.bg-gray-700 { 
    background-color: #ffffff !important; 
    color: var(--text-primary) !important; 
    border: 2px solid #3b82f6 !important; 
}
body.blue-theme button.bg-blue-700,
body.blue-theme button.bg-blue-600 {
    background: linear-gradient(135deg, #2563eb 0%, #1d4ed8 100%) !important;
    color: #ffffff !important;
    box-shadow: 0 4px 6px rgba(37, 99, 235, 0.3) !important;
}
body.blue-theme button.bg-gray-700,
body.blue-theme button.bg-gray-600 {
    background: linear-gradient(135deg, #bfdbfe 0%, #93c5fd 100%) !important;
    color: var(--text-primary) !important;
    border: 2px solid #3b82f6 !important;
}
body.blue-theme button.bg-gray-700:hover,
body.blue-theme button.bg-gray-600:hover {
    background: linear-gradient(135deg, #93c5fd 0%, #60a5fa 100%) !important;
}
body.blue-theme button.bg-purple-700,
body.blue-theme button.bg-purple-600 {
    background: linear-gradient(135deg, #3b82f6 0%, #2563eb 100%) !important;
    color: #ffffff !important;
    border: 2px solid #2563eb !important;
    box-shadow: 0 4px 6px rgba(59, 130, 246, 0.3) !important;
}
body.blue-theme button.bg-purple-700:hover,
body.blue-theme button.bg-purple-600:hover {
    background: linear-gradient(135deg, #2563eb 0%, #1d4ed8 100%) !important;
    box-shadow: 0 6px 8px rgba(59, 130, 246, 0.4) !important;
}
body.blue-theme button.bg-purple-600.ring-2,
body.blue-theme button.bg-purple-600.ring-purple-400 {
    background: linear-gradient(135deg, #3b82f6 0%, #2563eb 100%) !important;
    border: 2px solid #2563eb !important;
    box-shadow: 0 0 0 2px rgba(59, 130, 246, 0.5), 0 4px 6px rgba(59, 130, 246, 0.3) !important;
}
body.blue-theme .ring-purple-400 {
    --tw-ring-color: rgba(59, 130, 246, 0.5) !important;
}
body.blue-theme .console-card {
    background: linear-gradient(135deg, #ffffff 0%, #dbeafe 100%) !important;
    border: 2px solid #3b82f6 !important;
    box-shadow: 0 4px 8px rgba(59, 130, 246, 0.2) !important;
}
body.blue-theme .console-card.available { 
    border-left: 5px solid #22c55e; 
}
body.blue-theme .console-card.busy { 
    border-left: 5px solid #ef4444; 
}
body.blue-theme .console-card.paused { 
    border-left: 5px solid #f59e0b; 
}
body.blue-theme .console-card.reserved { 
    border-left: 5px solid #1d4ed8; 
}
body.blue-theme .hover\:bg-gray-600:hover { 
    background: linear-gradient(135deg, #bfdbfe 0%, #93c5fd 100%) !important; 
}
body.blue-theme .hover\:bg-gray-700:hover { 
    background: linear-gradient(135deg, #93c5fd 0%, #60a5fa 100%) !important; 
}
body.blue-theme .admin-nav-link.active {
    background: linear-gradient(135deg, #2563eb 0%, #1d4ed8 100%) !important;
    color: white !important;
}
body.blue-theme .sub-nav-link.active {
    border-bottom: 2px solid #2563eb !important;
    color: #1d4ed8 !important;
}

/* استایل لودر در تم آبی */
body.blue-theme #app-loader {
    background-color: rgba(219, 234, 254, 0.9);
}

/* استایل باکس‌های درآمد در تم آبی */
body.blue-theme #dynamic-revenue-report-container .bg-gray-700\/50 {
    background: linear-gradient(135deg, rgba(255, 255, 255, 0.95) 0%, rgba(219, 234, 254, 0.95) 100%) !important;
    border: 2px solid #3b82f6 !important;
    box-shadow: 0 4px 8px rgba(59, 130, 246, 0.25) !important;
}
body.blue-theme #dynamic-revenue-report-container .text-green-400 {
    color: #059669 !important;
}
body.blue-theme #dynamic-revenue-report-container .text-blue-400 {
    color: #2563eb !important;
}
body.blue-theme #dynamic-revenue-report-container .text-yellow-400 {
    color: #d97706 !important;
}
body.blue-theme #dynamic-revenue-report-container .text-purple-400 {
    color: #7c3aed !important;
}
body.blue-theme #dynamic-revenue-report-container .text-pink-400 {
    color: #db2777 !important;
}
body.blue-theme #dynamic-revenue-report-container .text-red-400 {
    color: #dc2626 !important;
}
body.blue-theme #dynamic-revenue-report-container .text-cyan-400 {
    color: #0891b2 !important;
}
body.blue-theme #dynamic-revenue-report-container .text-orange-400 {
    color: #ea580c !important;
}
body.blue-theme #dynamic-revenue-report-container .border-gray-600 {
    border-color: #3b82f6 !important;
}
body.blue-theme #dynamic-revenue-report-container .border-t {
    border-top-color: #3b82f6 !important;
}
body.blue-theme #dynamic-revenue-report-container .text-gray-300 {
    color: var(--text-secondary) !important;
}
body.blue-theme #dynamic-revenue-report-container span {
    color: var(--text-primary) !important;
}

/* رنگ عنوان ماه در تم آبی */
body.blue-theme .month-title-color {
    color: #1e40af; /* آبی تیره برای تم آبی */
}

/* استایل دکمه‌های تم در تم آبی */
body.blue-theme .theme-btn {
    background: linear-gradient(135deg, #ffffff 0%, #dbeafe 100%) !important;
    border-color: #3b82f6 !important;
    border-width: 2px !important;
    box-shadow: 0 2px 4px rgba(59, 130, 246, 0.2) !important;
}
body.blue-theme .theme-btn:hover {
    background: linear-gradient(135deg, #dbeafe 0%, #bfdbfe 100%) !important;
    border-color: #2563eb !important;
    box-shadow: 0 4px 6px rgba(59, 130, 246, 0.3) !important;
}
body.blue-theme .theme-btn .text-white {
    color: var(--text-primary) !important;
    font-weight: 600 !important;
}
body.blue-theme .theme-btn .text-gray-400 {
    color: var(--text-muted) !important;
}
body.blue-theme .theme-btn.border-blue-500 {
    background: linear-gradient(135deg, #2563eb 0%, #1d4ed8 100%) !important;
    border-color: #1d4ed8 !important;
    box-shadow: 0 4px 8px rgba(37, 99, 235, 0.3) !important;
}
body.blue-theme .theme-btn.border-blue-500 .text-white {
    color: #ffffff !important;
}
body.blue-theme .theme-btn.border-blue-500 .text-gray-400 {
    color: rgba(255, 255, 255, 0.9) !important;
}
body.blue-theme #theme-btn-dark {
    background: linear-gradient(135deg, #1f2937 0%, #374151 100%) !important;
}
body.blue-theme #theme-btn-dark .bg-gray-800 {
    background-color: #1f2937 !important;
    border-color: #4b5563 !important;
}
body.blue-theme #theme-btn-dark:hover {
    background: linear-gradient(135deg, #374151 0%, #4b5563 100%) !important;
}
body.blue-theme #theme-btn-dark.border-blue-500 {
    background: linear-gradient(135deg, #2563eb 0%, #1d4ed8 100%) !important;
}
body.blue-theme #theme-btn-dark.border-blue-500 .bg-gray-800 {
    background-color: #1d4ed8 !important;
    border-color: #1e40af !important;
}