/**
 * Enhanced Badge Styling for Better Visibility
 * Specifically targeting "Modal" and other badge elements for improved contrast
 */

/* Enhanced Modal Badge Styling */
.badge-primary {
    background-color: #1e40af !important; /* Darker blue for better contrast */
    border: 1px solid #1d4ed8 !important;
    color: #ffffff !important;
    font-weight: 600 !important;
    box-shadow: 0 2px 4px rgba(30, 64, 175, 0.3) !important;
    transition: all 0.2s ease !important;
}

.badge-primary:hover {
    background-color: #1d4ed8 !important;
    transform: translateY(-1px) !important;
    box-shadow: 0 4px 8px rgba(30, 64, 175, 0.4) !important;
}

/* Enhanced Success Badge for Persediaan */
.badge-success {
    background-color: #059669 !important; /* Darker green */
    border: 1px solid #047857 !important;
    color: #ffffff !important;
    font-weight: 600 !important;
    box-shadow: 0 2px 4px rgba(5, 150, 105, 0.3) !important;
    transition: all 0.2s ease !important;
}

.badge-success:hover {
    background-color: #047857 !important;
    transform: translateY(-1px) !important;
    box-shadow: 0 4px 8px rgba(5, 150, 105, 0.4) !important;
}

/* Enhanced Info Badge for Kode Inventaris */
.badge-info {
    background-color: #0369a1 !important; /* Darker cyan */
    border: 1px solid #0284c7 !important;
    color: #ffffff !important;
    font-weight: 600 !important;
    box-shadow: 0 2px 4px rgba(3, 105, 161, 0.3) !important;
    transition: all 0.2s ease !important;
}

.badge-info:hover {
    background-color: #0284c7 !important;
    transform: translateY(-1px) !important;
    box-shadow: 0 4px 8px rgba(3, 105, 161, 0.4) !important;
}

/* Enhanced Warning Badge */
.badge-warning {
    background-color: #d97706 !important; /* Darker orange */
    border: 1px solid #ea580c !important;
    color: #ffffff !important;
    font-weight: 600 !important;
    box-shadow: 0 2px 4px rgba(217, 119, 6, 0.3) !important;
    transition: all 0.2s ease !important;
}

.badge-warning:hover {
    background-color: #ea580c !important;
    transform: translateY(-1px) !important;
    box-shadow: 0 4px 8px rgba(217, 119, 6, 0.4) !important;
}

/* Enhanced Danger Badge */
.badge-danger {
    background-color: #dc2626 !important; /* Better red */
    border: 1px solid #ef4444 !important;
    color: #ffffff !important;
    font-weight: 600 !important;
    box-shadow: 0 2px 4px rgba(220, 38, 38, 0.3) !important;
    transition: all 0.2s ease !important;
}

.badge-danger:hover {
    background-color: #ef4444 !important;
    transform: translateY(-1px) !important;
    box-shadow: 0 4px 8px rgba(220, 38, 38, 0.4) !important;
}

/* Enhanced Dark Badge */
.badge-dark {
    background-color: #374151 !important;
    border: 1px solid #4b5563 !important;
    color: #ffffff !important;
    font-weight: 600 !important;
    box-shadow: 0 2px 4px rgba(55, 65, 81, 0.3) !important;
    transition: all 0.2s ease !important;
}

.badge-dark:hover {
    background-color: #4b5563 !important;
    transform: translateY(-1px) !important;
    box-shadow: 0 4px 8px rgba(55, 65, 81, 0.4) !important;
}

/* Enhanced Secondary Badge */
.badge-secondary {
    background-color: #6b7280 !important;
    border: 1px solid #9ca3af !important;
    color: #ffffff !important;
    font-weight: 600 !important;
    box-shadow: 0 2px 4px rgba(107, 114, 128, 0.3) !important;
    transition: all 0.2s ease !important;
}

.badge-secondary:hover {
    background-color: #9ca3af !important;
    transform: translateY(-1px) !important;
    box-shadow: 0 4px 8px rgba(107, 114, 128, 0.4) !important;
}

/* Large badge styling for better visibility */
.badge-lg {
    padding: 0.5rem 0.75rem !important;
    font-size: 0.9rem !important;
    border-radius: 0.375rem !important;
}

/* Table cell highlighting for better column visibility */
.table th {
    background-color: #f8fafc !important;
    border-color: #e2e8f0 !important;
    font-weight: 600 !important;
    color: #374151 !important;
}

.table-hover tbody tr:hover {
    background-color: #f1f5f9 !important;
}

/* Enhanced table border styling */
.table-bordered {
    border: 1px solid #d1d5db !important;
}

.table-bordered th,
.table-bordered td {
    border: 1px solid #d1d5db !important;
}

/* Status indication improvements */
.text-success {
    color: #059669 !important;
    font-weight: 600 !important;
}

.text-warning {
    color: #d97706 !important;
    font-weight: 600 !important;
}

.text-danger {
    color: #dc2626 !important;
    font-weight: 600 !important;
}

.text-primary {
    color: #1e40af !important;
    font-weight: 600 !important;
}

/* Border indicators for status */
.border-success {
    border-color: #059669 !important;
}

.border-warning {
    border-color: #d97706 !important;
}

.border-danger {
    border-color: #dc2626 !important;
}

.border-primary {
    border-color: #1e40af !important;
}

/* Enhanced visibility for SIPD type indicators */
.d-flex .mr-2[style*="background-color: #3498db"] {
    background-color: #1e40af !important;
    box-shadow: 0 0 0 2px rgba(30, 64, 175, 0.2) !important;
}

.d-flex .mr-2[style*="background-color: #2ecc71"] {
    background-color: #059669 !important;
    box-shadow: 0 0 0 2px rgba(5, 150, 105, 0.2) !important;
}