/* Dark Mode Enhancements - Better Contrast & Styling */

/* Card Modern - Dark Mode */
[data-bs-theme="dark"] .card-modern {
    background: rgba(31, 41, 55, 0.8) !important;
    border: 2px solid rgba(255, 255, 255, 0.1) !important;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.4) !important;
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
}

[data-bs-theme="dark"] .card-modern:hover {
    background: rgba(31, 41, 55, 0.95) !important;
    border-color: rgba(99, 102, 241, 0.4) !important;
    box-shadow: 0 8px 30px rgba(99, 102, 241, 0.2) !important;
}

[data-bs-theme="dark"] .card-modern-header {
    background: linear-gradient(135deg, rgba(31, 41, 55, 0.9) 0%, rgba(17, 24, 39, 0.9) 100%) !important;
    border-bottom: 2px solid rgba(255, 255, 255, 0.1) !important;
}

[data-bs-theme="dark"] .card-modern-header h5 {
    color: rgba(255, 255, 255, 0.95) !important;
}

[data-bs-theme="dark"] .card-modern-body {
    background: transparent !important;
}

/* Info Items - Dark Mode */
[data-bs-theme="dark"] .info-item-modern {
    background: linear-gradient(135deg, rgba(31, 41, 55, 0.6) 0%, rgba(17, 24, 39, 0.6) 100%) !important;
    border: 2px solid rgba(255, 255, 255, 0.08) !important;
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
}

[data-bs-theme="dark"] .info-item-modern:hover {
    background: rgba(31, 41, 55, 0.9) !important;
    border-color: rgba(99, 102, 241, 0.3) !important;
    box-shadow: 0 4px 15px rgba(99, 102, 241, 0.15) !important;
}

[data-bs-theme="dark"] .info-label {
    color: rgba(255, 255, 255, 0.7) !important;
}

[data-bs-theme="dark"] .info-value {
    color: rgba(255, 255, 255, 0.95) !important;
}

/* Stat Cards - Dark Mode */
[data-bs-theme="dark"] .stat-card {
    background: rgba(31, 41, 55, 0.8) !important;
    border: 2px solid rgba(255, 255, 255, 0.1) !important;
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
}

[data-bs-theme="dark"] .stat-card:hover {
    background: rgba(31, 41, 55, 0.95) !important;
    border-color: rgba(99, 102, 241, 0.4) !important;
    box-shadow: 0 12px 40px rgba(99, 102, 241, 0.2) !important;
}

[data-bs-theme="dark"] .stat-value {
    color: rgba(255, 255, 255, 0.95) !important;
}

[data-bs-theme="dark"] .stat-label {
    color: rgba(255, 255, 255, 0.7) !important;
}

/* Page Header - Dark Mode */
[data-bs-theme="dark"] .page-header {
    background: linear-gradient(135deg, rgba(99, 102, 241, 0.9) 0%, rgba(139, 92, 246, 0.9) 50%, rgba(236, 72, 153, 0.9) 100%) !important;
    box-shadow: 0 10px 40px rgba(99, 102, 241, 0.4) !important;
}

[data-bs-theme="dark"] .page-title {
    color: rgba(255, 255, 255, 0.98) !important;
    text-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
}

[data-bs-theme="dark"] .page-subtitle {
    color: rgba(255, 255, 255, 0.9) !important;
}

[data-bs-theme="dark"] .meta-item {
    color: rgba(255, 255, 255, 0.9) !important;
}

/* Status Badges - Dark Mode */
[data-bs-theme="dark"] .status-badge {
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
}

[data-bs-theme="dark"] .status-active {
    background: rgba(16, 185, 129, 0.25) !important;
    color: #34d399 !important;
    border: 2px solid rgba(16, 185, 129, 0.4) !important;
}

[data-bs-theme="dark"] .status-completed {
    background: rgba(99, 102, 241, 0.25) !important;
    color: #818cf8 !important;
    border: 2px solid rgba(99, 102, 241, 0.4) !important;
}

[data-bs-theme="dark"] .status-cancelled {
    background: rgba(239, 68, 68, 0.25) !important;
    color: #f87171 !important;
    border: 2px solid rgba(239, 68, 68, 0.4) !important;
}

/* Budget Progress - Dark Mode */
[data-bs-theme="dark"] .budget-progress-section {
    background: linear-gradient(135deg, rgba(31, 41, 55, 0.6) 0%, rgba(17, 24, 39, 0.6) 100%) !important;
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
}

[data-bs-theme="dark"] .budget-label {
    color: rgba(255, 255, 255, 0.9) !important;
}

[data-bs-theme="dark"] .budget-percentage {
    color: #818cf8 !important;
}

[data-bs-theme="dark"] .progress-modern-large {
    background: rgba(0, 0, 0, 0.3) !important;
}

/* Item Cards - Dark Mode */
[data-bs-theme="dark"] .item-card {
    background: rgba(31, 41, 55, 0.8) !important;
    border: 2px solid rgba(255, 255, 255, 0.1) !important;
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
}

[data-bs-theme="dark"] .item-card:hover {
    background: rgba(31, 41, 55, 0.95) !important;
    border-color: rgba(99, 102, 241, 0.3) !important;
    box-shadow: 0 8px 24px rgba(99, 102, 241, 0.15) !important;
}

[data-bs-theme="dark"] .item-name {
    color: rgba(255, 255, 255, 0.95) !important;
}

[data-bs-theme="dark"] .item-description {
    color: rgba(255, 255, 255, 0.7) !important;
}

[data-bs-theme="dark"] .price-value {
    color: rgba(255, 255, 255, 0.95) !important;
}

[data-bs-theme="dark"] .price-currency {
    color: rgba(255, 255, 255, 0.7) !important;
}

[data-bs-theme="dark"] .item-status-badge {
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
}

[data-bs-theme="dark"] .item-status-approved {
    background: rgba(16, 185, 129, 0.2) !important;
    color: #34d399 !important;
    border: 1px solid rgba(16, 185, 129, 0.3) !important;
}

[data-bs-theme="dark"] .item-status-pending {
    background: rgba(245, 158, 11, 0.2) !important;
    color: #fbbf24 !important;
    border: 1px solid rgba(245, 158, 11, 0.3) !important;
}

[data-bs-theme="dark"] .item-status-rejected {
    background: rgba(239, 68, 68, 0.2) !important;
    color: #f87171 !important;
    border: 1px solid rgba(239, 68, 68, 0.3) !important;
}

[data-bs-theme="dark"] .item-category-badge {
    background: rgba(99, 102, 241, 0.2) !important;
    color: #818cf8 !important;
    border: 1px solid rgba(99, 102, 241, 0.3) !important;
}

/* Empty State - Dark Mode */
[data-bs-theme="dark"] .empty-items-state {
    background: transparent !important;
}

[data-bs-theme="dark"] .empty-items-icon {
    color: rgba(99, 102, 241, 0.4) !important;
}

[data-bs-theme="dark"] .empty-items-title {
    color: rgba(255, 255, 255, 0.95) !important;
}

[data-bs-theme="dark"] .empty-items-text {
    color: rgba(255, 255, 255, 0.7) !important;
}

/* Buttons - Dark Mode */
[data-bs-theme="dark"] .btn-primary {
    background: linear-gradient(135deg, #6366f1 0%, #8b5cf6 100%) !important;
    border: none !important;
    color: white !important;
    box-shadow: 0 4px 12px rgba(99, 102, 241, 0.4) !important;
}

[data-bs-theme="dark"] .btn-primary:hover {
    background: linear-gradient(135deg, #4f46e5 0%, #7c3aed 100%) !important;
    box-shadow: 0 6px 20px rgba(99, 102, 241, 0.5) !important;
    transform: translateY(-2px);
}

[data-bs-theme="dark"] .btn-outline-primary {
    border: 2px solid rgba(99, 102, 241, 0.5) !important;
    color: #818cf8 !important;
    background: transparent !important;
}

[data-bs-theme="dark"] .btn-outline-primary:hover {
    background: linear-gradient(135deg, #6366f1 0%, #8b5cf6 100%) !important;
    border-color: transparent !important;
    color: white !important;
}

[data-bs-theme="dark"] .btn-outline-danger {
    border: 2px solid rgba(239, 68, 68, 0.5) !important;
    color: #f87171 !important;
}

[data-bs-theme="dark"] .btn-outline-danger:hover {
    background: rgba(239, 68, 68, 0.2) !important;
    border-color: rgba(239, 68, 68, 0.6) !important;
    color: #f87171 !important;
}

/* Form Controls - Dark Mode */
[data-bs-theme="dark"] .form-control {
    background: rgba(31, 41, 55, 0.8) !important;
    border: 2px solid rgba(255, 255, 255, 0.1) !important;
    color: rgba(255, 255, 255, 0.95) !important;
}

[data-bs-theme="dark"] .form-control:focus {
    background: rgba(31, 41, 55, 0.95) !important;
    border-color: rgba(99, 102, 241, 0.5) !important;
    box-shadow: 0 0 0 3px rgba(99, 102, 241, 0.1) !important;
    color: rgba(255, 255, 255, 0.95) !important;
}

[data-bs-theme="dark"] .form-control::placeholder {
    color: rgba(255, 255, 255, 0.5) !important;
}

[data-bs-theme="dark"] .form-label {
    color: rgba(255, 255, 255, 0.9) !important;
}

[data-bs-theme="dark"] .form-select {
    background: rgba(31, 41, 55, 0.8) !important;
    border: 2px solid rgba(255, 255, 255, 0.1) !important;
    color: rgba(255, 255, 255, 0.95) !important;
}

[data-bs-theme="dark"] .form-select:focus {
    background: rgba(31, 41, 55, 0.95) !important;
    border-color: rgba(99, 102, 241, 0.5) !important;
    box-shadow: 0 0 0 3px rgba(99, 102, 241, 0.1) !important;
}

/* Modal - Dark Mode */
[data-bs-theme="dark"] .modal-content {
    background: rgba(31, 41, 55, 0.95) !important;
    border: 2px solid rgba(255, 255, 255, 0.1) !important;
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
}

[data-bs-theme="dark"] .modal-header {
    border-bottom: 2px solid rgba(255, 255, 255, 0.1) !important;
}

[data-bs-theme="dark"] .modal-title {
    color: rgba(255, 255, 255, 0.95) !important;
}

[data-bs-theme="dark"] .modal-body {
    color: rgba(255, 255, 255, 0.9) !important;
}

[data-bs-theme="dark"] .modal-footer {
    border-top: 2px solid rgba(255, 255, 255, 0.1) !important;
}

[data-bs-theme="dark"] .btn-close {
    filter: invert(1) grayscale(100%) brightness(200%);
}

/* Items Total Footer - Dark Mode */
[data-bs-theme="dark"] .items-total-footer {
    background: rgba(31, 41, 55, 0.9) !important;
    border-top: 2px solid rgba(255, 255, 255, 0.1) !important;
}

[data-bs-theme="dark"] .total-label {
    color: rgba(255, 255, 255, 0.8) !important;
}

[data-bs-theme="dark"] .total-value {
    color: rgba(255, 255, 255, 0.95) !important;
}

/* Items Header - Dark Mode */
[data-bs-theme="dark"] .items-header {
    background: rgba(31, 41, 55, 0.6) !important;
    border-bottom: 2px solid rgba(255, 255, 255, 0.1) !important;
}

[data-bs-theme="dark"] .items-header h6 {
    color: rgba(255, 255, 255, 0.95) !important;
}

/* Detail Items - Dark Mode */
[data-bs-theme="dark"] .detail-item {
    color: rgba(255, 255, 255, 0.8) !important;
}

[data-bs-theme="dark"] .detail-item i {
    opacity: 0.8;
}

/* Badge Count - Dark Mode */
[data-bs-theme="dark"] .badge-count {
    box-shadow: 0 2px 8px rgba(99, 102, 241, 0.4) !important;
}

/* Live Indicator - Dark Mode */
[data-bs-theme="dark"] .live-indicator {
    color: #34d399 !important;
    text-shadow: 0 0 8px rgba(16, 185, 129, 0.5);
}

/* Background Improvements */
[data-bs-theme="dark"] body {
    background: #0f172a !important;
}

[data-bs-theme="dark"] .app-main {
    background: #0f172a !important;
}

/* Item Card Header - Dark Mode */
[data-bs-theme="dark"] .item-card-header {
    background: linear-gradient(135deg, rgba(31, 41, 55, 0.6) 0%, rgba(17, 24, 39, 0.6) 100%) !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1) !important;
}

[data-bs-theme="dark"] .item-card-footer {
    background: rgba(31, 41, 55, 0.6) !important;
    border-top: 1px solid rgba(255, 255, 255, 0.1) !important;
}

/* Item Header Content - Dark Mode */
[data-bs-theme="dark"] .item-header-content {
    flex: 1;
}

/* App Header - Better Dark Mode */
[data-bs-theme="dark"] .app-header {
    background: rgba(15, 23, 42, 0.95) !important;
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
    border-bottom: 1px solid rgba(255, 255, 255, 0.1) !important;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5) !important;
}

/* Cards General - Dark Mode */
[data-bs-theme="dark"] .card {
    background: rgba(31, 41, 55, 0.8) !important;
    border: 2px solid rgba(255, 255, 255, 0.1) !important;
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
}

[data-bs-theme="dark"] .card:hover {
    border-color: rgba(99, 102, 241, 0.3) !important;
    box-shadow: 0 8px 24px rgba(99, 102, 241, 0.15) !important;
}

[data-bs-theme="dark"] .card-body {
    color: rgba(255, 255, 255, 0.9) !important;
}

/* Search Input - Dark Mode */
[data-bs-theme="dark"] .search-input {
    background: rgba(31, 41, 55, 0.8) !important;
    border: 2px solid rgba(255, 255, 255, 0.1) !important;
    color: rgba(255, 255, 255, 0.95) !important;
}

[data-bs-theme="dark"] .search-input:focus {
    background: rgba(31, 41, 55, 0.95) !important;
    border-color: rgba(99, 102, 241, 0.5) !important;
    box-shadow: 0 0 0 3px rgba(99, 102, 241, 0.1) !important;
}

[data-bs-theme="dark"] .search-input::placeholder {
    color: rgba(255, 255, 255, 0.5) !important;
}

/* Filter Buttons - Dark Mode */
[data-bs-theme="dark"] .filter-btn {
    background: rgba(31, 41, 55, 0.6) !important;
    border: 2px solid rgba(255, 255, 255, 0.1) !important;
    color: rgba(255, 255, 255, 0.8) !important;
}

[data-bs-theme="dark"] .filter-btn:hover {
    background: rgba(31, 41, 55, 0.8) !important;
    border-color: rgba(99, 102, 241, 0.4) !important;
    color: rgba(255, 255, 255, 0.95) !important;
}

[data-bs-theme="dark"] .filter-btn.active {
    background: linear-gradient(135deg, #6366f1 0%, #8b5cf6 100%) !important;
    border-color: transparent !important;
    color: white !important;
    box-shadow: 0 4px 12px rgba(99, 102, 241, 0.4) !important;
}

/* Search Filters Card - Dark Mode */
[data-bs-theme="dark"] .search-filters-card {
    background: rgba(31, 41, 55, 0.8) !important;
    border: 2px solid rgba(255, 255, 255, 0.1) !important;
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
}

/* Items List Container - Dark Mode */
[data-bs-theme="dark"] .items-container {
    background: transparent !important;
}

[data-bs-theme="dark"] .items-list {
    background: transparent !important;
}

/* Items Body - Dark Mode */
[data-bs-theme="dark"] .items-body {
    background: transparent !important;
}

/* Scrollbar - Dark Mode */
[data-bs-theme="dark"] ::-webkit-scrollbar {
    width: 10px;
    height: 10px;
}

[data-bs-theme="dark"] ::-webkit-scrollbar-track {
    background: rgba(15, 23, 42, 0.5);
}

[data-bs-theme="dark"] ::-webkit-scrollbar-thumb {
    background: rgba(99, 102, 241, 0.5);
    border-radius: 5px;
}

[data-bs-theme="dark"] ::-webkit-scrollbar-thumb:hover {
    background: rgba(99, 102, 241, 0.7);
}

/* Text Contrast Improvements */
[data-bs-theme="dark"] .text-muted {
    color: rgba(255, 255, 255, 0.6) !important;
}

[data-bs-theme="dark"] .text-secondary {
    color: rgba(255, 255, 255, 0.7) !important;
}

/* Better shadows for depth */
[data-bs-theme="dark"] .card-modern,
[data-bs-theme="dark"] .stat-card,
[data-bs-theme="dark"] .item-card {
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.4) !important;
}

[data-bs-theme="dark"] .card-modern:hover,
[data-bs-theme="dark"] .stat-card:hover,
[data-bs-theme="dark"] .item-card:hover {
    box-shadow: 0 8px 30px rgba(99, 102, 241, 0.25) !important;
}