/* Status badges */
.status-col {
    font-weight: 600;
    padding: 6px 10px;
    border-radius: 6px;
    display: inline-block;
    text-align: center;
    min-width: 100px;
}
.status-instock {
    background-color: #e6f4ea;
    color: #1b5e20;
    border: 1px solid #1b5e20;
}
.status-outofstock {
    background-color: #fdecea;
    color: #b71c1c;
    border: 1px solid #b71c1c;
}

/* Toggle button */
.toggle-stock {
    background: linear-gradient(135deg, #0073aa, #005177);
    color: #fff;
    padding: 6px 12px;
    border: none;
    cursor: pointer;
    border-radius: 6px;
    transition: all 0.2s ease-in-out;
}
.toggle-stock:hover {
    background: linear-gradient(135deg, #005177, #003f5c);
}

/* Loader spinner */
.toggle-stock.loading {
    position: relative;
    pointer-events: none;
    opacity: 0.7;
}
.toggle-stock.loading::after {
    content: "";
    position: absolute;
    right: -25px;
    top: 50%;
    width: 16px;
    height: 16px;
    margin-top: -8px;
    border: 2px solid #fff;
    border-top: 2px solid #0073aa;
    border-radius: 50%;
    animation: spin 0.6s linear infinite;
}
@keyframes spin {
    0% { transform: rotate(0deg);}
    100% { transform: rotate(360deg);}
}