/**
 * Status Badge Styles
 *
 * Used in: listjr.blade.php, listjrclient.blade.php
 *
 * Usage:
 *   <span class="status-badge status-active">Active</span>
 *   <span class="status-badge status-on-hold">On-Hold</span>
 *   <span class="status-badge status-canceled">Canceled</span>
 *   <span class="status-badge status-filled">Filled</span>
 */

.status-badge {
    display: block;
    width: 72px;
    text-align: center;
    align-items: center;
    padding: 0.25rem 0.65rem;
    border-radius: 999px;
    font-size: 0.7rem;
    line-height: 1.3;
    font-weight: 500;
    cursor: pointer;
    transition: background-color 0.15s ease;
}

.status-readonly {
    cursor: default !important;
}

.status-active {
    background: #D0E7FF;
    color: #084298;
}
.status-active:hover {
    background: #b0d4fe;
}

.status-on-hold {
    background: #FFF2CC;
    color: #856404;
}
.status-on-hold:hover {
    background: #ffe699;
}

.status-canceled,
.status-closed {
    background: #F4CCCC;
    color: #721C24;
}
.status-canceled:hover,
.status-closed:hover {
    background: #e8a3a3;
}

.status-filled {
    background: #D4EDDA;
    color: #155724;
}
.status-filled:hover {
    background: #b8dcc5;
}

.status-keyword-primary {
    background: #FDF5EE;
    border: 1px solid #D5C4B0;
    color: #5C4A3A;
    font-weight: 400;
    border-radius: 8px;
}

.status-keyword {
    background: #E8EEF8;
    border: 1px solid #A8BEDD;
    color: #3B5278;
    font-weight: 400;
    border-radius: 8px;
}