/* Custom Badge Colors for Better Visibility in Light Mode */

/* Putaway Badge - Enhanced Blue */
.fi-badge[data-color="putaway"] {
    --c-50: 239 246 255;
    --c-400: 96 165 250;
    --c-500: 59 130 246;
    --c-600: 37 99 235;
    background-color: rgb(var(--c-500));
    color: white;
    font-weight: 600;
    border: 1px solid rgb(var(--c-600));
    box-shadow: 0 1px 3px rgba(59, 130, 246, 0.3);
}

/* TO Created Badge - Enhanced Orange/Amber */
.fi-badge[data-color="to_created"] {
    --c-50: 255 251 235;
    --c-400: 251 191 36;
    --c-500: 245 158 11;
    --c-600: 217 119 6;
    background-color: rgb(var(--c-500));
    color: white;
    font-weight: 600;
    border: 1px solid rgb(var(--c-600));
    box-shadow: 0 1px 3px rgba(245, 158, 11, 0.3);
}

/* Cancelled Badge - Enhanced Red */
.fi-badge[data-color="cancelled"] {
    --c-50: 254 242 242;
    --c-400: 248 113 113;
    --c-500: 239 68 68;
    --c-600: 220 38 38;
    background-color: rgb(var(--c-500));
    color: white;
    font-weight: 600;
    border: 1px solid rgb(var(--c-600));
    box-shadow: 0 1px 3px rgba(239, 68, 68, 0.3);
}

/* Enhanced Badge Hover Effects */
.fi-badge[data-color="putaway"]:hover {
    background-color: rgb(var(--c-600));
    transform: translateY(-1px);
    box-shadow: 0 2px 6px rgba(59, 130, 246, 0.4);
}

.fi-badge[data-color="to_created"]:hover {
    background-color: rgb(var(--c-600));
    transform: translateY(-1px);
    box-shadow: 0 2px 6px rgba(245, 158, 11, 0.4);
}

.fi-badge[data-color="cancelled"]:hover {
    background-color: rgb(var(--c-600));
    transform: translateY(-1px);
    box-shadow: 0 2px 6px rgba(239, 68, 68, 0.4);
}

/* Additional Contrast for Light Mode */
@media (prefers-color-scheme: light) {
    .fi-badge {
        border-width: 1px;
        border-style: solid;
    }

    .fi-badge[data-color="putaway"] {
        background-color: #2563eb;
        border-color: #1d4ed8;
        color: white;
    }

    .fi-badge[data-color="to_created"] {
        background-color: #d97706;
        border-color: #b45309;
        color: white;
    }

    . fi-badge[data-color="cancelled"] {
        background-color: #dc2626;
        border-color: #b91c1c;
        color: white;
    }
}