.grenade-page .grenade-loading {
    color: #aaa;
    font-size: 14px;
    padding: 16px;
}

.grenade-page .inline-warning {
    background: #3a1d1d;
    color: #fff;
    padding: 10px 14px;
    border-radius: 6px;
    border: 1px solid #7a2f2f;
}

.grenade-page .inline-note {
    color: #ccc;
    font-size: 13px;
}

.grenade-page .my-status {
    font-size: 16px;
    font-weight: 600;
    margin: 0;
}

.grenade-page .my-status.has {
    color: #f59e0b;
}

.grenade-page .my-status.paid {
    color: #16a34a;
}

.grenade-page .my-status.none {
    color: #ccc;
}

.grenade-page .grenade-holders-list {
    list-style: none;
    padding: 0;
    margin: 0;
}

    .grenade-page .grenade-holders-list li {
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 10px 12px;
        border-bottom: 1px solid #333;
        gap: 12px;
        flex-wrap: wrap;
    }

    .grenade-page .grenade-holders-list li:last-child {
        border-bottom: none;
    }

.grenade-page .holder-team {
    color: #fff;
    font-weight: 600;
}

.grenade-page .holder-coach {
    color: #aaa;
    font-size: 13px;
}

.grenade-page .holder-chip {
    font-size: 12px;
    padding: 3px 8px;
    border-radius: 999px;
    font-weight: 700;
}

    .grenade-page .holder-chip.has {
        background: #5a3a10;
        color: #fbbf24;
    }

    .grenade-page .holder-chip.paid {
        background: #1f4a2a;
        color: #4ade80;
    }

.btn.pay-defuse-btn {
    background-color: var(--brand-primary);
    border-color: var(--brand-primary);
    color: #fff;
}

.btn.pay-defuse-btn:hover:not(:disabled),
.btn.pay-defuse-btn:focus:not(:disabled) {
    background-color: var(--brand-primary-dark);
    border-color: var(--brand-primary-dark);
    color: #fff;
}

.btn.pay-defuse-btn:disabled {
    opacity: 0.5;
    cursor: not-allowed;
}