/* Item chips for SR allocation and other sections */
.item-chip {
    display: inline-block;
    padding: 3px 8px;
    border-radius: 6px;
    font-size: 13px;
    font-weight: 500;
    border: 1px solid rgba(255, 255, 255, 0.1);
    transition: all 0.2s ease;
}

.item-chip:hover {
    transform: translateY(-1px);
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);
}

/* Quality colors matching tooltip system */
.item-chip.quality-0 {
    color: #9d9d9d;
    border-color: rgba(157, 157, 157, 0.3);
}

/* Poor/Gray */
.item-chip.quality-1 {
    color: #ffffff;
    border-color: rgba(255, 255, 255, 0.3);
}

/* Common/White */
.item-chip.quality-2 {
    color: #1eff00;
    border-color: rgba(30, 255, 0, 0.3);
}

/* Uncommon/Green */
.item-chip.quality-3 {
    color: #0070dd;
    border-color: rgba(0, 112, 221, 0.3);
}

/* Rare/Blue */
.item-chip.quality-4 {
    color: #a335ee;
    border-color: rgba(163, 53, 238, 0.3);
}

/* Epic/Purple */
.item-chip.quality-5 {
    color: #ff8000;
    border-color: rgba(255, 128, 0, 0.3);
}

/* Legendary/Orange */
.item-chip.quality-6 {
    color: #e6cc80;
    border-color: rgba(230, 204, 128, 0.3);
}

/* Artifact/Gold */