/* ============================================
   تم رنگی شاد
   ============================================ */

/* متغیرهای CSS برای تم رنگی */
body.colorful-theme {
    --bg-primary: #fef3c7;
    --bg-secondary: #fde68a;
    --bg-tertiary: #fcd34d;
    --bg-card: #ffffff;
    --bg-input: #ffffff;
    --text-primary: #1f2937;
    --text-secondary: #78350f;
    --text-muted: #92400e;
    --border-color: #fbbf24;
    --hover-bg: #fef3c7;
}

/* استایل‌های تم رنگی شاد */
body.colorful-theme {
    background: linear-gradient(135deg, #fef3c7 0%, #fde68a 50%, #fcd34d 100%);
}
body.colorful-theme .bg-gray-800 { 
    background: linear-gradient(135deg, #ffffff 0%, #fef3c7 100%) !important; 
    border: 2px solid #fbbf24 !important; 
    box-shadow: 0 4px 6px rgba(251, 191, 36, 0.2) !important;
}
body.colorful-theme .bg-gray-700 { 
    background-color: #ffffff !important; 
    border: 2px solid #fbbf24 !important; 
    box-shadow: 0 2px 4px rgba(251, 191, 36, 0.15) !important;
}
body.colorful-theme .bg-gray-900 { 
    background: linear-gradient(135deg, #fde68a 0%, #fcd34d 100%) !important; 
}
body.colorful-theme .bg-gray-900\/50 { 
    background: linear-gradient(135deg, rgba(255, 255, 255, 0.9) 0%, rgba(254, 243, 199, 0.9) 100%) !important; 
    border: 2px solid #fbbf24 !important;
}
body.colorful-theme .text-white { 
    color: var(--text-primary) !important; 
}
body.colorful-theme .text-gray-300 { 
    color: var(--text-secondary) !important; 
}
body.colorful-theme .text-gray-400 { 
    color: var(--text-muted) !important; 
}
body.colorful-theme .border-gray-600 { 
    border-color: #fbbf24 !important; 
}
body.colorful-theme .border-gray-700 { 
    border-color: #fbbf24 !important; 
}
body.colorful-theme input.bg-gray-700 { 
    background-color: #ffffff !important; 
    color: var(--text-primary) !important; 
    border: 2px solid #fbbf24 !important; 
}
body.colorful-theme input.bg-gray-700:focus { 
    border-color: #f59e0b !important; 
    box-shadow: 0 0 0 3px rgba(251, 191, 36, 0.3) !important;
}
body.colorful-theme select.bg-gray-700 { 
    background-color: #ffffff !important; 
    color: var(--text-primary) !important; 
    border: 2px solid #fbbf24 !important; 
}
body.colorful-theme textarea.bg-gray-700 { 
    background-color: #ffffff !important; 
    color: var(--text-primary) !important; 
    border: 2px solid #fbbf24 !important; 
}
body.colorful-theme button.bg-blue-700,
body.colorful-theme button.bg-blue-600 {
    background: linear-gradient(135deg, #3b82f6 0%, #2563eb 100%) !important;
    color: #ffffff !important;
    box-shadow: 0 4px 6px rgba(59, 130, 246, 0.3) !important;
}
body.colorful-theme button.bg-gray-700,
body.colorful-theme button.bg-gray-600 {
    background: linear-gradient(135deg, #fde68a 0%, #fcd34d 100%) !important;
    color: var(--text-primary) !important;
    border: 2px solid #fbbf24 !important;
}
body.colorful-theme button.bg-gray-700:hover,
body.colorful-theme button.bg-gray-600:hover {
    background: linear-gradient(135deg, #fcd34d 0%, #fbbf24 100%) !important;
}
body.colorful-theme button.bg-purple-700,
body.colorful-theme button.bg-purple-600 {
    background: linear-gradient(135deg, #f59e0b 0%, #d97706 100%) !important;
    color: #ffffff !important;
    border: 2px solid #f59e0b !important;
    box-shadow: 0 4px 6px rgba(245, 158, 11, 0.3) !important;
}
body.colorful-theme button.bg-purple-700:hover,
body.colorful-theme button.bg-purple-600:hover {
    background: linear-gradient(135deg, #d97706 0%, #b45309 100%) !important;
    box-shadow: 0 6px 8px rgba(245, 158, 11, 0.4) !important;
}
body.colorful-theme button.bg-purple-600.ring-2,
body.colorful-theme button.bg-purple-600.ring-purple-400 {
    background: linear-gradient(135deg, #f59e0b 0%, #d97706 100%) !important;
    border: 2px solid #f59e0b !important;
    box-shadow: 0 0 0 2px rgba(245, 158, 11, 0.5), 0 4px 6px rgba(245, 158, 11, 0.3) !important;
}
body.colorful-theme .ring-purple-400 {
    --tw-ring-color: rgba(245, 158, 11, 0.5) !important;
}
body.colorful-theme .console-card {
    background: linear-gradient(135deg, #ffffff 0%, #fef3c7 100%) !important;
    border: 2px solid #fbbf24 !important;
    box-shadow: 0 4px 8px rgba(251, 191, 36, 0.2) !important;
}
body.colorful-theme .console-card.available { 
    border-left: 5px solid #22c55e; 
}
body.colorful-theme .console-card.busy { 
    border-left: 5px solid #ef4444; 
}
body.colorful-theme .console-card.paused { 
    border-left: 5px solid #f59e0b; 
}
body.colorful-theme .console-card.reserved { 
    border-left: 5px solid #3b82f6; 
}
body.colorful-theme .hover\:bg-gray-600:hover { 
    background: linear-gradient(135deg, #fde68a 0%, #fcd34d 100%) !important; 
}
body.colorful-theme .hover\:bg-gray-700:hover { 
    background: linear-gradient(135deg, #fcd34d 0%, #fbbf24 100%) !important; 
}
body.colorful-theme .admin-nav-link.active {
    background: linear-gradient(135deg, #3b82f6 0%, #2563eb 100%) !important;
    color: white !important;
}
body.colorful-theme .sub-nav-link.active {
    border-bottom: 2px solid #3b82f6 !important;
    color: #2563eb !important;
}

/* استایل لودر در تم رنگی */
body.colorful-theme #app-loader {
    background-color: rgba(254, 243, 199, 0.9);
}

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

/* رنگ عنوان ماه در تم رنگی */
body.colorful-theme .month-title-color {
    color: #d97706; /* نارنجی تیره برای تم طلایی */
}

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