/* 
 * Status Tag Styling - Dynamic Color Mapping
 * Based on the 'data-value' attribute for state indication.
 */

/* Base Styling (Inherited/Common properties for all tags) */
.tag-status {
    display: inline-block;
    padding: 0.5em 1em;
    font-size: 0.9em;
    font-weight: 100;
    line-height: 1;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: 0.3rem;
    color: #ffffff; /* High contrast text */
}

/* --- Status Value Mappings --- */

/* Status 1: Orange (Warning State) */
.tag-status[data-value="1"], .tag-status.status-orange {
    background-color: #fd7e14;         /* Standard Orange Background */
    border-color: #ea580c;             /* Darker border for depth */
}
.tag-status[data-value="1"]:hover, .tag-status.status-orange:hover {
    background-color: #ea580c;
}

/* Status 2: Blue (Informational/Active State) */
.tag-status[data-value="2"], .tag-status.status-blue {
    background-color: #0d6efd;         /* Standard Blue Background */
    border-color: #0b5ed7;             /* Darker border for depth */
}
.tag-status[data-value="2"]:hover, .tag-status.status-blue:hover {
    background-color: #0b5ed7;
}

/* Status 3: Green (Success/Positive State) */
.tag-status[data-value="3"], .tag-status.status-green {
    background-color: #198754;         /* Standard Green Background */
    border-color: #146c43;             /* Darker border for depth */
}
.tag-status[data-value="3"]:hover, .tag-status.status-green:hover {
    background-color: #146c43;
}

/* Note: The original 'Red/Bad' status (if needed) can be added back separately, 
   or its style can be assigned to data-value="0" or similar. */


.jdp-container {
    z-index: 999999999999999999999999999999999999999 !important;
}